+
+
+
+
-
- Menu
+
+ Desktop Menu
+
+
+ }>
+ {/*// @ts-ignore */}
+
+
diff --git a/components/layout/header/mobile-modal.tsx b/components/layout/header/mobile-modal.tsx
new file mode 100644
index 000000000..3f2f1fb29
--- /dev/null
+++ b/components/layout/header/mobile-modal.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import MenuIcon from '@/components/icons/menu';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
+import { useState } from 'react';
+
+export default function MobileModal() {
+ const [isOpen, setIsOpen] = useState(false);
+
+ return (
+ <>
+
setIsOpen(!isOpen)}>
+
+
+
+
+
+
+
+ Menu
+
+
+
+
+ );
+}
diff --git a/components/ui/loading-dots.tsx b/components/loading-dots.tsx
similarity index 100%
rename from components/ui/loading-dots.tsx
rename to components/loading-dots.tsx
diff --git a/components/modules/carousel/carousel.tsx b/components/modules/carousel/carousel.tsx
index 105bfccf1..76d35a296 100644
--- a/components/modules/carousel/carousel.tsx
+++ b/components/modules/carousel/carousel.tsx
@@ -1,28 +1,28 @@
+import { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';
import 'glider-js/glider.min.css';
-import { ArrowLeft, ArrowRight } from 'lucide-react';
import React from 'react';
import Glider from 'react-glider';
export interface CarouselItemProps {
- children: React.ReactNode
- className?: string
+ children: React.ReactNode;
+ className?: string;
}
export const CarouselItem: React.FC
= ({
children,
className = 'ml-2 first:ml-0 lg:ml-4'
}: CarouselItemProps) => {
- return {children}
-}
+ return {children}
;
+};
export interface CarouselProps {
- children: JSX.Element | JSX.Element[] | any
- gliderClasses?: string
- hasArrows?: boolean
- hasDots?: boolean
- slidesToShow?: number
- slidesToScroll?: number
- responsive?: any
+ children: JSX.Element | JSX.Element[] | any;
+ gliderClasses?: string;
+ hasArrows?: boolean;
+ hasDots?: boolean;
+ slidesToShow?: number;
+ slidesToScroll?: number;
+ responsive?: any;
}
export const Carousel: React.FC = ({
@@ -32,29 +32,26 @@ export const Carousel: React.FC = ({
hasDots = true,
slidesToShow = 1,
slidesToScroll = 1,
- responsive,
+ responsive
}) => {
-
-
return (
<>
}
- iconRight={}
+ iconLeft={}
+ iconRight={}
responsive={[responsive]}
>
- {React.Children.map(children, (child) => {
- return React.cloneElement(child)
- })}
-
+ {React.Children.map(children, (child) => {
+ return React.cloneElement(child);
+ })}
- )
-}
+ );
+};
diff --git a/components/preview-suspense.tsx b/components/preview-suspense.tsx
new file mode 100644
index 000000000..a0acc97e0
--- /dev/null
+++ b/components/preview-suspense.tsx
@@ -0,0 +1,4 @@
+'use client';
+
+// Once rollup supports 'use client' module directives then 'next-sanity' will include them and this re-export will no longer be necessary
+export { PreviewSuspense as default } from 'next-sanity/preview';
diff --git a/components/product/add-to-cart.tsx b/components/product/add-to-cart.tsx
index 550f1ccb9..4314e982b 100644
--- a/components/product/add-to-cart.tsx
+++ b/components/product/add-to-cart.tsx
@@ -6,7 +6,7 @@ import clsx from 'clsx';
import { useRouter, useSearchParams } from 'next/navigation';
import { useEffect, useState, useTransition } from 'react';
-import LoadingDots from 'components/ui/loading-dots';
+import LoadingDots from 'components/loading-dots';
import { ProductVariant } from 'lib/shopify/types';
export function AddToCart({
diff --git a/components/ui/dropdown/dropdown.tsx b/components/ui/dropdown-menu.tsx
similarity index 58%
rename from components/ui/dropdown/dropdown.tsx
rename to components/ui/dropdown-menu.tsx
index 1d4d37f12..ef793c703 100644
--- a/components/ui/dropdown/dropdown.tsx
+++ b/components/ui/dropdown-menu.tsx
@@ -1,33 +1,34 @@
-'use client'
+'use client';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
-import { CheckIcon, ChevronRightIcon, CircleIcon } from '@radix-ui/react-icons'
-import * as React from 'react'
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { CheckIcon, ChevronRightIcon, CircleIcon } from '@radix-ui/react-icons';
-import { cn } from 'lib/utils'
+import * as React from 'react';
-const DropdownMenu = DropdownMenuPrimitive.Root
+import { cn } from '@/lib/utils';
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuGroup = DropdownMenuPrimitive.Group
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-const DropdownMenuSub = DropdownMenuPrimitive.Sub
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
const DropdownMenuSubTrigger = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef & {
- inset?: boolean
+ inset?: boolean;
}
>(({ className, inset, children, ...props }, ref) => (
-))
-DropdownMenuSubTrigger.displayName =
- DropdownMenuPrimitive.SubTrigger.displayName
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
const DropdownMenuSubContent = React.forwardRef<
React.ElementRef,
@@ -47,14 +47,13 @@ const DropdownMenuSubContent = React.forwardRef<
-))
-DropdownMenuSubContent.displayName =
- DropdownMenuPrimitive.SubContent.displayName
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
const DropdownMenuContent = React.forwardRef<
React.ElementRef,
@@ -65,32 +64,32 @@ const DropdownMenuContent = React.forwardRef<
ref={ref}
sideOffset={sideOffset}
className={cn(
- 'z-50 min-w-[8rem] overflow-hidden bg-app text-high-contrast animate-in data-[side=right]:slide-in-from-left-2 data-[side=left]:slide-in-from-right-2 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2',
+ 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
className
)}
{...props}
/>
-))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
const DropdownMenuItem = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef & {
- inset?: boolean
+ inset?: boolean;
}
>(({ className, inset, ...props }, ref) => (
-))
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
const DropdownMenuCheckboxItem = React.forwardRef<
React.ElementRef,
@@ -99,7 +98,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
{children}
-))
-DropdownMenuCheckboxItem.displayName =
- DropdownMenuPrimitive.CheckboxItem.displayName
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
const DropdownMenuRadioItem = React.forwardRef<
React.ElementRef,
@@ -123,7 +121,7 @@ const DropdownMenuRadioItem = React.forwardRef<
{children}
-))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
const DropdownMenuLabel = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef & {
- inset?: boolean
+ inset?: boolean;
}
>(({ className, inset, ...props }, ref) => (
-))
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
const DropdownMenuSeparator = React.forwardRef<
React.ElementRef,
@@ -162,32 +156,33 @@ const DropdownMenuSeparator = React.forwardRef<
>(({ className, ...props }, ref) => (
-))
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-const DropdownMenuShortcut = ({
- className,
- ...props
-}: React.HTMLAttributes) => {
+const DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes) => {
return (
-
- )
-}
-DropdownMenuShortcut.displayName = 'DropdownMenuShortcut'
+
+ );
+};
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
export {
- DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator,
- DropdownMenuShortcut, DropdownMenuSub,
+ DropdownMenu,
+ DropdownMenuCheckboxItem,
+ DropdownMenuContent,
+ DropdownMenuGroup,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuPortal,
+ DropdownMenuRadioGroup,
+ DropdownMenuRadioItem,
+ DropdownMenuSeparator,
+ DropdownMenuShortcut,
+ DropdownMenuSub,
DropdownMenuSubContent,
- DropdownMenuSubTrigger, DropdownMenuTrigger
-}
-
+ DropdownMenuSubTrigger,
+ DropdownMenuTrigger
+};
diff --git a/components/ui/locale-switcher/locale-switcher.tsx b/components/ui/locale-switcher/locale-switcher.tsx
index c6057f9b3..b08651dab 100644
--- a/components/ui/locale-switcher/locale-switcher.tsx
+++ b/components/ui/locale-switcher/locale-switcher.tsx
@@ -1,12 +1,13 @@
'use client';
-import LanguageIcon from 'components/icons/language';
import {
DropdownMenu,
DropdownMenuContent,
+ DropdownMenuItem,
DropdownMenuTrigger
-} from 'components/ui/dropdown/dropdown';
-import { useLocale } from 'next-intl';
+} from '@/components/ui/dropdown-menu';
+import LanguageIcon from 'components/icons/language';
+import { useLocale, useTranslations } from 'next-intl';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { useState } from 'react';
@@ -23,6 +24,7 @@ import { supportedLanguages } from '../../../i18n-config';
export default function LocaleSwitcher() {
const pathName = usePathname();
const currentLocale = useLocale();
+ const t = useTranslations('ui');
// const translations = localeData.translations;
@@ -47,40 +49,34 @@ export default function LocaleSwitcher() {
const [isOpen, setIsOpen] = useState(false);
return (
-
+ <>
setIsOpen(!isOpen)}>
-
-
+
+
+ {currentLocale}
-
+
{supportedLanguages.locales.map((locale) => {
- if (currentLocale === locale.id) {
- return;
- } else {
- return (
- -
-
- {locale.title}
-
-
- );
- }
+ return (
+
+
+ {locale.title}
+
+
+ );
})}
-
-
-
-))
-NavigationMenuViewport.displayName =
- NavigationMenuPrimitive.Viewport.displayName
-
-const NavigationMenuIndicator = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-
-
-))
-NavigationMenuIndicator.displayName =
- NavigationMenuPrimitive.Indicator.displayName
-
-export {
- NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle
-}
-
diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
new file mode 100644
index 000000000..bbcfe2f6f
--- /dev/null
+++ b/components/ui/sheet.tsx
@@ -0,0 +1,122 @@
+'use client';
+
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+const Sheet = SheetPrimitive.Root;
+
+const SheetTrigger = SheetPrimitive.Trigger;
+
+const SheetClose = SheetPrimitive.Close;
+
+const SheetPortal = ({ className, ...props }: SheetPrimitive.DialogPortalProps) => (
+
+);
+SheetPortal.displayName = SheetPrimitive.Portal.displayName;
+
+const SheetOverlay = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+
+const sheetVariants = cva(
+ 'fixed z-50 gap-4 bg-background p-4 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 lg:p-6',
+ {
+ variants: {
+ side: {
+ top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+ bottom:
+ 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+ left: 'inset-y-0 left-0 h-full w-full border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left md:max-w-md',
+ right:
+ 'inset-y-0 right-0 h-full w-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right md:max-w-md'
+ }
+ },
+ defaultVariants: {
+ side: 'right'
+ }
+ }
+);
+
+interface SheetContentProps
+ extends React.ComponentPropsWithoutRef,
+ VariantProps {}
+
+const SheetContent = React.forwardRef<
+ React.ElementRef,
+ SheetContentProps
+>(({ side = 'right', className, children, ...props }, ref) => (
+
+
+
+ {children}
+
+
+ Close
+
+
+
+));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+
+const SheetHeader = ({ className, ...props }: React.HTMLAttributes) => (
+
+);
+SheetHeader.displayName = 'SheetHeader';
+
+const SheetFooter = ({ className, ...props }: React.HTMLAttributes) => (
+
+);
+SheetFooter.displayName = 'SheetFooter';
+
+const SheetTitle = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+
+const SheetDescription = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export {
+ Sheet,
+ SheetClose,
+ SheetContent,
+ SheetDescription,
+ SheetFooter,
+ SheetHeader,
+ SheetTitle,
+ SheetTrigger
+};
diff --git a/components/ui/text/text.tsx b/components/ui/text/text.tsx
index 66ad02881..51e162ef2 100644
--- a/components/ui/text/text.tsx
+++ b/components/ui/text/text.tsx
@@ -70,7 +70,7 @@ const Text: FunctionComponent = ({
['max-w-prose font-display text-2xl font-extrabold leading-none md:text-3xl md:leading-none lg:text-4xl lg:leading-none']:
variant === 'sectionHeading',
['text-sm font-medium leading-tight lg:text-base']: variant === 'listChildHeading',
- ['max-w-prose text-sm lg:text-base 2xl:text-lg']: variant === 'label',
+ ['max-w-prose text-lg text-high-contrast lg:text-xl']: variant === 'label',
['max-w-prose lg:text-lg 2xl:text-xl']: variant === 'paragraph'
},
className
diff --git a/lib/constants.ts b/lib/constants.ts
new file mode 100644
index 000000000..99711221a
--- /dev/null
+++ b/lib/constants.ts
@@ -0,0 +1,30 @@
+export type SortFilterItem = {
+ title: string;
+ slug: string | null;
+ sortKey: 'RELEVANCE' | 'BEST_SELLING' | 'CREATED_AT' | 'PRICE';
+ reverse: boolean;
+};
+
+export const defaultSort: SortFilterItem = {
+ title: 'Relevance',
+ slug: null,
+ sortKey: 'RELEVANCE',
+ reverse: false
+};
+
+export const sorting: SortFilterItem[] = [
+ defaultSort,
+ { title: 'Trending', slug: 'trending-desc', sortKey: 'BEST_SELLING', reverse: false }, // asc
+ { title: 'Latest arrivals', slug: 'latest-desc', sortKey: 'CREATED_AT', reverse: true },
+ { title: 'Price: Low to high', slug: 'price-asc', sortKey: 'PRICE', reverse: false }, // asc
+ { title: 'Price: High to low', slug: 'price-desc', sortKey: 'PRICE', reverse: true }
+];
+
+export const TAGS = {
+ collections: 'collections',
+ products: 'products'
+};
+
+export const HIDDEN_PRODUCT_TAG = 'nextjs-frontend-hidden';
+export const DEFAULT_OPTION = 'Default Title';
+export const SHOPIFY_GRAPHQL_API_ENDPOINT = '/api/2023-01/graphql.json';
diff --git a/lib/sanity/queries.tsx b/lib/sanity/queries.tsx
index 945046a9a..cb2ee20f4 100644
--- a/lib/sanity/queries.tsx
+++ b/lib/sanity/queries.tsx
@@ -255,6 +255,26 @@ export const categoryQuery = `*[_type == "category" && slug.current == $slug &&
}
}`;
+// Footer menu query
+export const footerMenuQuery = `*[_type == "footerMenu" && language == $locale] | order(title asc) {
+ _type,
+ title,
+ "locale": language,
+ menu {
+ title,
+ links[] {
+ _type,
+ title,
+ reference-> {
+ slug,
+ "locale": language
+ },
+ url,
+ newWindow
+ }
+ }
+}`;
+
// Site settings query
export const siteSettingsQuery = `*[_type == "settings" && language == $locale][0] {
menuMain {
diff --git a/lib/shopify/index.ts b/lib/shopify/index.ts
index a2f45a36f..a8804d045 100644
--- a/lib/shopify/index.ts
+++ b/lib/shopify/index.ts
@@ -1,5 +1,8 @@
-import { HIDDEN_PRODUCT_TAG, SHOPIFY_GRAPHQL_API_ENDPOINT } from 'lib/constants';
+import { HIDDEN_PRODUCT_TAG, SHOPIFY_GRAPHQL_API_ENDPOINT, TAGS } from 'lib/constants';
import { isShopifyError } from 'lib/type-guards';
+import { revalidateTag } from 'next/cache';
+import { headers } from 'next/headers';
+import { NextRequest, NextResponse } from 'next/server';
import {
addToCartMutation,
createCartMutation,
@@ -23,6 +26,7 @@ import {
Cart,
Collection,
Connection,
+ Image,
Menu,
Page,
Product,
@@ -52,15 +56,17 @@ const key = process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN!;
type ExtractVariables = T extends { variables: object } ? T['variables'] : never;
export async function shopifyFetch({
- query,
- variables,
+ cache = 'force-cache',
headers,
- cache = 'force-cache'
+ query,
+ tags,
+ variables
}: {
- query: string;
- variables?: ExtractVariables;
- headers?: HeadersInit;
cache?: RequestCache;
+ headers?: HeadersInit;
+ query: string;
+ tags?: string[];
+ variables?: ExtractVariables;
}): Promise<{ status: number; body: T } | never> {
try {
const result = await fetch(endpoint, {
@@ -75,7 +81,7 @@ export async function shopifyFetch({
...(variables && { variables })
}),
cache,
- next: { revalidate: 900 } // 15 minutes
+ ...(tags && { next: { tags } })
});
const body = await result.json();
@@ -149,6 +155,18 @@ const reshapeCollections = (collections: ShopifyCollection[]) => {
return reshapedCollections;
};
+const reshapeImages = (images: Connection, productTitle: string) => {
+ const flattened = removeEdgesAndNodes(images);
+
+ return flattened.map((image) => {
+ const filename = image.url.match(/.*\/(.*)\..*/)[1];
+ return {
+ ...image,
+ altText: image.altText || `${productTitle} - ${filename}`
+ };
+ });
+};
+
const reshapeProduct = (product: ShopifyProduct, filterHiddenProducts: boolean = true) => {
if (!product || (filterHiddenProducts && product.tags.includes(HIDDEN_PRODUCT_TAG))) {
return undefined;
@@ -158,7 +176,7 @@ const reshapeProduct = (product: ShopifyProduct, filterHiddenProducts: boolean =
return {
...rest,
- images: removeEdgesAndNodes(images),
+ images: reshapeImages(images, product.title),
variants: removeEdgesAndNodes(variants)
};
};
@@ -232,15 +250,16 @@ export async function updateCart(
return reshapeCart(res.body.data.cartLinesUpdate.cart);
}
-export async function getCart(cartId: string): Promise {
+export async function getCart(cartId: string): Promise {
const res = await shopifyFetch({
query: getCartQuery,
variables: { cartId },
cache: 'no-store'
});
+ // Old carts becomes `null` when you checkout.
if (!res.body.data.cart) {
- return null;
+ return undefined;
}
return reshapeCart(res.body.data.cart);
@@ -249,6 +268,7 @@ export async function getCart(cartId: string): Promise {
export async function getCollection(handle: string): Promise {
const res = await shopifyFetch({
query: getCollectionQuery,
+ tags: [TAGS.collections],
variables: {
handle
}
@@ -257,16 +277,27 @@ export async function getCollection(handle: string): Promise {
+export async function getCollectionProducts({
+ collection,
+ reverse,
+ sortKey
+}: {
+ collection: string;
+ reverse?: boolean;
+ sortKey?: string;
+}): Promise {
const res = await shopifyFetch({
query: getCollectionProductsQuery,
+ tags: [TAGS.collections, TAGS.products],
variables: {
- handle
+ handle: collection,
+ reverse,
+ sortKey: sortKey === 'CREATED_AT' ? 'CREATED' : sortKey
}
});
if (!res.body.data.collection) {
- console.log('No collection found for handle', handle);
+ console.log(`No collection found for \`${collection}\``);
return [];
}
@@ -274,7 +305,10 @@ export async function getCollectionProducts(handle: string): Promise
}
export async function getCollections(): Promise {
- const res = await shopifyFetch({ query: getCollectionsQuery });
+ const res = await shopifyFetch({
+ query: getCollectionsQuery,
+ tags: [TAGS.collections]
+ });
const shopifyCollections = removeEdgesAndNodes(res.body?.data?.collections);
const collections = [
{
@@ -301,6 +335,7 @@ export async function getCollections(): Promise {
export async function getMenu(handle: string): Promise {
const res = await shopifyFetch({
query: getMenuQuery,
+ tags: [TAGS.collections],
variables: {
handle
}
@@ -334,6 +369,7 @@ export async function getPages(): Promise {
export async function getProduct(handle: string): Promise {
const res = await shopifyFetch({
query: getProductQuery,
+ tags: [TAGS.products],
variables: {
handle
}
@@ -345,6 +381,7 @@ export async function getProduct(handle: string): Promise {
export async function getProductRecommendations(productId: string): Promise {
const res = await shopifyFetch({
query: getProductRecommendationsQuery,
+ tags: [TAGS.products],
variables: {
productId
}
@@ -364,6 +401,7 @@ export async function getProducts({
}): Promise {
const res = await shopifyFetch({
query: getProductsQuery,
+ tags: [TAGS.products],
variables: {
query,
reverse,
@@ -373,3 +411,35 @@ export async function getProducts({
return reshapeProducts(removeEdgesAndNodes(res.body.data.products));
}
+
+// This is called from `app/api/revalidate.ts` so providers can control revalidation logic.
+export async function revalidate(req: NextRequest): Promise {
+ // We always need to respond with a 200 status code to Shopify,
+ // otherwise it will continue to retry the request.
+ const collectionWebhooks = ['collections/create', 'collections/delete', 'collections/update'];
+ const productWebhooks = ['products/create', 'products/delete', 'products/update'];
+ const topic = headers().get('x-shopify-topic') || 'unknown';
+ const secret = req.nextUrl.searchParams.get('secret');
+ const isCollectionUpdate = collectionWebhooks.includes(topic);
+ const isProductUpdate = productWebhooks.includes(topic);
+
+ if (!secret || secret !== process.env.SHOPIFY_REVALIDATION_SECRET) {
+ console.error('Invalid revalidation secret.');
+ return NextResponse.json({ status: 200 });
+ }
+
+ if (!isCollectionUpdate && !isProductUpdate) {
+ // We don't need to revalidate anything for any other topics.
+ return NextResponse.json({ status: 200 });
+ }
+
+ if (isCollectionUpdate) {
+ revalidateTag(TAGS.collections);
+ }
+
+ if (isProductUpdate) {
+ revalidateTag(TAGS.products);
+ }
+
+ return NextResponse.json({ status: 200, revalidated: true, now: Date.now() });
+}
diff --git a/lib/shopify/queries/collection.ts b/lib/shopify/queries/collection.ts
index ac3fb4dd9..6396ff8eb 100644
--- a/lib/shopify/queries/collection.ts
+++ b/lib/shopify/queries/collection.ts
@@ -37,9 +37,13 @@ export const getCollectionsQuery = /* GraphQL */ `
`;
export const getCollectionProductsQuery = /* GraphQL */ `
- query getCollectionProducts($handle: String!) {
+ query getCollectionProducts(
+ $handle: String!
+ $sortKey: ProductCollectionSortKeys
+ $reverse: Boolean
+ ) {
collection(handle: $handle) {
- products(first: 100) {
+ products(sortKey: $sortKey, reverse: $reverse, first: 100) {
edges {
node {
...product
diff --git a/lib/shopify/types.ts b/lib/shopify/types.ts
index b18ed3b63..23dc02d46 100644
--- a/lib/shopify/types.ts
+++ b/lib/shopify/types.ts
@@ -201,6 +201,8 @@ export type ShopifyCollectionProductsOperation = {
};
variables: {
handle: string;
+ reverse?: boolean;
+ sortKey?: string;
};
};
diff --git a/lib/utils.ts b/lib/utils.ts
index acd42f638..2f7f2aac7 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,5 +1,9 @@
-import { ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs))
+}
export const createUrl = (pathname: string, params: URLSearchParams) => {
const paramsString = params.toString();
@@ -7,7 +11,3 @@ export const createUrl = (pathname: string, params: URLSearchParams) => {
return `${pathname}${queryString}`;
};
-
-export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs))
-}
diff --git a/messages/en.json b/messages/en.json
index 755839b26..f44141496 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -9,7 +9,8 @@
"titlePart": "Preview of:",
"exitPreviewLabel": "Exit Preview"
},
- "copyright": "All rights reserved."
+ "copyright": "All rights reserved.",
+ "languageSelector": "Language selector"
},
"search": {
"search": "Search",
diff --git a/messages/sv.json b/messages/sv.json
index 1fcdec833..05bf4e5a6 100644
--- a/messages/sv.json
+++ b/messages/sv.json
@@ -9,7 +9,8 @@
"titlePart": "Förhandsvisning av:",
"exitPreviewLabel": "Avsluta förhandsvisning"
},
- "copyright": "Alla rättigheter förbehållna."
+ "copyright": "Alla rättigheter förbehållna.",
+ "languageSelector": "Språkväljare"
},
"search": {
"search": "Sök",
diff --git a/next.config.js b/next.config.js
index 8e03cd0b2..66f89d97f 100644
--- a/next.config.js
+++ b/next.config.js
@@ -11,6 +11,7 @@ module.exports = withBundleAnalyzer(
},
experimental: {
scrollRestoration: true,
+ serverActions: true,
},
images: {
formats: ['image/avif', 'image/webp'],
diff --git a/package.json b/package.json
index 9df2095e6..20c6a0e15 100644
--- a/package.json
+++ b/package.json
@@ -19,14 +19,16 @@
"*": "prettier --write --ignore-unknown"
},
"dependencies": {
- "@headlessui/react": "^1.7.14",
"@next/bundle-analyzer": "^13.4.3",
"@portabletext/react": "^3.0.0",
+ "@radix-ui/react-dialog": "^1.0.4",
"@radix-ui/react-dropdown-menu": "^2.0.4",
"@radix-ui/react-icons": "^1.3.0",
"@radix-ui/react-navigation-menu": "^1.1.2",
+ "@sanity/client": "^6.4.4",
"@sanity/icons": "^2.3.1",
"@sanity/image-url": "^1.0.2",
+ "@sanity/preview-kit": "^2.4.9",
"@sanity/types": "^3.11.1",
"@sanity/ui": "^1.3.3",
"@sanity/webhook": "^2.0.0",
@@ -36,10 +38,9 @@
"clsx": "^1.2.1",
"framer-motion": "^8.5.5",
"is-empty-iterable": "^3.0.0",
- "lucide-react": "^0.194.0",
"next": "13.4.13",
- "next-intl": "3.0.0-beta.9",
- "next-sanity": "^5.2.3",
+ "next-intl": "2.19.1",
+ "next-sanity": "^4.3.2",
"react": "18.2.0",
"react-cookie": "^4.1.1",
"react-dom": "18.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 20bfc52ad..8ab0c2b43 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,15 +1,17 @@
lockfileVersion: 5.4
specifiers:
- '@headlessui/react': ^1.7.14
'@next/bundle-analyzer': ^13.4.3
'@playwright/test': ^1.34.1
'@portabletext/react': ^3.0.0
+ '@radix-ui/react-dialog': ^1.0.4
'@radix-ui/react-dropdown-menu': ^2.0.4
'@radix-ui/react-icons': ^1.3.0
'@radix-ui/react-navigation-menu': ^1.1.2
+ '@sanity/client': ^6.4.4
'@sanity/icons': ^2.3.1
'@sanity/image-url': ^1.0.2
+ '@sanity/preview-kit': ^2.4.9
'@sanity/types': ^3.11.1
'@sanity/ui': ^1.3.3
'@sanity/webhook': ^2.0.0
@@ -31,9 +33,8 @@ specifiers:
framer-motion: ^8.5.5
is-empty-iterable: ^3.0.0
lint-staged: ^13.2.2
- lucide-react: ^0.194.0
- next: 13.4.7
- next-intl: ^2.14.6
+ next: 13.4.13
+ next-intl: 2.19.1
next-sanity: ^4.3.2
postcss: ^8.4.23
prettier: ^2.8.8
@@ -51,14 +52,16 @@ specifiers:
typescript: 4.9.5
dependencies:
- '@headlessui/react': 1.7.14_biqbaboplfbrettd7655fr4n2y
'@next/bundle-analyzer': 13.4.3
'@portabletext/react': 3.0.0_react@18.2.0
+ '@radix-ui/react-dialog': 1.0.4_fxtgt6bjwd6p4cwoordejim2zi
'@radix-ui/react-dropdown-menu': 2.0.4_5ndqzdd6t4rivxsukjv3i3ak2q
'@radix-ui/react-icons': 1.3.0_react@18.2.0
'@radix-ui/react-navigation-menu': 1.1.2_biqbaboplfbrettd7655fr4n2y
+ '@sanity/client': 6.4.4
'@sanity/icons': 2.3.1_react@18.2.0
'@sanity/image-url': 1.0.2
+ '@sanity/preview-kit': 2.4.9_esptxo4lplqmefuoebcrocvktm
'@sanity/types': 3.11.1
'@sanity/ui': 1.3.3_qzhz75e2qrzz6afgiqoxbiiigi
'@sanity/webhook': 2.0.0
@@ -68,10 +71,9 @@ dependencies:
clsx: 1.2.1
framer-motion: 8.5.5_biqbaboplfbrettd7655fr4n2y
is-empty-iterable: 3.0.0
- lucide-react: 0.194.0_react@18.2.0
- next: 13.4.7_3j7hb26pwgm6spbxoejtjx6xja
- next-intl: 2.14.6_next@13.4.7+react@18.2.0
- next-sanity: 4.3.2_g5o3rb6nhmiyhllijtz24ubsme
+ next: 13.4.13_3j7hb26pwgm6spbxoejtjx6xja
+ next-intl: 2.19.1_next@13.4.13+react@18.2.0
+ next-sanity: 4.3.3_yrtytp4b7cnii2glukpxw5dsvi
react: 18.2.0
react-cookie: 4.1.1_react@18.2.0
react-dom: 18.2.0_react@18.2.0
@@ -975,18 +977,6 @@ packages:
tslib: 2.5.2
dev: false
- /@headlessui/react/1.7.14_biqbaboplfbrettd7655fr4n2y:
- resolution: {integrity: sha512-znzdq9PG8rkwcu9oQ2FwIy0ZFtP9Z7ycS+BAqJ3R5EIqC/0bJGvhT7193rFf+45i9nnPsYvCQVW4V/bB9Xc+gA==}
- engines: {node: '>=10'}
- peerDependencies:
- react: ^16 || ^17 || ^18
- react-dom: ^16 || ^17 || ^18
- dependencies:
- client-only: 0.0.1
- react: 18.2.0
- react-dom: 18.2.0_react@18.2.0
- dev: false
-
/@humanwhocodes/config-array/0.11.8:
resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
engines: {node: '>=10.10.0'}
@@ -1099,8 +1089,8 @@ packages:
- utf-8-validate
dev: false
- /@next/env/13.4.7:
- resolution: {integrity: sha512-ZlbiFulnwiFsW9UV1ku1OvX/oyIPLtMk9p/nnvDSwI0s7vSoZdRtxXNsaO+ZXrLv/pMbXVGq4lL8TbY9iuGmVw==}
+ /@next/env/13.4.13:
+ resolution: {integrity: sha512-fwz2QgVg08v7ZL7KmbQBLF2PubR/6zQdKBgmHEl3BCyWTEDsAQEijjw2gbFhI1tcKfLdOOJUXntz5vZ4S0Polg==}
dev: false
/@next/eslint-plugin-next/13.4.3:
@@ -1109,8 +1099,8 @@ packages:
glob: 7.1.7
dev: true
- /@next/swc-darwin-arm64/13.4.7:
- resolution: {integrity: sha512-VZTxPv1b59KGiv/pZHTO5Gbsdeoxcj2rU2cqJu03btMhHpn3vwzEK0gUSVC/XW96aeGO67X+cMahhwHzef24/w==}
+ /@next/swc-darwin-arm64/13.4.13:
+ resolution: {integrity: sha512-ZptVhHjzUuivnXMNCJ6lER33HN7lC+rZ01z+PM10Ows21NHFYMvGhi5iXkGtBDk6VmtzsbqnAjnx4Oz5um0FjA==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [darwin]
@@ -1118,8 +1108,8 @@ packages:
dev: false
optional: true
- /@next/swc-darwin-x64/13.4.7:
- resolution: {integrity: sha512-gO2bw+2Ymmga+QYujjvDz9955xvYGrWofmxTq7m70b9pDPvl7aDFABJOZ2a8SRCuSNB5mXU8eTOmVVwyp/nAew==}
+ /@next/swc-darwin-x64/13.4.13:
+ resolution: {integrity: sha512-t9nTiWCLApw8W4G1kqJyYP7y6/7lyal3PftmRturIxAIBlZss9wrtVN8nci50StDHmIlIDxfguYIEGVr9DbFTg==}
engines: {node: '>= 10'}
cpu: [x64]
os: [darwin]
@@ -1127,8 +1117,8 @@ packages:
dev: false
optional: true
- /@next/swc-linux-arm64-gnu/13.4.7:
- resolution: {integrity: sha512-6cqp3vf1eHxjIDhEOc7Mh/s8z1cwc/l5B6ZNkOofmZVyu1zsbEM5Hmx64s12Rd9AYgGoiCz4OJ4M/oRnkE16/Q==}
+ /@next/swc-linux-arm64-gnu/13.4.13:
+ resolution: {integrity: sha512-xEHUqC8eqR5DHe8SOmMnDU1K3ggrJ28uIKltrQAwqFSSSmzjnN/XMocZkcVhuncuxYrpbri0iMQstRyRVdQVWg==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [linux]
@@ -1136,8 +1126,8 @@ packages:
dev: false
optional: true
- /@next/swc-linux-arm64-musl/13.4.7:
- resolution: {integrity: sha512-T1kD2FWOEy5WPidOn1si0rYmWORNch4a/NR52Ghyp4q7KyxOCuiOfZzyhVC5tsLIBDH3+cNdB5DkD9afpNDaOw==}
+ /@next/swc-linux-arm64-musl/13.4.13:
+ resolution: {integrity: sha512-sNf3MnLAm8rquSSAoeD9nVcdaDeRYOeey4stOWOyWIgbBDtP+C93amSgH/LPTDoUV7gNiU6f+ghepTjTjRgIUQ==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [linux]
@@ -1145,8 +1135,8 @@ packages:
dev: false
optional: true
- /@next/swc-linux-x64-gnu/13.4.7:
- resolution: {integrity: sha512-zaEC+iEiAHNdhl6fuwl0H0shnTzQoAoJiDYBUze8QTntE/GNPfTYpYboxF5LRYIjBwETUatvE0T64W6SKDipvg==}
+ /@next/swc-linux-x64-gnu/13.4.13:
+ resolution: {integrity: sha512-WhcRaJJSHyx9OWmKjjz+OWHumiPZWRqmM/09Bt7Up4UqUJFFhGExeztR4trtv3rflvULatu9IH/nTV8fUUgaMA==}
engines: {node: '>= 10'}
cpu: [x64]
os: [linux]
@@ -1154,8 +1144,8 @@ packages:
dev: false
optional: true
- /@next/swc-linux-x64-musl/13.4.7:
- resolution: {integrity: sha512-X6r12F8d8SKAtYJqLZBBMIwEqcTRvUdVm+xIq+l6pJqlgT2tNsLLf2i5Cl88xSsIytBICGsCNNHd+siD2fbWBA==}
+ /@next/swc-linux-x64-musl/13.4.13:
+ resolution: {integrity: sha512-+Y4LLhOWWZQIDKVwr2R17lq2KSN0F1c30QVgGIWfnjjHpH8nrIWHEndhqYU+iFuW8It78CiJjQKTw4f51HD7jA==}
engines: {node: '>= 10'}
cpu: [x64]
os: [linux]
@@ -1163,8 +1153,8 @@ packages:
dev: false
optional: true
- /@next/swc-win32-arm64-msvc/13.4.7:
- resolution: {integrity: sha512-NPnmnV+vEIxnu6SUvjnuaWRglZzw4ox5n/MQTxeUhb5iwVWFedolPFebMNwgrWu4AELwvTdGtWjqof53AiWHcw==}
+ /@next/swc-win32-arm64-msvc/13.4.13:
+ resolution: {integrity: sha512-rWurdOR20uxjfqd1X9vDAgv0Jb26KjyL8akF9CBeFqX8rVaBAnW/Wf6A2gYEwyYY4Bai3T7p1kro6DFrsvBAAw==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [win32]
@@ -1172,8 +1162,8 @@ packages:
dev: false
optional: true
- /@next/swc-win32-ia32-msvc/13.4.7:
- resolution: {integrity: sha512-6Hxijm6/a8XqLQpOOf/XuwWRhcuc/g4rBB2oxjgCMuV9Xlr2bLs5+lXyh8w9YbAUMYR3iC9mgOlXbHa79elmXw==}
+ /@next/swc-win32-ia32-msvc/13.4.13:
+ resolution: {integrity: sha512-E8bSPwRuY5ibJ3CzLQmJEt8qaWrPYuUTwnrwygPUEWoLzD5YRx9SD37oXRdU81TgGwDzCxpl7z5Nqlfk50xAog==}
engines: {node: '>= 10'}
cpu: [ia32]
os: [win32]
@@ -1181,8 +1171,8 @@ packages:
dev: false
optional: true
- /@next/swc-win32-x64-msvc/13.4.7:
- resolution: {integrity: sha512-sW9Yt36Db1nXJL+mTr2Wo0y+VkPWeYhygvcHj1FF0srVtV+VoDjxleKtny21QHaG05zdeZnw2fCtf2+dEqgwqA==}
+ /@next/swc-win32-x64-msvc/13.4.13:
+ resolution: {integrity: sha512-4KlyC6jWRubPnppgfYsNTPeWfGCxtWLh5vaOAW/kdzAk9widqho8Qb5S4K2vHmal1tsURi7Onk2MMCV1phvyqA==}
engines: {node: '>= 10'}
cpu: [x64]
os: [win32]
@@ -1286,6 +1276,12 @@ packages:
'@babel/runtime': 7.21.5
dev: false
+ /@radix-ui/primitive/1.0.1:
+ resolution: {integrity: sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==}
+ dependencies:
+ '@babel/runtime': 7.21.5
+ dev: false
+
/@radix-ui/react-arrow/1.0.2_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-fqYwhhI9IarZ0ll2cUSfKuXHlJK0qE4AfnRrPBbRwEH/4mGQn04/QFGomLi8TXWIdv9WJk//KgGm+aDxVIr1wA==}
peerDependencies:
@@ -1322,6 +1318,20 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-compose-refs/1.0.1_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-context/1.0.0_react@18.2.0:
resolution: {integrity: sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==}
peerDependencies:
@@ -1331,6 +1341,54 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-context/1.0.1_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
+ /@radix-ui/react-dialog/1.0.4_fxtgt6bjwd6p4cwoordejim2zi:
+ resolution: {integrity: sha512-hJtRy/jPULGQZceSAP2Re6/4NpKo8im6V8P2hUqZsdFiSL8l35kYsw3qbRI6Ay5mQd2+wlLqje770eq+RJ3yZg==}
+ peerDependencies:
+ '@types/react': '*'
+ '@types/react-dom': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ react-dom: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ '@types/react-dom':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/primitive': 1.0.1
+ '@radix-ui/react-compose-refs': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-context': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-dismissable-layer': 1.0.4_fxtgt6bjwd6p4cwoordejim2zi
+ '@radix-ui/react-focus-guards': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-focus-scope': 1.0.3_fxtgt6bjwd6p4cwoordejim2zi
+ '@radix-ui/react-id': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-portal': 1.0.3_fxtgt6bjwd6p4cwoordejim2zi
+ '@radix-ui/react-presence': 1.0.1_fxtgt6bjwd6p4cwoordejim2zi
+ '@radix-ui/react-primitive': 1.0.3_fxtgt6bjwd6p4cwoordejim2zi
+ '@radix-ui/react-slot': 1.0.2_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-use-controllable-state': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ '@types/react-dom': 18.0.10
+ aria-hidden: 1.2.3
+ react: 18.2.0
+ react-dom: 18.2.0_react@18.2.0
+ react-remove-scroll: 2.5.5_3stiutgnnbnfnf3uowm5cip22i
+ dev: false
+
/@radix-ui/react-direction/1.0.0_react@18.2.0:
resolution: {integrity: sha512-2HV05lGUgYcA6xgLQ4BKPDmtL+QbIZYH5fCOTAOOcJ5O0QbWS3i9lKaurLzliYUDhORI2Qr3pyjhJh44lKA3rQ==}
peerDependencies:
@@ -1356,6 +1414,31 @@ packages:
react-dom: 18.2.0_react@18.2.0
dev: false
+ /@radix-ui/react-dismissable-layer/1.0.4_fxtgt6bjwd6p4cwoordejim2zi:
+ resolution: {integrity: sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==}
+ peerDependencies:
+ '@types/react': '*'
+ '@types/react-dom': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ react-dom: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ '@types/react-dom':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/primitive': 1.0.1
+ '@radix-ui/react-compose-refs': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-primitive': 1.0.3_fxtgt6bjwd6p4cwoordejim2zi
+ '@radix-ui/react-use-callback-ref': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-use-escape-keydown': 1.0.3_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ '@types/react-dom': 18.0.10
+ react: 18.2.0
+ react-dom: 18.2.0_react@18.2.0
+ dev: false
+
/@radix-ui/react-dropdown-menu/2.0.4_5ndqzdd6t4rivxsukjv3i3ak2q:
resolution: {integrity: sha512-y6AT9+MydyXcByivdK1+QpjWoKaC7MLjkS/cH1Q3keEyMvDkiY85m8o2Bi6+Z1PPUlCsMULopxagQOSfN0wahg==}
peerDependencies:
@@ -1385,6 +1468,20 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-focus-guards/1.0.1_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-focus-scope/1.0.2_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-spwXlNTfeIprt+kaEWE/qYuYT3ZAqJiAGjN/JgdvgVDTu8yc+HuX+WOWXrKliKnLnwck0F6JDkqIERncnih+4A==}
peerDependencies:
@@ -1399,6 +1496,29 @@ packages:
react-dom: 18.2.0_react@18.2.0
dev: false
+ /@radix-ui/react-focus-scope/1.0.3_fxtgt6bjwd6p4cwoordejim2zi:
+ resolution: {integrity: sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==}
+ peerDependencies:
+ '@types/react': '*'
+ '@types/react-dom': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ react-dom: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ '@types/react-dom':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-compose-refs': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-primitive': 1.0.3_fxtgt6bjwd6p4cwoordejim2zi
+ '@radix-ui/react-use-callback-ref': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ '@types/react-dom': 18.0.10
+ react: 18.2.0
+ react-dom: 18.2.0_react@18.2.0
+ dev: false
+
/@radix-ui/react-icons/1.3.0_react@18.2.0:
resolution: {integrity: sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw==}
peerDependencies:
@@ -1417,6 +1537,21 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-id/1.0.1_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-use-layout-effect': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-menu/2.0.4_5ndqzdd6t4rivxsukjv3i3ak2q:
resolution: {integrity: sha512-mzKR47tZ1t193trEqlQoJvzY4u9vYfVH16ryBrVrCAGZzkgyWnMQYEZdUkM7y8ak9mrkKtJiqB47TlEnubeOFQ==}
peerDependencies:
@@ -1508,6 +1643,27 @@ packages:
react-dom: 18.2.0_react@18.2.0
dev: false
+ /@radix-ui/react-portal/1.0.3_fxtgt6bjwd6p4cwoordejim2zi:
+ resolution: {integrity: sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==}
+ peerDependencies:
+ '@types/react': '*'
+ '@types/react-dom': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ react-dom: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ '@types/react-dom':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-primitive': 1.0.3_fxtgt6bjwd6p4cwoordejim2zi
+ '@types/react': 18.0.27
+ '@types/react-dom': 18.0.10
+ react: 18.2.0
+ react-dom: 18.2.0_react@18.2.0
+ dev: false
+
/@radix-ui/react-presence/1.0.0_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==}
peerDependencies:
@@ -1521,6 +1677,28 @@ packages:
react-dom: 18.2.0_react@18.2.0
dev: false
+ /@radix-ui/react-presence/1.0.1_fxtgt6bjwd6p4cwoordejim2zi:
+ resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
+ peerDependencies:
+ '@types/react': '*'
+ '@types/react-dom': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ react-dom: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ '@types/react-dom':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-compose-refs': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@radix-ui/react-use-layout-effect': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ '@types/react-dom': 18.0.10
+ react: 18.2.0
+ react-dom: 18.2.0_react@18.2.0
+ dev: false
+
/@radix-ui/react-primitive/1.0.2_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-zY6G5Qq4R8diFPNwtyoLRZBxzu1Z+SXMlfYpChN7Dv8gvmx9X3qhDqiLWvKseKVJMuedFeU/Sa0Sy/Ia+t06Dw==}
peerDependencies:
@@ -1533,6 +1711,27 @@ packages:
react-dom: 18.2.0_react@18.2.0
dev: false
+ /@radix-ui/react-primitive/1.0.3_fxtgt6bjwd6p4cwoordejim2zi:
+ resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
+ peerDependencies:
+ '@types/react': '*'
+ '@types/react-dom': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ react-dom: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ '@types/react-dom':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-slot': 1.0.2_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ '@types/react-dom': 18.0.10
+ react: 18.2.0
+ react-dom: 18.2.0_react@18.2.0
+ dev: false
+
/@radix-ui/react-roving-focus/1.0.3_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-stjCkIoMe6h+1fWtXlA6cRfikdBzCLp3SnVk7c48cv/uy3DTGoXhN76YaOYUJuy3aEDvDIKwKR5KSmvrtPvQPQ==}
peerDependencies:
@@ -1563,6 +1762,21 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-slot/1.0.2_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-compose-refs': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-use-callback-ref/1.0.0_react@18.2.0:
resolution: {integrity: sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==}
peerDependencies:
@@ -1572,6 +1786,20 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-use-callback-ref/1.0.1_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-use-controllable-state/1.0.0_react@18.2.0:
resolution: {integrity: sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==}
peerDependencies:
@@ -1582,6 +1810,21 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-use-controllable-state/1.0.1_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-use-callback-ref': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-use-escape-keydown/1.0.2_react@18.2.0:
resolution: {integrity: sha512-DXGim3x74WgUv+iMNCF+cAo8xUHHeqvjx8zs7trKf+FkQKPQXLk2sX7Gx1ysH7Q76xCpZuxIJE7HLPxRE+Q+GA==}
peerDependencies:
@@ -1592,6 +1835,21 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-use-escape-keydown/1.0.3_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@radix-ui/react-use-callback-ref': 1.0.1_3stiutgnnbnfnf3uowm5cip22i
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-use-layout-effect/1.0.0_react@18.2.0:
resolution: {integrity: sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==}
peerDependencies:
@@ -1601,6 +1859,20 @@ packages:
react: 18.2.0
dev: false
+ /@radix-ui/react-use-layout-effect/1.0.1_3stiutgnnbnfnf3uowm5cip22i:
+ resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
+ peerDependencies:
+ '@types/react': '*'
+ react: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ dependencies:
+ '@babel/runtime': 7.21.5
+ '@types/react': 18.0.27
+ react: 18.2.0
+ dev: false
+
/@radix-ui/react-use-previous/1.0.0_react@18.2.0:
resolution: {integrity: sha512-RG2K8z/K7InnOKpq6YLDmT49HGjNmrK+fr82UCVKT2sW0GYfVnYp4wZWBooT/EYfQ5faA9uIjvsuMMhH61rheg==}
peerDependencies:
@@ -1698,19 +1970,19 @@ packages:
chalk: 4.1.2
esbuild: 0.16.17
esbuild-register: 3.4.2_esbuild@0.16.17
- get-it: 8.1.3
+ get-it: 8.4.1
golden-fleece: 1.0.9
pkg-dir: 5.0.0
transitivePeerDependencies:
- supports-color
dev: false
- /@sanity/client/6.1.1:
- resolution: {integrity: sha512-T93HCjJdvylcc1GysF52C3nYyBwiBvygzzIv44EGrRg/NPlWbr4Kc4WaLPmtIsZwadKL6g6F+tNETd5OSUykuA==}
+ /@sanity/client/6.4.4:
+ resolution: {integrity: sha512-A+BZY68/6fOf+UZqx5cjMcBMTmpsdL3HHa1P6phtnnzYjzV3xP3WQ+NVi0U6PgahnEH5aSW6y882QUsBS8jYpQ==}
engines: {node: '>=14.18'}
dependencies:
'@sanity/eventsource': 5.0.0
- get-it: 8.1.3
+ get-it: 8.4.1
rxjs: 7.8.1
transitivePeerDependencies:
- supports-color
@@ -1742,7 +2014,7 @@ packages:
dependencies:
archiver: 5.3.1
debug: 3.2.7
- get-it: 8.1.3
+ get-it: 8.4.1
lodash: 4.17.21
mississippi: 4.0.0
p-queue: 2.4.2
@@ -1756,16 +2028,33 @@ packages:
resolution: {integrity: sha512-wtMYcV5GIDIhVyF/jjmdwq1GdlK07dRL40XMns73VbrFI7FteRltxv48bhYVZPcLkRXb0SHjpDS/icj9/yzbVA==}
dev: false
- /@sanity/groq-store/2.1.0:
- resolution: {integrity: sha512-GYWtsi0TyTOXiFbGmlPccKE/UsFom9byU8DpPsshNpD0z2MNy19/L0lAaV5/JdUgb8uu84sEKYMPumkRG94lhw==}
+ /@sanity/groq-store/2.3.4:
+ resolution: {integrity: sha512-7W3ROK858YuAjyoPp9+OfHj00BkJX172b6LyV9peL8DcbMIG0G621Tv+oULLaizkA4y2D+b1sx+AYHWtdtIrew==}
engines: {node: '>=14.18'}
dependencies:
'@sanity/eventsource': 5.0.0
- '@sanity/types': 3.11.1
+ '@sanity/types': 3.14.5
fast-deep-equal: 3.1.3
- groq: 3.11.1
- groq-js: 1.1.9
- mendoza: 2.1.1
+ groq: 3.14.5
+ groq-js: 1.1.10
+ mendoza: 2.1.2
+ simple-get: 4.0.1
+ split2: 4.2.0
+ throttle-debounce: 5.0.0
+ transitivePeerDependencies:
+ - supports-color
+ dev: false
+
+ /@sanity/groq-store/4.0.3:
+ resolution: {integrity: sha512-6mXBUvOrsSG9G7OP52VQMd114+s1AjkrJZCUIaFlZGJTamFvd8viCgZuykEt5wURIm3nVnx3MmWDZPFCvLvNuQ==}
+ engines: {node: '>=14.18'}
+ dependencies:
+ '@sanity/eventsource': 5.0.0
+ '@sanity/types': 3.14.5
+ fast-deep-equal: 3.1.3
+ groq: 3.14.5
+ groq-js: 1.1.11
+ mendoza: 3.0.3
simple-get: 4.0.1
split2: 4.2.0
throttle-debounce: 5.0.0
@@ -1797,7 +2086,7 @@ packages:
'@sanity/uuid': 3.0.1
debug: 3.2.7
file-url: 2.0.2
- get-it: 8.1.3
+ get-it: 8.4.1
get-uri: 2.0.4
globby: 10.0.2
gunzip-maybe: 1.4.2
@@ -1861,16 +2150,16 @@ packages:
- supports-color
dev: false
- /@sanity/preview-kit/1.5.3_react@18.2.0:
- resolution: {integrity: sha512-1ZUL9wGu9IU+Ql00C6CM3myiXwmw11IzxMgTvFDZJ0/kWs7+jBF3JpeExge3U/nZxAZ+3otqMb1F8LiBGY5bHw==}
+ /@sanity/preview-kit/1.5.5_react@18.2.0:
+ resolution: {integrity: sha512-RJ+bcLB0cH2vyzqyhb4WMua3xygx4em2fuooKOETo1Z/HyyXqFfWZgCRvFItLS5erKNr0pz7Mbhq7sWhGmuOtg==}
engines: {node: '>=14'}
peerDependencies:
react: ^18.0.0
dependencies:
- '@sanity/client': 6.1.1
+ '@sanity/client': 6.4.4
'@sanity/eventsource': 5.0.0
- '@sanity/groq-store': 2.1.0
- '@vercel/stega': 0.0.4
+ '@sanity/groq-store': 2.3.4
+ '@vercel/stega': 0.0.5
lodash.isplainobject: 4.0.6
react: 18.2.0
suspend-react: 0.0.10_react@18.2.0
@@ -1879,6 +2168,31 @@ packages:
- supports-color
dev: false
+ /@sanity/preview-kit/2.4.9_esptxo4lplqmefuoebcrocvktm:
+ resolution: {integrity: sha512-0j7An0beiMOTMLA+RdzQmAo6Lk6YuKuuARabKTk6rpl4uf117jtveh50DiaZNHieToF9AGXxc9qgYXR0lc4k+w==}
+ engines: {node: '>=14'}
+ peerDependencies:
+ '@sanity/client': ^6.4.3
+ react: ^18.0.0
+ peerDependenciesMeta:
+ react:
+ optional: true
+ dependencies:
+ '@sanity/client': 6.4.4
+ '@sanity/eventsource': 5.0.0
+ '@sanity/groq-store': 4.0.3
+ '@vercel/stega': 0.1.0
+ lodash.get: 4.4.2
+ lodash.isplainobject: 4.0.6
+ lru-cache: 10.0.0
+ mendoza: 3.0.3
+ react: 18.2.0
+ react-fast-compare: 3.2.2
+ use-sync-external-store: 1.2.0_react@18.2.0
+ transitivePeerDependencies:
+ - supports-color
+ dev: false
+
/@sanity/schema/3.11.1:
resolution: {integrity: sha512-YD0Mhrbg+UYH96wkYI9axWNJwK+kGi8AHS9cSLbJ4n2QkVROgBvdPcC6OFxzWY50yhpp6IDP/pvBujefKx8n5g==}
dependencies:
@@ -1916,7 +2230,16 @@ packages:
/@sanity/types/3.11.1:
resolution: {integrity: sha512-TmCtStfZcf1VTKrPFJOjVhWOvjlrBncn86/0UuE7Ftsgq12tQEyPCpKAzAT6E7uUmr15wMUSvCgXX8hn9/poKg==}
dependencies:
- '@sanity/client': 6.1.1
+ '@sanity/client': 6.4.4
+ '@types/react': 18.0.27
+ transitivePeerDependencies:
+ - supports-color
+ dev: false
+
+ /@sanity/types/3.14.5:
+ resolution: {integrity: sha512-uQ/SGdzxD8i08PAqIoNTGMfzRZT1JZ6GVB78KfvGt3fwA6C5cz7E6LVZKX9Q+vcqZuc7DTBBH92fcLkM3k8RwQ==}
+ dependencies:
+ '@sanity/client': 6.4.4
'@types/react': 18.0.27
transitivePeerDependencies:
- supports-color
@@ -2100,7 +2423,6 @@ packages:
resolution: {integrity: sha512-E42GW/JA4Qv15wQdqJq8DL4JhNpB3prJgjgapN3qJT9K2zO5IIAQh4VXvCEDupoqAwnz0cY4RlXeC/ajX5SFHg==}
dependencies:
'@types/react': 18.0.27
- dev: true
/@types/react-is/17.0.4:
resolution: {integrity: sha512-FLzd0K9pnaEvKz4D1vYxK9JmgQPiGk1lu23o1kqGsLeT0iPbRSF7b76+S5T9fD8aRa0B8bY7I/3DebEj+1ysBA==}
@@ -2262,8 +2584,12 @@ packages:
ajv: 6.12.6
dev: false
- /@vercel/stega/0.0.4:
- resolution: {integrity: sha512-4c9AibBOJ9oGvvev0f5QFbdcDPmOjkxdlrKb5Y70DnAc0ThtFujod8DRGA/RLFQ5lAvgRTdpvoczl8GhHuxFJQ==}
+ /@vercel/stega/0.0.5:
+ resolution: {integrity: sha512-vvuUYW0rBp4Ea9xv0LilqFyDHAW9tvy4GL70G1ayGisQwpOYIPChmiw/56jqZvpxjE9gjQIApLfglOcdZe3PcA==}
+ dev: false
+
+ /@vercel/stega/0.1.0:
+ resolution: {integrity: sha512-5b0PkOJsFBX5alChuIO3qpkt5vIZBevzLPhUQ1UP8UzVjL3F1VllnZxp/thfD8R5ol7D7WHkgZHIjdUBX4tDpQ==}
dev: false
/@vitejs/plugin-react/3.1.0_vite@4.3.8:
@@ -4143,6 +4469,24 @@ packages:
- supports-color
dev: false
+ /get-it/8.4.1:
+ resolution: {integrity: sha512-B81/lof6jHW2/YyvH4gzKclBMdHNl2B4hRpuIiwVYtZjUiV5mBAQa2GTX6EPTuNhPxw8K5c14cJAFUa78b4A/g==}
+ engines: {node: '>=14.0.0'}
+ dependencies:
+ debug: 4.3.4
+ decompress-response: 7.0.0
+ follow-redirects: 1.15.2_debug@4.3.4
+ into-stream: 6.0.0
+ is-plain-object: 5.0.0
+ is-retry-allowed: 2.2.0
+ is-stream: 2.0.1
+ parse-headers: 2.0.5
+ progress-stream: 2.0.0
+ tunnel-agent: 0.6.0
+ transitivePeerDependencies:
+ - supports-color
+ dev: false
+
/get-nonce/1.0.1:
resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
engines: {node: '>=6'}
@@ -4348,13 +4692,18 @@ packages:
resolution: {integrity: sha512-qJeuEgziddryH1ClsJvMoZM9aXNQbBViNZZrJwhHKr2wU8HGGM7uNWNVFglWXMX60MMaa2SClX3UohP76Ut68g==}
dev: false
- /groq-js/1.1.9:
- resolution: {integrity: sha512-Kml1SgKotOOEmm1rK1w/K4UprIWJ/UU0SzeO2dPy8ab2wcAGfE82X5CTdaD1AMaP+40Ug1gAsVgPF5S2H/fcPw==}
+ /groq-js/1.1.10:
+ resolution: {integrity: sha512-cYZMSCuBZ5KPB7hDRzkIwTB6qTDtcfqXxcejJPWumSw5gCOInTSvVtfccp0GM7TE1HkF7bF1PR2iSnliFDSSJg==}
engines: {node: '>= 14'}
dev: false
- /groq/3.11.1:
- resolution: {integrity: sha512-g4UG/8+XFbZyrP54yJpM9Mhg7AP/lrgRdu44RrpXask9d3qF2LYMG38cWEyZxn1by6Hcl7ylbTJQzwg85+7QGw==}
+ /groq-js/1.1.11:
+ resolution: {integrity: sha512-LLYg7+nuOOcbQD7FKJjZj442W4ws+j/yggJV474VS6kmeIpBxfNGNMnBsfGSaJ/iDIhknjL4OcDgJ60FL+UJXA==}
+ engines: {node: '>= 14'}
+ dev: false
+
+ /groq/3.14.5:
+ resolution: {integrity: sha512-1kpBA0FPgNL72G+Qj4PwyTjpNfOqO6FPzIANc8aDxdesUtg6JVMGYXF6zsvR/9nIMfuT8+TEoyyKT9V7ls8e+g==}
engines: {node: '>=14'}
dev: false
@@ -5109,6 +5458,10 @@ packages:
resolution: {integrity: sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==}
dev: false
+ /lodash.get/4.4.2:
+ resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
+ dev: false
+
/lodash.isplainobject/4.0.6:
resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
@@ -5146,6 +5499,11 @@ packages:
dependencies:
js-tokens: 4.0.0
+ /lru-cache/10.0.0:
+ resolution: {integrity: sha512-svTf/fzsKHffP42sujkO/Rjs37BCIsQVRCeNYIm9WN8rgT7ffoUnRtZCqU+6BqcSBdv8gwJeTz8knJpgACeQMw==}
+ engines: {node: 14 || >=16.14}
+ dev: false
+
/lru-cache/5.1.1:
resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
dependencies:
@@ -5158,14 +5516,6 @@ packages:
dependencies:
yallist: 4.0.0
- /lucide-react/0.194.0_react@18.2.0:
- resolution: {integrity: sha512-3+ysUvaoeYqI/rKCtyeHlnn+7WdAJrAI0zLNKbnfFRAp+GC2Jw/vGWhUY+aPq5JxrVqSWpqGnb/MfkD3N22RAA==}
- peerDependencies:
- react: ^16.5.1 || ^17.0.0 || ^18.0.0
- dependencies:
- react: 18.2.0
- dev: false
-
/magic-string/0.27.0:
resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
engines: {node: '>=12'}
@@ -5193,6 +5543,16 @@ packages:
engines: {node: '>=10'}
dev: false
+ /mendoza/2.1.2:
+ resolution: {integrity: sha512-Z2orUYO/RR7hJ2WdMtE1+u7X3/FiZrUpZqdctjxjxAfRODHfSvHKH+5tdEq/dXCf3W3CXSqWM46Ye7ww+KMrtQ==}
+ engines: {node: '>=10'}
+ dev: false
+
+ /mendoza/3.0.3:
+ resolution: {integrity: sha512-xh0Angj7/kuLzJHglH7dVetoSyUt1/2wjmuugB0iBftteS6+xKvwC+bhs+IvF9tITdEdZpIl0XT5QLaL18A5dA==}
+ engines: {node: '>=14.18'}
+ dev: false
+
/merge-stream/2.0.0:
resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
@@ -5331,8 +5691,8 @@ packages:
engines: {node: '>= 0.6'}
dev: false
- /next-intl/2.14.6_next@13.4.7+react@18.2.0:
- resolution: {integrity: sha512-RZgQQMAUlGWmPx6gequHRCZf7NKD6ixCskyovRd1AMx0UeNqAZggbL7nFsGA8M7mZbE0twv3+4JLrPse8xbwsg==}
+ /next-intl/2.19.1_next@13.4.13+react@18.2.0:
+ resolution: {integrity: sha512-fk+IGWXxA+UOk+3rIhQqSPYxka+Hk9qKaIpbeF3nNlf8dp1td0oT6srVrPw/uZl5Qoj8El3qQ2mVd3RTLA25cg==}
engines: {node: '>=10'}
peerDependencies:
next: ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0
@@ -5340,13 +5700,13 @@ packages:
dependencies:
'@formatjs/intl-localematcher': 0.2.32
negotiator: 0.6.3
- next: 13.4.7_3j7hb26pwgm6spbxoejtjx6xja
+ next: 13.4.13_3j7hb26pwgm6spbxoejtjx6xja
react: 18.2.0
- use-intl: 2.14.6_react@18.2.0
+ use-intl: 2.19.1_react@18.2.0
dev: false
- /next-sanity/4.3.2_g5o3rb6nhmiyhllijtz24ubsme:
- resolution: {integrity: sha512-BLO2vrBfPWRirJacmJ+Nkx9PUlH0MTRGaRPm4LcZtEd4ulCDpw3AbfJHvzfaFy62jeIzcdkWBWLAkzjbXKr8gA==}
+ /next-sanity/4.3.3_yrtytp4b7cnii2glukpxw5dsvi:
+ resolution: {integrity: sha512-537xLC4hpTgV3SGj6w4aXvBvm/nHdyZGtZ5IcZpH33p70J7UjptF4+D4FvWKZGPjF3v3SFk75AHjxWVPORL9RA==}
engines: {node: '>=16'}
peerDependencies:
'@sanity/icons': ^2.0.0
@@ -5358,15 +5718,15 @@ packages:
sanity: ^3.0.0
styled-components: ^5.2.0
dependencies:
- '@sanity/client': 6.1.1
+ '@sanity/client': 6.4.4
'@sanity/icons': 2.3.1_react@18.2.0
- '@sanity/preview-kit': 1.5.3_react@18.2.0
+ '@sanity/preview-kit': 1.5.5_react@18.2.0
'@sanity/types': 3.11.1
'@sanity/ui': 1.3.3_qzhz75e2qrzz6afgiqoxbiiigi
'@sanity/webhook': 2.0.0
'@types/styled-components': 5.1.26
- groq: 3.11.1
- next: 13.4.7_3j7hb26pwgm6spbxoejtjx6xja
+ groq: 3.14.5
+ next: 13.4.13_3j7hb26pwgm6spbxoejtjx6xja
react: 18.2.0
sanity: 3.11.1_inskn5v7aqlrr54h6fubgcms5y
styled-components: 5.3.10_7i5myeigehqah43i5u7wbekgba
@@ -5374,25 +5734,22 @@ packages:
- supports-color
dev: false
- /next/13.4.7_3j7hb26pwgm6spbxoejtjx6xja:
- resolution: {integrity: sha512-M8z3k9VmG51SRT6v5uDKdJXcAqLzP3C+vaKfLIAM0Mhx1um1G7MDnO63+m52qPdZfrTFzMZNzfsgvm3ghuVHIQ==}
+ /next/13.4.13_3j7hb26pwgm6spbxoejtjx6xja:
+ resolution: {integrity: sha512-A3YVbVDNeXLhWsZ8Nf6IkxmNlmTNz0yVg186NJ97tGZqPDdPzTrHotJ+A1cuJm2XfuWPrKOUZILl5iBQkIf8Jw==}
engines: {node: '>=16.8.0'}
hasBin: true
peerDependencies:
'@opentelemetry/api': ^1.1.0
- fibers: '>= 3.1.0'
react: ^18.2.0
react-dom: ^18.2.0
sass: ^1.3.0
peerDependenciesMeta:
'@opentelemetry/api':
optional: true
- fibers:
- optional: true
sass:
optional: true
dependencies:
- '@next/env': 13.4.7
+ '@next/env': 13.4.13
'@swc/helpers': 0.5.1
busboy: 1.6.0
caniuse-lite: 1.0.30001489
@@ -5403,15 +5760,15 @@ packages:
watchpack: 2.4.0
zod: 3.21.4
optionalDependencies:
- '@next/swc-darwin-arm64': 13.4.7
- '@next/swc-darwin-x64': 13.4.7
- '@next/swc-linux-arm64-gnu': 13.4.7
- '@next/swc-linux-arm64-musl': 13.4.7
- '@next/swc-linux-x64-gnu': 13.4.7
- '@next/swc-linux-x64-musl': 13.4.7
- '@next/swc-win32-arm64-msvc': 13.4.7
- '@next/swc-win32-ia32-msvc': 13.4.7
- '@next/swc-win32-x64-msvc': 13.4.7
+ '@next/swc-darwin-arm64': 13.4.13
+ '@next/swc-darwin-x64': 13.4.13
+ '@next/swc-linux-arm64-gnu': 13.4.13
+ '@next/swc-linux-arm64-musl': 13.4.13
+ '@next/swc-linux-x64-gnu': 13.4.13
+ '@next/swc-linux-x64-musl': 13.4.13
+ '@next/swc-win32-arm64-msvc': 13.4.13
+ '@next/swc-win32-ia32-msvc': 13.4.13
+ '@next/swc-win32-x64-msvc': 13.4.13
transitivePeerDependencies:
- '@babel/core'
- babel-plugin-macros
@@ -6498,7 +6855,7 @@ packages:
'@sanity/bifur-client': 0.3.1
'@sanity/block-tools': 3.11.1
'@sanity/cli': 3.11.1
- '@sanity/client': 6.1.1
+ '@sanity/client': 6.4.4
'@sanity/color': 2.2.5
'@sanity/diff': 3.11.1
'@sanity/eventsource': 5.0.0
@@ -7430,8 +7787,8 @@ packages:
react: 18.2.0
dev: false
- /use-intl/2.14.6_react@18.2.0:
- resolution: {integrity: sha512-ehkW7/CpJkJQUbQZvtUvB+NukmlOS2FEj5rSRBnyRvV+GsbC+CKKDFcMLecyWA12s9wnqcAbEMQMfp3m1jcwPA==}
+ /use-intl/2.19.1_react@18.2.0:
+ resolution: {integrity: sha512-nPsXwwJeH+RuKe2ucN+xmRI7DdfjA7WezXYTJD0JZSPvyIyaledIBlVBbnkxanr+3fpIec3cVG6wvouGp9/lJQ==}
engines: {node: '>=10'}
peerDependencies:
react: ^16.8.0 || ^17.0.0 || ^18.0.0
diff --git a/tailwind.config.js b/tailwind.config.js
index 31c915bd1..dd72549a6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -41,6 +41,40 @@ module.exports = {
green: '#55b467',
red: '#ec5d40',
yellow: '#ffcb47',
+ // UI.SHADCN.COM
+ border: "hsl(var(--border))",
+ input: "hsl(var(--input))",
+ ring: "hsl(var(--ring))",
+ background: "hsl(var(--background))",
+ foreground: "hsl(var(--foreground))",
+ primary: {
+ DEFAULT: "hsl(var(--primary))",
+ foreground: "hsl(var(--primary-foreground))",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary))",
+ foreground: "hsl(var(--secondary-foreground))",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive))",
+ foreground: "hsl(var(--destructive-foreground))",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted))",
+ foreground: "hsl(var(--muted-foreground))",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent))",
+ foreground: "hsl(var(--accent-foreground))",
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover))",
+ foreground: "hsl(var(--popover-foreground))",
+ },
+ card: {
+ DEFAULT: "hsl(var(--card))",
+ foreground: "hsl(var(--card-foreground))",
+ },
},
textColor: {
base: '#333333',
@@ -52,18 +86,18 @@ module.exports = {
display: ['var(--font-inter-tight)', ...fontFamily.sans],
},
keyframes: {
- 'accordion-down': {
+ "accordion-down": {
from: { height: 0 },
- to: { height: 'var(--radix-accordion-content-height)' },
+ to: { height: "var(--radix-accordion-content-height)" },
},
- 'accordion-up': {
- from: { height: 'var(--radix-accordion-content-height)' },
+ "accordion-up": {
+ from: { height: "var(--radix-accordion-content-height)" },
to: { height: 0 },
},
},
animation: {
- 'accordion-down': 'accordion-down 0.2s ease-out',
- 'accordion-up': 'accordion-up 0.2s ease-out',
+ "accordion-down": "accordion-down 0.2s ease-out",
+ "accordion-up": "accordion-up 0.2s ease-out",
},
},
},
@@ -88,4 +122,4 @@ module.exports = {
future: {
hoverOnlyWhenSupported: true
},
-}
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 6cd05f98a..7b48ebb6f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,8 +20,11 @@
{
"name": "next"
}
- ]
+ ],
+ "paths": {
+ "@/*": ["./*"]
+ }
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
"exclude": ["node_modules"]
-}
+}
\ No newline at end of file