mirror of
https://github.com/vercel/commerce.git
synced 2025-04-23 19:37:51 +00:00
Fixes cart item button layout shift (#971)
This commit is contained in:
Michael Novotny
GitHub
parent
fd9450aecb
commit
e9a26c2935
@ -22,7 +22,6 @@ Looking for Next.js Commerce v1? [View the release notes](https://github.com/ver
|
|||||||
2. Link local instance with Vercel and Github accounts (creates .vercel file): `vercel link`
|
2. Link local instance with Vercel and Github accounts (creates .vercel file): `vercel link`
|
||||||
3. Download your environment variables: `vercel env pull .env.local`
|
3. Download your environment variables: `vercel env pull .env.local`
|
||||||
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm install
|
pnpm install
|
||||||
pnpm dev
|
pnpm dev
|
||||||
|
|||||||
@ -3,6 +3,7 @@ import LoadingDots from 'components/loading-dots';
|
|||||||
import { useRouter } from 'next/navigation';
|
import { useRouter } from 'next/navigation';
|
||||||
import { startTransition, useState } from 'react';
|
import { startTransition, useState } from 'react';
|
||||||
|
|
||||||
|
import clsx from 'clsx';
|
||||||
import type { CartItem } from 'lib/shopify/types';
|
import type { CartItem } from 'lib/shopify/types';
|
||||||
|
|
||||||
export default function DeleteItemButton({ item }: { item: CartItem }) {
|
export default function DeleteItemButton({ item }: { item: CartItem }) {
|
||||||
@ -36,14 +37,17 @@ export default function DeleteItemButton({ item }: { item: CartItem }) {
|
|||||||
aria-label="Remove cart item"
|
aria-label="Remove cart item"
|
||||||
onClick={handleRemove}
|
onClick={handleRemove}
|
||||||
disabled={removing}
|
disabled={removing}
|
||||||
className={`${
|
className={clsx(
|
||||||
removing ? 'cursor-not-allowed' : ''
|
'ease flex min-w-[36px] max-w-[36px] items-center justify-center border px-2 transition-all duration-200 hover:border-gray-800 hover:bg-gray-100 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-900',
|
||||||
} mr-2 flex h-8 w-8 items-center justify-center border border-black/40 bg-black/0 hover:bg-black/10 dark:border-white/40 dark:bg-white/0 dark:hover:bg-white/10`}
|
{
|
||||||
|
'cursor-not-allowed px-0': removing
|
||||||
|
}
|
||||||
|
)}
|
||||||
>
|
>
|
||||||
{removing ? (
|
{removing ? (
|
||||||
<LoadingDots className="bg-white dark:bg-black" />
|
<LoadingDots className="bg-black dark:bg-white" />
|
||||||
) : (
|
) : (
|
||||||
<CloseIcon className="hover:text-accent-3 h-6" />
|
<CloseIcon className="hover:text-accent-3 mx-[1px] h-4 w-4" />
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
import { useRouter } from 'next/navigation';
|
import { useRouter } from 'next/navigation';
|
||||||
import { startTransition, useState } from 'react';
|
import { startTransition, useState } from 'react';
|
||||||
|
|
||||||
|
import clsx from 'clsx';
|
||||||
import MinusIcon from 'components/icons/minus';
|
import MinusIcon from 'components/icons/minus';
|
||||||
import PlusIcon from 'components/icons/plus';
|
import PlusIcon from 'components/icons/plus';
|
||||||
import type { CartItem } from 'lib/shopify/types';
|
import type { CartItem } from 'lib/shopify/types';
|
||||||
@ -46,16 +47,20 @@ export default function EditItemQuantityButton({
|
|||||||
aria-label={type === 'plus' ? 'Increase item quantity' : 'Reduce item quantity'}
|
aria-label={type === 'plus' ? 'Increase item quantity' : 'Reduce item quantity'}
|
||||||
onClick={handleEdit}
|
onClick={handleEdit}
|
||||||
disabled={editing}
|
disabled={editing}
|
||||||
className={`${editing ? 'cursor-not-allowed' : ''} ${
|
className={clsx(
|
||||||
type === 'minus' ? 'ml-auto' : ''
|
'ease flex min-w-[36px] max-w-[36px] items-center justify-center border px-2 transition-all duration-200 hover:border-gray-800 hover:bg-gray-100 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-900',
|
||||||
} flex h-8 w-8 items-center justify-center border-l border-black/40 bg-black/0 hover:bg-black/10 dark:border-white/40 dark:bg-white/0 dark:hover:bg-white/10`}
|
{
|
||||||
|
'cursor-not-allowed': editing,
|
||||||
|
'ml-auto': type === 'minus'
|
||||||
|
}
|
||||||
|
)}
|
||||||
>
|
>
|
||||||
{editing ? (
|
{editing ? (
|
||||||
<LoadingDots className="bg-white dark:bg-black" />
|
<LoadingDots className="bg-black dark:bg-white" />
|
||||||
) : type === 'plus' ? (
|
) : type === 'plus' ? (
|
||||||
<PlusIcon className="h-4" />
|
<PlusIcon className="h-4 w-4" />
|
||||||
) : (
|
) : (
|
||||||
<MinusIcon className="h-4" />
|
<MinusIcon className="h-4 w-4" />
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -1,15 +1,21 @@
|
|||||||
import { Dialog } from '@headlessui/react';
|
import { Dialog } from '@headlessui/react';
|
||||||
import { AnimatePresence, motion } from 'framer-motion';
|
import { AnimatePresence, motion } from 'framer-motion';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
import CloseIcon from 'components/icons/close';
|
import CloseIcon from 'components/icons/close';
|
||||||
import ShoppingBagIcon from 'components/icons/shopping-bag';
|
import ShoppingBagIcon from 'components/icons/shopping-bag';
|
||||||
import Price from 'components/price';
|
import Price from 'components/price';
|
||||||
import { DEFAULT_OPTION } from 'lib/constants';
|
import { DEFAULT_OPTION } from 'lib/constants';
|
||||||
import type { Cart } from 'lib/shopify/types';
|
import type { Cart } from 'lib/shopify/types';
|
||||||
|
import { createUrl } from 'lib/utils';
|
||||||
import DeleteItemButton from './delete-item-button';
|
import DeleteItemButton from './delete-item-button';
|
||||||
import EditItemQuantityButton from './edit-item-quantity-button';
|
import EditItemQuantityButton from './edit-item-quantity-button';
|
||||||
|
|
||||||
|
type MerchandiseSearchParams = {
|
||||||
|
[key: string]: string;
|
||||||
|
};
|
||||||
|
|
||||||
export default function CartModal({
|
export default function CartModal({
|
||||||
isOpen,
|
isOpen,
|
||||||
onClose,
|
onClose,
|
||||||
@ -50,7 +56,7 @@ export default function CartModal({
|
|||||||
closed: { translateX: '100%' }
|
closed: { translateX: '100%' }
|
||||||
}}
|
}}
|
||||||
transition={{ type: 'spring', bounce: 0, duration: 0.3 }}
|
transition={{ type: 'spring', bounce: 0, duration: 0.3 }}
|
||||||
className="flex w-full flex-col bg-white p-8 text-black dark:bg-black dark:text-white md:w-1/3 lg:w-[30%] lg:px-6"
|
className="flex w-full flex-col bg-white p-8 text-black dark:bg-black dark:text-white md:w-3/5 lg:w-2/5"
|
||||||
>
|
>
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<p className="text-lg font-bold">My Cart</p>
|
<p className="text-lg font-bold">My Cart</p>
|
||||||
@ -74,95 +80,102 @@ export default function CartModal({
|
|||||||
<div className="flex h-full flex-col justify-between overflow-hidden">
|
<div className="flex h-full flex-col justify-between overflow-hidden">
|
||||||
<ul className="flex-grow overflow-auto p-6">
|
<ul className="flex-grow overflow-auto p-6">
|
||||||
{cart.lines.map((item, i) => {
|
{cart.lines.map((item, i) => {
|
||||||
|
const merchandiseSearchParams = {} as MerchandiseSearchParams;
|
||||||
|
|
||||||
|
item.merchandise.selectedOptions.forEach(({ name, value }) => {
|
||||||
|
if (value !== DEFAULT_OPTION) {
|
||||||
|
merchandiseSearchParams[name.toLowerCase()] = value;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const merchandiseUrl = createUrl(
|
||||||
|
`/product/${item.merchandise.product.handle}`,
|
||||||
|
new URLSearchParams(merchandiseSearchParams)
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li key={i} data-testid="cart-item">
|
<li key={i} data-testid="cart-item">
|
||||||
<div className="mb-2 flex w-full">
|
<Link
|
||||||
<div className="relative h-20 w-20 flex-none">
|
className="flex flex-row space-x-4 py-4"
|
||||||
{item.merchandise.product.featuredImage.url && (
|
href={merchandiseUrl}
|
||||||
<Image
|
onClick={onClose}
|
||||||
alt={
|
>
|
||||||
item.merchandise.product.featuredImage.altText ||
|
<div className="relative h-16 w-16 cursor-pointer overflow-hidden bg-white">
|
||||||
item.merchandise.product.title
|
<Image
|
||||||
}
|
className="h-full w-full object-cover"
|
||||||
className="bg-white"
|
width={64}
|
||||||
fill
|
height={64}
|
||||||
src={item.merchandise.product.featuredImage.url}
|
alt={
|
||||||
/>
|
item.merchandise.product.featuredImage.altText ||
|
||||||
)}
|
item.merchandise.product.title
|
||||||
|
}
|
||||||
|
src={item.merchandise.product.featuredImage.url}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="ml-4 flex w-full flex-col justify-between">
|
<div className="flex flex-1 flex-col text-base">
|
||||||
<div className="flex w-full justify-between">
|
<span className="font-semibold">
|
||||||
<div>
|
{item.merchandise.product.title}
|
||||||
<p
|
</span>
|
||||||
className="text-lg font-medium"
|
{item.merchandise.title !== DEFAULT_OPTION ? (
|
||||||
data-testid="cart-product-name"
|
<p className="text-sm" data-testid="cart-product-variant">
|
||||||
>
|
{item.merchandise.title}
|
||||||
{item.merchandise.product.title}
|
</p>
|
||||||
</p>
|
) : null}
|
||||||
{item.merchandise.title !== DEFAULT_OPTION ? (
|
|
||||||
<p className="text-sm" data-testid="cart-product-variant">
|
|
||||||
{item.merchandise.title}
|
|
||||||
</p>
|
|
||||||
) : null}
|
|
||||||
</div>
|
|
||||||
<Price
|
|
||||||
className="font-medium"
|
|
||||||
amount={item.cost.totalAmount.amount}
|
|
||||||
currencyCode={item.cost.totalAmount.currencyCode}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<Price
|
||||||
<div className="mb-4 flex w-full">
|
className="flex flex-col justify-between space-y-2 text-sm"
|
||||||
|
amount={item.cost.totalAmount.amount}
|
||||||
|
currencyCode={item.cost.totalAmount.currencyCode}
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
<div className="flex h-9 flex-row">
|
||||||
<DeleteItemButton item={item} />
|
<DeleteItemButton item={item} />
|
||||||
<div className="flex h-8 w-full border border-black/40 dark:border-white/40">
|
<p className="ml-2 flex w-full items-center justify-center border dark:border-gray-700">
|
||||||
<div className="flex h-full items-center px-2 ">{item.quantity}</div>
|
<span className="w-full px-2">{item.quantity}</span>
|
||||||
<EditItemQuantityButton item={item} type="minus" />
|
</p>
|
||||||
<EditItemQuantityButton item={item} type="plus" />
|
<EditItemQuantityButton item={item} type="minus" />
|
||||||
</div>
|
<EditItemQuantityButton item={item} type="plus" />
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
</ul>
|
</ul>
|
||||||
<div className="border-t border-white/60 p-6">
|
<div className="border-t border-gray-200 pt-2 text-sm text-black dark:text-white">
|
||||||
<div className="text-sm text-white">
|
<div className="mb-2 flex items-center justify-between">
|
||||||
<div className="mb-2 flex items-center justify-between">
|
<p>Subtotal</p>
|
||||||
<p>Subtotal</p>
|
<Price
|
||||||
<Price
|
className="text-right"
|
||||||
className="text-right"
|
amount={cart.cost.subtotalAmount.amount}
|
||||||
amount={cart.cost.subtotalAmount.amount}
|
currencyCode={cart.cost.subtotalAmount.currencyCode}
|
||||||
currencyCode={cart.cost.subtotalAmount.currencyCode}
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
<div className="mb-2 flex items-center justify-between">
|
||||||
<div className="mb-2 flex items-center justify-between">
|
<p>Taxes</p>
|
||||||
<p>Taxes</p>
|
<Price
|
||||||
<Price
|
className="text-right"
|
||||||
className="text-right"
|
amount={cart.cost.totalTaxAmount.amount}
|
||||||
amount={cart.cost.totalTaxAmount.amount}
|
currencyCode={cart.cost.totalTaxAmount.currencyCode}
|
||||||
currencyCode={cart.cost.totalTaxAmount.currencyCode}
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
<div className="mb-2 flex items-center justify-between border-b border-gray-200 pb-2">
|
||||||
<div className="mb-2 flex items-center justify-between border-b border-white/30 pb-2">
|
<p>Shipping</p>
|
||||||
<p>Shipping</p>
|
<p className="text-right">Calculated at checkout</p>
|
||||||
<p className="text-right uppercase">calculated at checkout</p>
|
</div>
|
||||||
</div>
|
<div className="mb-2 flex items-center justify-between font-bold">
|
||||||
<div className="mb-2 flex items-center justify-between font-bold">
|
<p>Total</p>
|
||||||
<p>Total</p>
|
<Price
|
||||||
<Price
|
className="text-right"
|
||||||
className="text-right"
|
amount={cart.cost.totalAmount.amount}
|
||||||
amount={cart.cost.totalAmount.amount}
|
currencyCode={cart.cost.totalAmount.currencyCode}
|
||||||
currencyCode={cart.cost.totalAmount.currencyCode}
|
/>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<a
|
|
||||||
href={cart.checkoutUrl}
|
|
||||||
className="mt-6 flex w-full items-center justify-center bg-black p-3 text-sm font-medium uppercase text-white opacity-90 hover:opacity-100 dark:bg-white dark:text-black"
|
|
||||||
>
|
|
||||||
<span>Proceed to Checkout</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
<a
|
||||||
|
href={cart.checkoutUrl}
|
||||||
|
className="flex w-full items-center justify-center bg-black p-3 text-sm font-medium uppercase text-white opacity-90 hover:opacity-100 dark:bg-white dark:text-black"
|
||||||
|
>
|
||||||
|
<span>Proceed to Checkout</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</Dialog.Panel>
|
</Dialog.Panel>
|
||||||
|
|||||||
@ -33,6 +33,10 @@ const cartFragment = /* GraphQL */ `
|
|||||||
... on ProductVariant {
|
... on ProductVariant {
|
||||||
id
|
id
|
||||||
title
|
title
|
||||||
|
selectedOptions {
|
||||||
|
name
|
||||||
|
value
|
||||||
|
}
|
||||||
product {
|
product {
|
||||||
...product
|
...product
|
||||||
}
|
}
|
||||||
|
|||||||
@ -44,8 +44,8 @@ import {
|
|||||||
ShopifyUpdateCartOperation
|
ShopifyUpdateCartOperation
|
||||||
} from './types';
|
} from './types';
|
||||||
|
|
||||||
const domain = process.env.SHOPIFY_STORE_DOMAIN!;
|
const domain = `https://${process.env.SHOPIFY_STORE_DOMAIN!}`;
|
||||||
const endpoint = process.env.SHOPIFY_STORE_DOMAIN! + SHOPIFY_GRAPHQL_API_ENDPOINT;
|
const endpoint = `${domain}${SHOPIFY_GRAPHQL_API_ENDPOINT}`;
|
||||||
const key = process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN!;
|
const key = process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN!;
|
||||||
|
|
||||||
type ExtractVariables<T> = T extends { variables: object } ? T['variables'] : never;
|
type ExtractVariables<T> = T extends { variables: object } ? T['variables'] : never;
|
||||||
|
|||||||
@ -21,6 +21,10 @@ export type CartItem = {
|
|||||||
merchandise: {
|
merchandise: {
|
||||||
id: string;
|
id: string;
|
||||||
title: string;
|
title: string;
|
||||||
|
selectedOptions: {
|
||||||
|
name: string;
|
||||||
|
value: string;
|
||||||
|
}[];
|
||||||
product: Product;
|
product: Product;
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
@ -27,7 +27,7 @@
|
|||||||
"clsx": "^1.2.1",
|
"clsx": "^1.2.1",
|
||||||
"framer-motion": "^8.4.0",
|
"framer-motion": "^8.4.0",
|
||||||
"is-empty-iterable": "^3.0.0",
|
"is-empty-iterable": "^3.0.0",
|
||||||
"next": "13.3.1-canary.7",
|
"next": "13.3.1-canary.13",
|
||||||
"react": "18.2.0",
|
"react": "18.2.0",
|
||||||
"react-cookie": "^4.1.1",
|
"react-cookie": "^4.1.1",
|
||||||
"react-dom": "18.2.0"
|
"react-dom": "18.2.0"
|
||||||
|
|||||||
74
pnpm-lock.yaml
generated
74
pnpm-lock.yaml
generated
@ -17,8 +17,8 @@ dependencies:
|
|||||||
specifier: ^3.0.0
|
specifier: ^3.0.0
|
||||||
version: 3.0.0
|
version: 3.0.0
|
||||||
next:
|
next:
|
||||||
specifier: 13.3.1-canary.7
|
specifier: 13.3.1-canary.13
|
||||||
version: 13.3.1-canary.7(react-dom@18.2.0)(react@18.2.0)
|
version: 13.3.1-canary.13(react-dom@18.2.0)(react@18.2.0)
|
||||||
react:
|
react:
|
||||||
specifier: 18.2.0
|
specifier: 18.2.0
|
||||||
version: 18.2.0
|
version: 18.2.0
|
||||||
@ -236,8 +236,8 @@ packages:
|
|||||||
tslib: 2.5.0
|
tslib: 2.5.0
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@next/env@13.3.1-canary.7:
|
/@next/env@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-Pp0TXXRIVkMekE/vdrwfLEJSI8eKEldB1vlDBQFVytTQHrl474ggHLjVG4rUJzDn2rBg7Xcmf3lX8lunltb3dQ==}
|
resolution: {integrity: sha512-Zuwdo2KfGQPw0nTizy6yzj/LgtWl5FcDJJ80gJ/1WHJl9ANkuSsmru6EGUoBVkd481A/dfNP60355zfJjqq3Rg==}
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@next/eslint-plugin-next@13.2.1:
|
/@next/eslint-plugin-next@13.2.1:
|
||||||
@ -246,8 +246,8 @@ packages:
|
|||||||
glob: 7.1.7
|
glob: 7.1.7
|
||||||
dev: true
|
dev: true
|
||||||
|
|
||||||
/@next/swc-darwin-arm64@13.3.1-canary.7:
|
/@next/swc-darwin-arm64@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-ng2/kMFrgOe7eMM2ibEfmvEY2nqsUh8sAg4lkFtmHEqxiTi3W3pD/eVi5oE5gghz4SxuGIpEVOt14Th/ezRV/A==}
|
resolution: {integrity: sha512-lwy+zhJnUevo2JxydLUywB3ZWDdQgGGOc5ZWJNxsoef8FVJ3PX8zvZYCWDsD5sGE1BViqjMsbIx/uf4TqaZOhg==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [arm64]
|
cpu: [arm64]
|
||||||
os: [darwin]
|
os: [darwin]
|
||||||
@ -255,8 +255,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-darwin-x64@13.3.1-canary.7:
|
/@next/swc-darwin-x64@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-r14lwsA2TZH0PwOpCS0t/el/2TlBT6Cm9FmSLINUW0GTJzJAxlf7zEYEvgPpVMFqdxpsBrKrjGPn6DGm3CO3Ug==}
|
resolution: {integrity: sha512-JvwWrWF4Uqm4qEWLQV5Qt96kW1hmlV+8rjJTTOWll6ebCQz9c7/Exv4kCOz0mBkENYRmQlz3Pgd5ZWaooR4ptQ==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [x64]
|
cpu: [x64]
|
||||||
os: [darwin]
|
os: [darwin]
|
||||||
@ -264,8 +264,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-linux-arm64-gnu@13.3.1-canary.7:
|
/@next/swc-linux-arm64-gnu@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-C7GEXjH7QtJDP4mcWMGQNMpJc3HsNREH9in40t/9f2hxiWBuOCIevUW/IUAW4WNqL10R5cPFDE+4w3CjBvxbxg==}
|
resolution: {integrity: sha512-OGHPDSjQw4Sqhzgl/fdgZMPPmCj0CJiqIMudyzrBqV9z59vyreIMBzi6sWsC2I5u8EP0Q2+qUFC5AJ4xqyFMZA==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [arm64]
|
cpu: [arm64]
|
||||||
os: [linux]
|
os: [linux]
|
||||||
@ -273,8 +273,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-linux-arm64-musl@13.3.1-canary.7:
|
/@next/swc-linux-arm64-musl@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-PJbGnbQ6oppocJ486QEPThwk2tywUaZeMfT0Ge+ddUYe0HeDRu+fSf9uWIOs7yMEWHYOiC45aEFUQPUbnRiaTQ==}
|
resolution: {integrity: sha512-mvPIWB1WLpyCzZOPgHEPkEtZEdyW6U9VHN8HTmyzybqZx/Lo4AWHobXlujWflBTyHQOu3ft9kfS4TAhdB9XFyg==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [arm64]
|
cpu: [arm64]
|
||||||
os: [linux]
|
os: [linux]
|
||||||
@ -282,8 +282,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-linux-x64-gnu@13.3.1-canary.7:
|
/@next/swc-linux-x64-gnu@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-pexbimR0krKixx28qrxEuahr9Lqj8ZdhRawegjHa9YFTh4twswrbJpTldgzb/JFzEmi4jJPJZ6akPdiKghJM2A==}
|
resolution: {integrity: sha512-hTHNN3n94qQcx0YK6bS2/nw99OSZZa/v7s56OOzCfQpYAz2546wiCOoEcOxQy/1Mum23i2Lt3u6km96GyHrD0Q==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [x64]
|
cpu: [x64]
|
||||||
os: [linux]
|
os: [linux]
|
||||||
@ -291,8 +291,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-linux-x64-musl@13.3.1-canary.7:
|
/@next/swc-linux-x64-musl@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-MT48RkAT6f1cGzCoLoHnhkk65SC+ugSnzzXn8JxHl8A2H8G3X+RSxmyhwecJKxyGN8p3LCVEtdPeQr7Qut/Hyw==}
|
resolution: {integrity: sha512-SW3YdJfJzlin5hp9zMU4HHKKhARq9ojQ1tjUSsgfPtMTG3Gon7dswK/Ap5aguPvqJQK42YaPg7zPr91Ez4piGw==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [x64]
|
cpu: [x64]
|
||||||
os: [linux]
|
os: [linux]
|
||||||
@ -300,8 +300,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-win32-arm64-msvc@13.3.1-canary.7:
|
/@next/swc-win32-arm64-msvc@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-8ifclpg13PucmUp5DEcgdKNuwAAnN9FgsIse0SeX4CrSlpUPkl+VkoA0gxeIzW229EZaFEz6ypZxTvgboAwOBA==}
|
resolution: {integrity: sha512-SHb96TxxtQXJ87DbZVC22mS2jcQfKeDVcrSB5G972JRK/QaUnRrIn/Fr4/OMVgz8wkMDYyJwhVMNPZ1d7FzlQg==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [arm64]
|
cpu: [arm64]
|
||||||
os: [win32]
|
os: [win32]
|
||||||
@ -309,8 +309,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-win32-ia32-msvc@13.3.1-canary.7:
|
/@next/swc-win32-ia32-msvc@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-y5zFC4Lyfxu7elVptzvZkaxlzJNvBwrqlTzeHFWEbZKIdRXg4DGVPL9CdXWM6gvy+KacAOFoUie4zjRQxODUkw==}
|
resolution: {integrity: sha512-+TM2In/8yh6Ze4ADs9HKSg2mIjzB7SLz9i/8VUCY3SdVMKpKCtMHYzlo5BkIOSmtW0QsGVEY38+6WLOpf8lXhQ==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [ia32]
|
cpu: [ia32]
|
||||||
os: [win32]
|
os: [win32]
|
||||||
@ -318,8 +318,8 @@ packages:
|
|||||||
dev: false
|
dev: false
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
/@next/swc-win32-x64-msvc@13.3.1-canary.7:
|
/@next/swc-win32-x64-msvc@13.3.1-canary.13:
|
||||||
resolution: {integrity: sha512-A1QqMd7U7gU89++VBZE5snq8E9/Hj13HTXiP3O447E+mjHeqruxLImycilqu0UyENIoFdmxZTYopOzY5UW2GRw==}
|
resolution: {integrity: sha512-IFnEsOJIvaC/MytzEsTaWcILy2lzuwFi0aAq0NturKFRH/ykjOnLHd98jBz5D8eCPX9QN2oyB57D6i1wbIAJHA==}
|
||||||
engines: {node: '>= 10'}
|
engines: {node: '>= 10'}
|
||||||
cpu: [x64]
|
cpu: [x64]
|
||||||
os: [win32]
|
os: [win32]
|
||||||
@ -389,8 +389,8 @@ packages:
|
|||||||
string.prototype.codepointat: 0.2.1
|
string.prototype.codepointat: 0.2.1
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@swc/helpers@0.4.14:
|
/@swc/helpers@0.5.0:
|
||||||
resolution: {integrity: sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==}
|
resolution: {integrity: sha512-SjY/p4MmECVVEWspzSRpQEM3sjR17sP8PbGxELWrT+YZMBfiUyt1MRUNjMV23zohwlG2HYtCQOsCwsTHguXkyg==}
|
||||||
dependencies:
|
dependencies:
|
||||||
tslib: 2.5.0
|
tslib: 2.5.0
|
||||||
dev: false
|
dev: false
|
||||||
@ -2317,8 +2317,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
|
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
|
||||||
dev: true
|
dev: true
|
||||||
|
|
||||||
/next@13.3.1-canary.7(react-dom@18.2.0)(react@18.2.0):
|
/next@13.3.1-canary.13(react-dom@18.2.0)(react@18.2.0):
|
||||||
resolution: {integrity: sha512-4Tdg73PJeQrM5ktrOjEhgwIy/3t8DWUOppfPGZXPVz4Rvb78OQU6sPJrlVwT2x5hi4jdR9T9UMtjpwzH5IMfmQ==}
|
resolution: {integrity: sha512-nqLvbeAbJiVFWHzfvUM6D5L/nwjUD7+fc0FWPdJc/jLbInKNqQQHc4+0NKNi8tj6Af9cn4MBPrrg/lyMbf0hVA==}
|
||||||
engines: {node: '>=14.6.0'}
|
engines: {node: '>=14.6.0'}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
peerDependencies:
|
peerDependencies:
|
||||||
@ -2338,8 +2338,8 @@ packages:
|
|||||||
sass:
|
sass:
|
||||||
optional: true
|
optional: true
|
||||||
dependencies:
|
dependencies:
|
||||||
'@next/env': 13.3.1-canary.7
|
'@next/env': 13.3.1-canary.13
|
||||||
'@swc/helpers': 0.4.14
|
'@swc/helpers': 0.5.0
|
||||||
busboy: 1.6.0
|
busboy: 1.6.0
|
||||||
caniuse-lite: 1.0.30001441
|
caniuse-lite: 1.0.30001441
|
||||||
postcss: 8.4.14
|
postcss: 8.4.14
|
||||||
@ -2347,15 +2347,15 @@ packages:
|
|||||||
react-dom: 18.2.0(react@18.2.0)
|
react-dom: 18.2.0(react@18.2.0)
|
||||||
styled-jsx: 5.1.1(react@18.2.0)
|
styled-jsx: 5.1.1(react@18.2.0)
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
'@next/swc-darwin-arm64': 13.3.1-canary.7
|
'@next/swc-darwin-arm64': 13.3.1-canary.13
|
||||||
'@next/swc-darwin-x64': 13.3.1-canary.7
|
'@next/swc-darwin-x64': 13.3.1-canary.13
|
||||||
'@next/swc-linux-arm64-gnu': 13.3.1-canary.7
|
'@next/swc-linux-arm64-gnu': 13.3.1-canary.13
|
||||||
'@next/swc-linux-arm64-musl': 13.3.1-canary.7
|
'@next/swc-linux-arm64-musl': 13.3.1-canary.13
|
||||||
'@next/swc-linux-x64-gnu': 13.3.1-canary.7
|
'@next/swc-linux-x64-gnu': 13.3.1-canary.13
|
||||||
'@next/swc-linux-x64-musl': 13.3.1-canary.7
|
'@next/swc-linux-x64-musl': 13.3.1-canary.13
|
||||||
'@next/swc-win32-arm64-msvc': 13.3.1-canary.7
|
'@next/swc-win32-arm64-msvc': 13.3.1-canary.13
|
||||||
'@next/swc-win32-ia32-msvc': 13.3.1-canary.7
|
'@next/swc-win32-ia32-msvc': 13.3.1-canary.13
|
||||||
'@next/swc-win32-x64-msvc': 13.3.1-canary.7
|
'@next/swc-win32-x64-msvc': 13.3.1-canary.13
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- '@babel/core'
|
- '@babel/core'
|
||||||
- babel-plugin-macros
|
- babel-plugin-macros
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user