@vendure-platform/create 0.5.0 → 0.5.2

package/dist/assets/storefront/src/components/providers/company-context-guard.tsx

@@ -1,6 +1,6 @@
-import {cookies} from 'next/headers';
-import {getMyCompanies} from '@/lib/vendure/actions';
-import {redirect} from 'next/navigation';
+import { getMyCompanies } from '@/lib/vendure/actions';
+import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const COMPANY_ID_COOKIE = 'vendure-company-id';
 
@@ -36,7 +36,7 @@ export async function CompanyContextGuard() {
     if (!companyId) return null;
 
     const companies = await getMyCompanies();
-    const isValid = companies.some(c => c.id === companyId);
+    const isValid = companies.some((c) => c.id === companyId);
     if (!isValid) {
         // Can't modify cookies in a Server Component, so redirect to a Route Handler
         // that clears the stale cookie and sends the user back.

package/dist/assets/storefront/src/components/providers/company-permissions-server.tsx

@@ -1,14 +1,10 @@
-import { getCompanyAccount } from '@/lib/vendure/actions';
 import { CompanyPermissionsProvider } from '@/lib/company-permissions-context';
+import { getCompanyAccount } from '@/lib/vendure/actions';
 import type { ReactNode } from 'react';
 
 export async function CompanyPermissionsServer({ children }: { children: ReactNode }) {
     const account = await getCompanyAccount();
     const permissions = account?.permissions ?? null;
 
-    return (
-        <CompanyPermissionsProvider permissions={permissions}>
-            {children}
-        </CompanyPermissionsProvider>
-    );
+    return <CompanyPermissionsProvider permissions={permissions}>{children}</CompanyPermissionsProvider>;
 }

package/dist/assets/storefront/src/components/providers/theme-provider.tsx

@@ -1,8 +1,8 @@
-"use client";
+'use client';
 
-import {ThemeProvider as NextThemesProvider} from "next-themes";
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
 
-export function ThemeProvider({children}: {children: React.ReactNode}) {
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
     return (
         <NextThemesProvider
             attribute="class"

package/dist/assets/storefront/src/components/shared/breadcrumbs.tsx

@@ -25,7 +25,10 @@ export async function Breadcrumbs({ items = [] }: BreadcrumbsProps) {
                     <li key={i} className="flex items-center gap-1.5">
                         <ChevronRight className="h-5 w-5" />
                         {item.href ? (
-                            <PrefetchLink href={item.href} className="hover:text-foreground transition-colors">
+                            <PrefetchLink
+                                href={item.href}
+                                className="hover:text-foreground transition-colors"
+                            >
                                 {item.name}
                             </PrefetchLink>
                         ) : (

package/dist/assets/storefront/src/components/shared/country-select.tsx

@@ -1,83 +1,79 @@
 'use client';
 
-import * as React from 'react';
-import { Check, ChevronsUpDown } from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
 import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
+    Command,
+    CommandEmpty,
+    CommandGroup,
+    CommandInput,
+    CommandItem,
+    CommandList,
 } from '@/components/ui/command';
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from '@/components/ui/popover';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { cn } from '@/lib/utils';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import * as React from 'react';
 
 interface Country {
-  code: string;
-  name: string;
+    code: string;
+    name: string;
 }
 
 interface CountrySelectProps {
-  countries: Country[];
-  value?: string;
-  onValueChange: (value: string) => void;
-  disabled?: boolean;
+    countries: Country[];
+    value?: string;
+    onValueChange: (value: string) => void;
+    disabled?: boolean;
 }
 
 export function CountrySelect({ countries, value, onValueChange, disabled }: CountrySelectProps) {
-  const t = useTranslations('Common');
-  const [open, setOpen] = React.useState(false);
-  const selectedCountry = countries.find((country) => country.code === value);
+    const t = useTranslations('Common');
+    const [open, setOpen] = React.useState(false);
+    const selectedCountry = countries.find((country) => country.code === value);
 
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-full justify-between"
-          disabled={disabled}
-        >
-          {selectedCountry ? selectedCountry.name : t('selectCountry')}
-          <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-full p-0" align="start">
-        <Command>
-          <CommandInput placeholder={t('searchCountry')} />
-          <CommandList>
-            <CommandEmpty>{t('noCountryFound')}</CommandEmpty>
-            <CommandGroup>
-              {countries.map((country) => (
-                <CommandItem
-                  key={country.code}
-                  value={country.name}
-                  onSelect={() => {
-                    onValueChange(country.code);
-                    setOpen(false);
-                  }}
+    return (
+        <Popover open={open} onOpenChange={setOpen}>
+            <PopoverTrigger asChild>
+                <Button
+                    variant="outline"
+                    role="combobox"
+                    aria-expanded={open}
+                    className="w-full justify-between"
+                    disabled={disabled}
                 >
-                  <Check
-                    className={cn(
-                      'mr-2 h-4 w-4',
-                      value === country.code ? 'opacity-100' : 'opacity-0'
-                    )}
-                  />
-                  {country.name}
-                </CommandItem>
-              ))}
-            </CommandGroup>
-          </CommandList>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
+                    {selectedCountry ? selectedCountry.name : t('selectCountry')}
+                    <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+                </Button>
+            </PopoverTrigger>
+            <PopoverContent className="w-full p-0" align="start">
+                <Command>
+                    <CommandInput placeholder={t('searchCountry')} />
+                    <CommandList>
+                        <CommandEmpty>{t('noCountryFound')}</CommandEmpty>
+                        <CommandGroup>
+                            {countries.map((country) => (
+                                <CommandItem
+                                    key={country.code}
+                                    value={country.name}
+                                    onSelect={() => {
+                                        onValueChange(country.code);
+                                        setOpen(false);
+                                    }}
+                                >
+                                    <Check
+                                        className={cn(
+                                            'mr-2 h-4 w-4',
+                                            value === country.code ? 'opacity-100' : 'opacity-0',
+                                        )}
+                                    />
+                                    {country.name}
+                                </CommandItem>
+                            ))}
+                        </CommandGroup>
+                    </CommandList>
+                </Command>
+            </PopoverContent>
+        </Popover>
+    );
 }

package/dist/assets/storefront/src/components/shared/pagination.tsx

@@ -1,17 +1,16 @@
 'use client';
 
-import {useSearchParams} from 'next/navigation';
-import {usePathname} from '@/i18n/navigation';
-import {ChevronLeft, ChevronRight} from 'lucide-react';
-import {Button} from '@/components/ui/button';
-import {Link} from "@/i18n/navigation";
+import { Button } from '@/components/ui/button';
+import { Link, usePathname } from '@/i18n/navigation';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { useSearchParams } from 'next/navigation';
 
 interface PaginationProps {
     currentPage: number;
     totalPages: number;
 }
 
-export function Pagination({currentPage, totalPages}: PaginationProps) {
+export function Pagination({ currentPage, totalPages }: PaginationProps) {
     const pathname = usePathname();
     const searchParams = useSearchParams();
 
@@ -27,11 +26,7 @@ export function Pagination({currentPage, totalPages}: PaginationProps) {
         const rangeWithDots = [];
 
         for (let i = 1; i <= totalPages; i++) {
-            if (
-                i === 1 ||
-                i === totalPages ||
-                (i >= currentPage - delta && i <= currentPage + delta)
-            ) {
+            if (i === 1 || i === totalPages || (i >= currentPage - delta && i <= currentPage + delta)) {
                 range.push(i);
             }
         }
@@ -52,19 +47,14 @@ export function Pagination({currentPage, totalPages}: PaginationProps) {
 
     return (
         <nav className="flex items-center justify-center gap-2">
-            <Button
-                variant="outline"
-                size="icon"
-                asChild
-                disabled={currentPage === 1}
-            >
+            <Button variant="outline" size="icon" asChild disabled={currentPage === 1}>
                 {currentPage === 1 ? (
                     <span className="cursor-not-allowed">
-                        <ChevronLeft className="h-4 w-4"/>
+                        <ChevronLeft className="h-4 w-4" />
                     </span>
                 ) : (
                     <Link href={createPageUrl(currentPage - 1)} prefetch={false}>
-                        <ChevronLeft className="h-4 w-4"/>
+                        <ChevronLeft className="h-4 w-4" />
                     </Link>
                 )}
             </Button>
@@ -92,25 +82,22 @@ export function Pagination({currentPage, totalPages}: PaginationProps) {
                         {isActive ? (
                             <span>{pageNum}</span>
                         ) : (
-                            <Link href={createPageUrl(pageNum)} prefetch={false}>{pageNum}</Link>
+                            <Link href={createPageUrl(pageNum)} prefetch={false}>
+                                {pageNum}
+                            </Link>
                         )}
                     </Button>
                 );
             })}
 
-            <Button
-                variant="outline"
-                size="icon"
-                asChild
-                disabled={currentPage === totalPages}
-            >
+            <Button variant="outline" size="icon" asChild disabled={currentPage === totalPages}>
                 {currentPage === totalPages ? (
                     <span className="cursor-not-allowed">
-                        <ChevronRight className="h-4 w-4"/>
+                        <ChevronRight className="h-4 w-4" />
                     </span>
                 ) : (
                     <Link href={createPageUrl(currentPage + 1)} prefetch={false}>
-                        <ChevronRight className="h-4 w-4"/>
+                        <ChevronRight className="h-4 w-4" />
                     </Link>
                 )}
             </Button>

package/dist/assets/storefront/src/components/shared/prefetch-link.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import {Link} from '@/i18n/navigation';
+import { Link } from '@/i18n/navigation';
 import { useState, type ComponentProps } from 'react';
 
 type PrefetchLinkProps = ComponentProps<typeof Link>;

package/dist/assets/storefront/src/components/shared/skeletons/search-input-skeleton.tsx

@@ -1,7 +1,5 @@
 import { Skeleton } from '@/components/ui/skeleton';
 
 export function SearchInputSkeleton() {
-    return (
-        <Skeleton className="h-9 w-64" />
-    );
+    return <Skeleton className="h-9 w-64" />;
 }

package/dist/assets/storefront/src/components/ui/accordion.tsx

@@ -1,66 +1,61 @@
-"use client"
+'use client';
 
-import * as React from "react"
-import * as AccordionPrimitive from "@radix-ui/react-accordion"
-import { ChevronDownIcon } from "lucide-react"
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDownIcon } from 'lucide-react';
+import * as React from 'react';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-function Accordion({
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
-  return <AccordionPrimitive.Root data-slot="accordion" {...props} />
+function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {
+    return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
 }
 
-function AccordionItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
-  return (
-    <AccordionPrimitive.Item
-      data-slot="accordion-item"
-      className={cn("border-b last:border-b-0", className)}
-      {...props}
-    />
-  )
+function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>) {
+    return (
+        <AccordionPrimitive.Item
+            data-slot="accordion-item"
+            className={cn('border-b last:border-b-0', className)}
+            {...props}
+        />
+    );
 }
 
 function AccordionTrigger({
-  className,
-  children,
-  ...props
+    className,
+    children,
+    ...props
 }: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
-  return (
-    <AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger
-        data-slot="accordion-trigger"
-        className={cn(
-          "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  )
+    return (
+        <AccordionPrimitive.Header className="flex">
+            <AccordionPrimitive.Trigger
+                data-slot="accordion-trigger"
+                className={cn(
+                    'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
+                    className,
+                )}
+                {...props}
+            >
+                {children}
+                <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
+            </AccordionPrimitive.Trigger>
+        </AccordionPrimitive.Header>
+    );
 }
 
 function AccordionContent({
-  className,
-  children,
-  ...props
+    className,
+    children,
+    ...props
 }: React.ComponentProps<typeof AccordionPrimitive.Content>) {
-  return (
-    <AccordionPrimitive.Content
-      data-slot="accordion-content"
-      className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
-      {...props}
-    >
-      <div className={cn("pt-0 pb-4", className)}>{children}</div>
-    </AccordionPrimitive.Content>
-  )
+    return (
+        <AccordionPrimitive.Content
+            data-slot="accordion-content"
+            className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+            {...props}
+        >
+            <div className={cn('pt-0 pb-4', className)}>{children}</div>
+        </AccordionPrimitive.Content>
+    );
 }
 
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };