@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.
- package/.storybook/components/SectionItem.tsx +1 -3
- package/.turbo/turbo-build.log +16 -16
- package/CHANGELOG.md +12 -0
- package/package.json +5 -5
- package/public/icons.svg +60 -56
- package/src/Layout.tsx +1 -2
- package/src/components/cart/CartSidebar/CartSidebar.tsx +6 -8
- package/src/components/cart/CartToggle/CartToggle.tsx +5 -2
- package/src/components/cart/EmptyCart/EmptyCart.tsx +1 -2
- package/src/components/common/Alert/Alert.tsx +1 -2
- package/src/components/common/Footer/Footer.tsx +3 -3
- package/src/components/common/Footer/FooterFlags.tsx +21 -18
- package/src/components/common/Navbar/Navbar.tsx +2 -4
- package/src/components/product/OutOfStock/OutOfStock.tsx +2 -3
- package/src/components/region/RegionButton/RegionButton.tsx +1 -2
- package/src/components/region/RegionModal/RegionalizationModalContent.tsx +1 -1
- package/src/components/search/SearchInput/SearchInput.tsx +17 -17
- package/src/components/sections/Incentives/Incentives.tsx +1 -3
- package/src/components/sections/Newsletter/Newsletter.tsx +1 -2
- package/src/components/sections/ProducDetailsContent/ProductDetailsContent.tsx +24 -18
- package/src/components/sections/ProductGallery/EmptyGallery.tsx +1 -2
- package/src/components/sections/ProductGallery/ProductGallery.tsx +4 -5
- package/src/components/sections/ScrollToTopButton/ScrollToTopButton.tsx +1 -3
- package/src/components/ui/Breadcrumb/Breadcrumb.tsx +1 -2
- package/src/components/ui/Button/ButtonSignIn/ButtonSignIn.tsx +1 -2
- package/src/components/ui/Button/ButtonSignIn/ButtonSignInFallback/ButtonSignInFallback.tsx +1 -3
- package/src/components/ui/Carousel/Carousel.tsx +2 -4
- package/src/components/ui/Gift/Gift.tsx +6 -3
- package/src/components/ui/ImageGallery/ImageGallerySelector.tsx +5 -2
- package/src/pages/[...slug].tsx +1 -1
- package/.next/BUILD_ID +0 -1
- package/.next/build-manifest.json +0 -101
- package/.next/cache/.tsbuildinfo +0 -1
- package/.next/cache/config.json +0 -7
- package/.next/cache/eslint/.cache_1gneedd +0 -1
- package/.next/cache/next-server.js.nft.json +0 -1
- package/.next/cache/webpack/client-production/0.pack +0 -0
- package/.next/cache/webpack/client-production/index.pack +0 -0
- package/.next/cache/webpack/server-production/0.pack +0 -0
- package/.next/cache/webpack/server-production/index.pack +0 -0
- package/.next/export-marker.json +0 -1
- package/.next/images-manifest.json +0 -1
- package/.next/next-server.js.nft.json +0 -1
- package/.next/package.json +0 -1
- package/.next/prerender-manifest.json +0 -1
- package/.next/react-loadable-manifest.json +0 -44
- package/.next/required-server-files.json +0 -1
- package/.next/routes-manifest.json +0 -1
- package/.next/server/chunks/104.js +0 -196
- package/.next/server/chunks/143.js +0 -106
- package/.next/server/chunks/152.js +0 -216
- package/.next/server/chunks/154.js +0 -206
- package/.next/server/chunks/183.js +0 -72
- package/.next/server/chunks/247.js +0 -61
- package/.next/server/chunks/264.js +0 -67
- package/.next/server/chunks/280.js +0 -417
- package/.next/server/chunks/287.js +0 -79
- package/.next/server/chunks/312.js +0 -684
- package/.next/server/chunks/317.js +0 -125
- package/.next/server/chunks/350.js +0 -120
- package/.next/server/chunks/371.js +0 -1484
- package/.next/server/chunks/377.js +0 -82
- package/.next/server/chunks/394.js +0 -3801
- package/.next/server/chunks/439.js +0 -175
- package/.next/server/chunks/444.js +0 -464
- package/.next/server/chunks/465.js +0 -91
- package/.next/server/chunks/576.js +0 -72
- package/.next/server/chunks/608.js +0 -515
- package/.next/server/chunks/664.js +0 -124
- package/.next/server/chunks/676.js +0 -32
- package/.next/server/chunks/746.js +0 -237
- package/.next/server/chunks/777.js +0 -708
- package/.next/server/chunks/854.js +0 -72
- package/.next/server/chunks/859.js +0 -959
- package/.next/server/chunks/872.js +0 -378
- package/.next/server/chunks/881.js +0 -320
- package/.next/server/chunks/898.js +0 -240
- package/.next/server/chunks/914.js +0 -96
- package/.next/server/chunks/953.js +0 -674
- package/.next/server/chunks/98.js +0 -266
- package/.next/server/chunks/992.js +0 -570
- package/.next/server/chunks/font-manifest.json +0 -1
- package/.next/server/font-manifest.json +0 -1
- package/.next/server/middleware-build-manifest.js +0 -1
- package/.next/server/middleware-manifest.json +0 -6
- package/.next/server/middleware-react-loadable-manifest.js +0 -1
- package/.next/server/pages/404.js.nft.json +0 -1
- package/.next/server/pages/500.js.nft.json +0 -1
- package/.next/server/pages/[...slug].js +0 -633
- package/.next/server/pages/[...slug].js.nft.json +0 -1
- package/.next/server/pages/[slug]/p.js +0 -2390
- package/.next/server/pages/[slug]/p.js.nft.json +0 -1
- package/.next/server/pages/_app.js +0 -2467
- package/.next/server/pages/_app.js.nft.json +0 -1
- package/.next/server/pages/_document.js +0 -304
- package/.next/server/pages/_document.js.nft.json +0 -1
- package/.next/server/pages/_error.js +0 -164
- package/.next/server/pages/_error.js.nft.json +0 -1
- package/.next/server/pages/account.js.nft.json +0 -1
- package/.next/server/pages/api/graphql.js +0 -259
- package/.next/server/pages/api/graphql.js.nft.json +0 -1
- package/.next/server/pages/api/preview.js +0 -118
- package/.next/server/pages/api/preview.js.nft.json +0 -1
- package/.next/server/pages/checkout.js.nft.json +0 -1
- package/.next/server/pages/en-US/404.html +0 -81
- package/.next/server/pages/en-US/500.html +0 -81
- package/.next/server/pages/en-US/account.html +0 -81
- package/.next/server/pages/en-US/checkout.html +0 -81
- package/.next/server/pages/en-US/login.html +0 -81
- package/.next/server/pages/en-US/s.html +0 -81
- package/.next/server/pages/en-US.html +0 -81
- package/.next/server/pages/en-US.json +0 -1
- package/.next/server/pages/index.js +0 -428
- package/.next/server/pages/index.js.nft.json +0 -1
- package/.next/server/pages/login.js.nft.json +0 -1
- package/.next/server/pages/s.js.nft.json +0 -1
- package/.next/server/pages-manifest.json +0 -16
- package/.next/server/webpack-api-runtime.js +0 -229
- package/.next/server/webpack-runtime.js +0 -229
- package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
- package/.next/static/chunks/152.d44c4f8d83e68e26.js +0 -1
- package/.next/static/chunks/251-5059c71d8e624b60.js +0 -1
- package/.next/static/chunks/291.1b3f1a62d6e853d1.js +0 -1
- package/.next/static/chunks/351-a4e28d64f48c5269.js +0 -1
- package/.next/static/chunks/608.59e69b83f35d9c44.js +0 -1
- package/.next/static/chunks/626-d631f2cb747ef569.js +0 -1
- package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
- package/.next/static/chunks/686.41582b9e75eaba89.js +0 -1
- package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
- package/.next/static/chunks/781-7df372b5b56e3f96.js +0 -1
- package/.next/static/chunks/843.f55ad79a8fd4f87c.js +0 -1
- package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
- package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
- package/.next/static/chunks/main-9746772201fe3ac1.js +0 -1
- package/.next/static/chunks/pages/404-ba608a2a9f0c420a.js +0 -1
- package/.next/static/chunks/pages/500-910883c20541d9ce.js +0 -1
- package/.next/static/chunks/pages/[...slug]-4b2bea89ec5c8fbe.js +0 -1
- package/.next/static/chunks/pages/[slug]/p-912fe4b532f4fdce.js +0 -1
- package/.next/static/chunks/pages/_app-c30dfc55a86c1363.js +0 -1
- package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
- package/.next/static/chunks/pages/account-b8fc5222ffe89b60.js +0 -1
- package/.next/static/chunks/pages/checkout-f8cb7cb22225ef9d.js +0 -1
- package/.next/static/chunks/pages/index-eabe9d42a172b52b.js +0 -1
- package/.next/static/chunks/pages/login-33954810b200eca8.js +0 -1
- package/.next/static/chunks/pages/s-b49bdf6af37376b6.js +0 -1
- package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
- package/.next/static/chunks/webpack-f1a1b4bcfa6b66bb.js +0 -1
- package/.next/static/css/10db3bc7ecdf0556.css +0 -1
- package/.next/static/css/43d61b402f41569b.css +0 -1
- package/.next/static/css/4899c3cc356704f9.css +0 -1
- package/.next/static/css/5f1958d8dece68c7.css +0 -1
- package/.next/static/css/6507cb48401e73a4.css +0 -1
- package/.next/static/css/8ea129ea90e49e98.css +0 -1
- package/.next/static/css/b2f16bd4b93e0aca.css +0 -1
- package/.next/static/css/db63ea05e98cb7e8.css +0 -1
- package/.next/static/m9qPYxeN9bMid06fpEhbE/_buildManifest.js +0 -1
- package/.next/static/m9qPYxeN9bMid06fpEhbE/_ssgManifest.js +0 -1
- package/.next/static/media/brandless-neutral.76ddf63a.png +0 -0
- package/.next/trace +0 -64
- package/public/~partytown/debug/partytown-atomics.js +0 -556
- package/public/~partytown/debug/partytown-media.js +0 -374
- package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
- package/public/~partytown/debug/partytown-sw.js +0 -59
- package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
- package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
- package/public/~partytown/debug/partytown.js +0 -72
- package/public/~partytown/partytown-atomics.js +0 -2
- package/public/~partytown/partytown-media.js +0 -2
- package/public/~partytown/partytown-sw.js +0 -2
- package/public/~partytown/partytown.js +0 -2
- package/src/components/ui/Icon/Icon.tsx +0 -35
- 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 '
|
|
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 {
|
|
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,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
|
-
{
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
{
|
|
19
|
-
|
|
20
|
-
|
|
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 '
|
|
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
|
|
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')
|
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
186
|
-
|
|
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
|
-
|
|
198
|
-
|
|
199
|
-
}
|
|
203
|
+
name="CircleWavyCheck"
|
|
204
|
+
width={18}
|
|
205
|
+
height={18}
|
|
200
206
|
/>
|
|
201
207
|
Estimated
|
|
202
208
|
</UITableCell>
|
|
@@ -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,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
|
|
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
|
|
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 {
|
|
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
|
|
package/src/pages/[...slug].tsx
CHANGED
|
@@ -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
|
-
}
|