@vendure-platform/create 0.5.0 → 0.5.1

package/dist/assets/storefront/src/app/[locale]/account/shared-carts/[id]/rename-dialog.tsx

@@ -1,14 +1,21 @@
 'use client';
 
-import {useState, useTransition} from 'react';
-import {toast} from 'sonner';
-import {Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle} from '@/components/ui/dialog';
-import {Button} from '@/components/ui/button';
-import {Input} from '@/components/ui/input';
-import {Textarea} from '@/components/ui/textarea';
-import {Label} from '@/components/ui/label';
-import {Loader2} from 'lucide-react';
-import {renameSharedCart} from '../actions';
+import { Button } from '@/components/ui/button';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+} from '@/components/ui/dialog';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Loader2 } from 'lucide-react';
+import { useState, useTransition } from 'react';
+import { toast } from 'sonner';
+import { renameSharedCart } from '../actions';
 
 export function RenameSharedCartDialog({
     open,
@@ -62,26 +69,40 @@ export function RenameSharedCartDialog({
                 <form onSubmit={handleSubmit}>
                     <DialogHeader>
                         <DialogTitle>Rename shared cart</DialogTitle>
-                        <DialogDescription>Update the name and description your colleagues see.</DialogDescription>
+                        <DialogDescription>
+                            Update the name and description your colleagues see.
+                        </DialogDescription>
                     </DialogHeader>
                     <div className="space-y-4 py-4">
                         <div className="space-y-2">
                             <Label htmlFor="rename-name">Name</Label>
-                            <Input id="rename-name" value={name} onChange={e => setName(e.target.value)} maxLength={255} required autoFocus />
+                            <Input
+                                id="rename-name"
+                                value={name}
+                                onChange={(e) => setName(e.target.value)}
+                                maxLength={255}
+                                required
+                                autoFocus
+                            />
                         </div>
                         <div className="space-y-2">
                             <Label htmlFor="rename-description">Description</Label>
                             <Textarea
                                 id="rename-description"
                                 value={description}
-                                onChange={e => setDescription(e.target.value)}
+                                onChange={(e) => setDescription(e.target.value)}
                                 rows={3}
                                 maxLength={1000}
                             />
                         </div>
                     </div>
                     <DialogFooter>
-                        <Button type="button" variant="ghost" onClick={() => onOpenChange(false)} disabled={isPending}>
+                        <Button
+                            type="button"
+                            variant="ghost"
+                            onClick={() => onOpenChange(false)}
+                            disabled={isPending}
+                        >
                             Cancel
                         </Button>
                         <Button type="submit" disabled={!name.trim() || isPending}>

package/dist/assets/storefront/src/app/[locale]/account/shared-carts/actions.ts

@@ -1,28 +1,33 @@
 'use server';
 
-import {client} from '@/lib/vendure/api';
+import { roleAtLeast } from '@/components/commerce/shared-cart-role';
+import { readFragment, type ResultOf } from '@/graphql';
+import { getActiveCustomer } from '@/lib/vendure/actions';
+import { client } from '@/lib/vendure/api';
+import { CompanyUserFragment } from '@/lib/vendure/fragments';
 import {
-    CreateSharedCartMutation,
-    UpdateSharedCartMutation,
-    DeleteSharedCartMutation,
     AddItemToSharedCartMutation,
+    AddSharedCartMemberMutation,
     AdjustSharedCartLineMutation,
+    CreateSharedCartMutation,
+    DeleteSharedCartMutation,
+    InitiateSharedCartCheckoutMutation,
     RemoveSharedCartLineMutation,
-    AddSharedCartMemberMutation,
     RemoveSharedCartMemberMutation,
     SetSharedCartMemberRoleMutation,
     TransferSharedCartOwnershipMutation,
-    InitiateSharedCartCheckoutMutation,
+    UpdateSharedCartMutation,
 } from '@/lib/vendure/mutations';
-import {GetSharedCartQuery, GetMySharedCartsQuery, SearchVariantsQuery, GetShopCompanyUsersQuery} from '@/lib/vendure/queries';
-import {CompanyUserFragment} from '@/lib/vendure/fragments';
-import {getActiveCustomer} from '@/lib/vendure/actions';
-import {roleAtLeast} from '@/components/commerce/shared-cart-role';
-import {readFragment, type ResultOf} from '@/graphql';
-import {revalidatePath, updateTag} from 'next/cache';
+import {
+    GetMySharedCartsQuery,
+    GetSharedCartQuery,
+    GetShopCompanyUsersQuery,
+    SearchVariantsQuery,
+} from '@/lib/vendure/queries';
+import { revalidatePath, updateTag } from 'next/cache';
 
 export type SharedCartRole = 'view' | 'edit' | 'checkout';
-type ActionResult = {success: boolean; message?: string; id?: string};
+type ActionResult = { success: boolean; message?: string; id?: string };
 
 function invalidateCart() {
     updateTag('cart');
@@ -39,7 +44,7 @@ function revalidateCart(id: string) {
 export type SharedCartData = NonNullable<ResultOf<typeof GetSharedCartQuery>['sharedCart']>;
 
 export async function fetchSharedCart(id: string): Promise<SharedCartData | null> {
-    const [result, error] = await client.query(GetSharedCartQuery, {id});
+    const [result, error] = await client.query(GetSharedCartQuery, { id });
     if (error) return null;
     return result.data.sharedCart ?? null;
 }
@@ -48,11 +53,11 @@ export async function fetchSharedCart(id: string): Promise<SharedCartData | null
 
 export async function createSharedCart(name: string, description?: string): Promise<ActionResult> {
     const [result, error] = await client.mutate(CreateSharedCartMutation, {
-        input: {name, description: description || undefined},
+        input: { name, description: description || undefined },
     });
-    if (error) return {success: false, message: error.message};
+    if (error) return { success: false, message: error.message };
     revalidatePath('/account/shared-carts');
-    return {success: true, id: result.data.createSharedCart.id};
+    return { success: true, id: result.data.createSharedCart.id };
 }
 
 /**
@@ -64,7 +69,7 @@ export async function createSharedCart(name: string, description?: string): Prom
 export async function shareMyCart(
     name: string,
     description: string | undefined,
-    lines: Array<{productVariantId: string; quantity: number}>,
+    lines: Array<{ productVariantId: string; quantity: number }>,
 ): Promise<ActionResult> {
     const created = await createSharedCart(name, description);
     if (!created.success || !created.id) return created;
@@ -75,36 +80,52 @@ export async function shareMyCart(
             quantity: line.quantity,
         });
         if (err) {
-            return {success: false, message: `Cart created, but an item couldn't be copied: ${err.message}`, id: created.id};
+            return {
+                success: false,
+                message: `Cart created, but an item couldn't be copied: ${err.message}`,
+                id: created.id,
+            };
         }
     }
     revalidatePath('/account/shared-carts');
-    return {success: true, id: created.id};
+    return { success: true, id: created.id };
 }
 
-export async function renameSharedCart(id: string, name: string, description?: string): Promise<ActionResult> {
+export async function renameSharedCart(
+    id: string,
+    name: string,
+    description?: string,
+): Promise<ActionResult> {
     const [, error] = await client.mutate(UpdateSharedCartMutation, {
-        input: {id, name, description: description || undefined},
+        input: { id, name, description: description || undefined },
     });
-    if (error) return {success: false, message: error.message};
+    if (error) return { success: false, message: error.message };
     revalidateCart(id);
-    return {success: true};
+    return { success: true };
 }
 
 export async function deleteSharedCart(id: string): Promise<ActionResult> {
-    const [, error] = await client.mutate(DeleteSharedCartMutation, {id});
-    if (error) return {success: false, message: error.message};
+    const [, error] = await client.mutate(DeleteSharedCartMutation, { id });
+    if (error) return { success: false, message: error.message };
     revalidatePath('/account/shared-carts');
-    return {success: true};
+    return { success: true };
 }
 
 // --- Lines (role >= edit; server enforces) ---------------------------------
 
-export async function addItemToSharedCart(sharedCartId: string, productVariantId: string, quantity: number): Promise<ActionResult> {
-    const [, error] = await client.mutate(AddItemToSharedCartMutation, {sharedCartId, productVariantId, quantity});
-    if (error) return {success: false, message: error.message};
+export async function addItemToSharedCart(
+    sharedCartId: string,
+    productVariantId: string,
+    quantity: number,
+): Promise<ActionResult> {
+    const [, error] = await client.mutate(AddItemToSharedCartMutation, {
+        sharedCartId,
+        productVariantId,
+        quantity,
+    });
+    if (error) return { success: false, message: error.message };
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
 /**
@@ -115,7 +136,7 @@ export async function addItemToSharedCart(sharedCartId: string, productVariantId
  */
 export async function addItemsToSharedCart(
     sharedCartId: string,
-    lines: Array<{productVariantId: string; quantity: number}>,
+    lines: Array<{ productVariantId: string; quantity: number }>,
 ): Promise<ActionResult> {
     for (const line of lines) {
         const [, error] = await client.mutate(AddItemToSharedCartMutation, {
@@ -123,27 +144,31 @@ export async function addItemsToSharedCart(
             productVariantId: line.productVariantId,
             quantity: line.quantity,
         });
-        if (error) return {success: false, message: error.message};
+        if (error) return { success: false, message: error.message };
     }
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
-export async function adjustSharedCartLine(sharedCartId: string, lineId: string, quantity: number): Promise<ActionResult> {
-    const [, error] = await client.mutate(AdjustSharedCartLineMutation, {sharedCartId, lineId, quantity});
-    if (error) return {success: false, message: error.message};
+export async function adjustSharedCartLine(
+    sharedCartId: string,
+    lineId: string,
+    quantity: number,
+): Promise<ActionResult> {
+    const [, error] = await client.mutate(AdjustSharedCartLineMutation, { sharedCartId, lineId, quantity });
+    if (error) return { success: false, message: error.message };
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
 export async function removeSharedCartLine(sharedCartId: string, lineId: string): Promise<ActionResult> {
-    const [, error] = await client.mutate(RemoveSharedCartLineMutation, {sharedCartId, lineId});
-    if (error) return {success: false, message: error.message};
+    const [, error] = await client.mutate(RemoveSharedCartLineMutation, { sharedCartId, lineId });
+    if (error) return { success: false, message: error.message };
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
-export type EditableSharedCart = {id: string; name: string};
+export type EditableSharedCart = { id: string; name: string };
 
 /**
  * Open carts the viewer can add items to (owner, or member with role >= edit).
@@ -152,15 +177,15 @@ export type EditableSharedCart = {id: string; name: string};
 export async function fetchEditableOpenSharedCarts(): Promise<EditableSharedCart[]> {
     const [customer, [result, error]] = await Promise.all([
         getActiveCustomer(),
-        client.query(GetMySharedCartsQuery, {options: {take: 100, filter: {status: {eq: 'Open'}}}}),
+        client.query(GetMySharedCartsQuery, { options: { take: 100, filter: { status: { eq: 'Open' } } } }),
     ]);
     if (!customer || error) return [];
     return result.data.mySharedCarts.items
-        .filter(cart => {
+        .filter((cart) => {
             if (cart.owner.id === customer.id) return true;
-            return roleAtLeast(cart.members.find(m => m.customer.id === customer.id)?.role, 'edit');
+            return roleAtLeast(cart.members.find((m) => m.customer.id === customer.id)?.role, 'edit');
         })
-        .map(cart => ({id: cart.id, name: cart.name}));
+        .map((cart) => ({ id: cart.id, name: cart.name }));
 }
 
 export type VariantSearchResult = {
@@ -176,18 +201,18 @@ export type VariantSearchResult = {
 
 export async function searchVariantsForSharedCart(term: string): Promise<VariantSearchResult[]> {
     const [result, error] = await client.query(SearchVariantsQuery, {
-        input: {term: term.trim(), take: 10, groupByProduct: false},
+        input: { term: term.trim(), take: 10, groupByProduct: false },
     });
     if (error) return [];
     return result.data.search.items
-        .filter(item => item.price.__typename === 'SinglePrice')
-        .map(item => ({
+        .filter((item) => item.price.__typename === 'SinglePrice')
+        .map((item) => ({
             productVariantId: item.productVariantId,
             productName: item.productName,
             variantName: item.productVariantName,
             sku: item.sku,
             imageUrl: item.productAsset?.preview ?? undefined,
-            price: (item.price as {__typename: 'SinglePrice'; value: number}).value,
+            price: (item.price as { __typename: 'SinglePrice'; value: number }).value,
             currencyCode: item.currencyCode,
             inStock: item.inStock,
         }));
@@ -206,8 +231,8 @@ export async function fetchCompanyMembers(): Promise<CompanyMemberOption[]> {
     const [result, error] = await client.query(GetShopCompanyUsersQuery, {});
     if (error) return [];
     return result.data.shopCompanyUsers
-        .map(user => readFragment(CompanyUserFragment, user))
-        .map(user => ({
+        .map((user) => readFragment(CompanyUserFragment, user))
+        .map((user) => ({
             customerId: user.customer.id,
             firstName: user.customer.firstName,
             lastName: user.customer.lastName,
@@ -215,33 +240,53 @@ export async function fetchCompanyMembers(): Promise<CompanyMemberOption[]> {
         }));
 }
 
-
-export async function addSharedCartMember(sharedCartId: string, customerId: string, role: SharedCartRole): Promise<ActionResult> {
-    const [, error] = await client.mutate(AddSharedCartMemberMutation, {input: {sharedCartId, customerId, role}});
-    if (error) return {success: false, message: error.message};
+export async function addSharedCartMember(
+    sharedCartId: string,
+    customerId: string,
+    role: SharedCartRole,
+): Promise<ActionResult> {
+    const [, error] = await client.mutate(AddSharedCartMemberMutation, {
+        input: { sharedCartId, customerId, role },
+    });
+    if (error) return { success: false, message: error.message };
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
-export async function removeSharedCartMember(sharedCartId: string, customerId: string): Promise<ActionResult> {
-    const [, error] = await client.mutate(RemoveSharedCartMemberMutation, {sharedCartId, customerId});
-    if (error) return {success: false, message: error.message};
+export async function removeSharedCartMember(
+    sharedCartId: string,
+    customerId: string,
+): Promise<ActionResult> {
+    const [, error] = await client.mutate(RemoveSharedCartMemberMutation, { sharedCartId, customerId });
+    if (error) return { success: false, message: error.message };
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
-export async function setSharedCartMemberRole(sharedCartId: string, customerId: string, role: SharedCartRole): Promise<ActionResult> {
-    const [, error] = await client.mutate(SetSharedCartMemberRoleMutation, {input: {sharedCartId, customerId, role}});
-    if (error) return {success: false, message: error.message};
+export async function setSharedCartMemberRole(
+    sharedCartId: string,
+    customerId: string,
+    role: SharedCartRole,
+): Promise<ActionResult> {
+    const [, error] = await client.mutate(SetSharedCartMemberRoleMutation, {
+        input: { sharedCartId, customerId, role },
+    });
+    if (error) return { success: false, message: error.message };
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
-export async function transferSharedCartOwnership(sharedCartId: string, newOwnerCustomerId: string): Promise<ActionResult> {
-    const [, error] = await client.mutate(TransferSharedCartOwnershipMutation, {sharedCartId, newOwnerCustomerId});
-    if (error) return {success: false, message: error.message};
+export async function transferSharedCartOwnership(
+    sharedCartId: string,
+    newOwnerCustomerId: string,
+): Promise<ActionResult> {
+    const [, error] = await client.mutate(TransferSharedCartOwnershipMutation, {
+        sharedCartId,
+        newOwnerCustomerId,
+    });
+    if (error) return { success: false, message: error.message };
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }
 
 // --- Checkout hand-off (role >= checkout; server enforces) -----------------
@@ -252,9 +297,9 @@ export async function transferSharedCartOwnership(sharedCartId: string, newOwner
  * company requires it, runs through the existing approval UI.
  */
 export async function initiateSharedCartCheckout(sharedCartId: string): Promise<ActionResult> {
-    const [, error] = await client.mutate(InitiateSharedCartCheckoutMutation, {sharedCartId});
-    if (error) return {success: false, message: error.message};
+    const [, error] = await client.mutate(InitiateSharedCartCheckoutMutation, { sharedCartId });
+    if (error) return { success: false, message: error.message };
     invalidateCart();
     revalidateCart(sharedCartId);
-    return {success: true};
+    return { success: true };
 }

package/dist/assets/storefront/src/app/[locale]/account/shared-carts/new/new-shared-cart-form.tsx

@@ -1,20 +1,20 @@
 'use client';
 
-import {useState, useTransition} from 'react';
-import {useRouter} from '@/i18n/navigation';
-import {toast} from 'sonner';
-import {Button} from '@/components/ui/button';
-import {Input} from '@/components/ui/input';
-import {Textarea} from '@/components/ui/textarea';
-import {Label} from '@/components/ui/label';
-import {Loader2} from 'lucide-react';
-import {createSharedCart} from '../actions';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { useRouter } from '@/i18n/navigation';
+import { Loader2 } from 'lucide-react';
+import { useState, useTransition } from 'react';
+import { toast } from 'sonner';
+import { createSharedCart } from '../actions';
 
 interface NewSharedCartFormProps {
     defaultName: string;
 }
 
-export function NewSharedCartForm({defaultName}: NewSharedCartFormProps) {
+export function NewSharedCartForm({ defaultName }: NewSharedCartFormProps) {
     const router = useRouter();
     const [name, setName] = useState(defaultName);
     const [description, setDescription] = useState('');
@@ -42,13 +42,15 @@ export function NewSharedCartForm({defaultName}: NewSharedCartFormProps) {
                 <Input
                     id="shared-cart-name"
                     value={name}
-                    onChange={e => setName(e.target.value)}
+                    onChange={(e) => setName(e.target.value)}
                     placeholder="e.g. Q3 office supplies"
                     autoFocus
                     maxLength={255}
                     required
                 />
-                <p className="text-xs text-muted-foreground">Give the cart a name your colleagues will recognise.</p>
+                <p className="text-xs text-muted-foreground">
+                    Give the cart a name your colleagues will recognise.
+                </p>
             </div>
 
             <div className="space-y-2">
@@ -56,7 +58,7 @@ export function NewSharedCartForm({defaultName}: NewSharedCartFormProps) {
                 <Textarea
                     id="shared-cart-description"
                     value={description}
-                    onChange={e => setDescription(e.target.value)}
+                    onChange={(e) => setDescription(e.target.value)}
                     placeholder="What is this cart for?"
                     rows={3}
                     maxLength={1000}
@@ -68,7 +70,12 @@ export function NewSharedCartForm({defaultName}: NewSharedCartFormProps) {
                     {isPending && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
                     Create shared cart
                 </Button>
-                <Button type="button" variant="ghost" onClick={() => router.push('/account/shared-carts')} disabled={isPending}>
+                <Button
+                    type="button"
+                    variant="ghost"
+                    onClick={() => router.push('/account/shared-carts')}
+                    disabled={isPending}
+                >
                     Cancel
                 </Button>
             </div>

package/dist/assets/storefront/src/app/[locale]/account/shared-carts/new/page.tsx

@@ -1,13 +1,13 @@
-import type {Metadata} from 'next';
-import {client} from '@/lib/vendure/api';
-import {readFragment} from '@/graphql';
-import {GetActiveCustomerQuery} from '@/lib/vendure/queries';
-import {ActiveCustomerFragment} from '@/lib/vendure/fragments';
-import {getCompanyAccount} from '@/lib/vendure/actions';
-import {canCreateSharedCarts} from '@/components/commerce/shared-cart-role';
-import {redirect, Link} from '@/i18n/navigation';
-import {ArrowLeft} from 'lucide-react';
-import {NewSharedCartForm} from './new-shared-cart-form';
+import { canCreateSharedCarts } from '@/components/commerce/shared-cart-role';
+import { readFragment } from '@/graphql';
+import { Link, redirect } from '@/i18n/navigation';
+import { getCompanyAccount } from '@/lib/vendure/actions';
+import { client } from '@/lib/vendure/api';
+import { ActiveCustomerFragment } from '@/lib/vendure/fragments';
+import { GetActiveCustomerQuery } from '@/lib/vendure/queries';
+import { ArrowLeft } from 'lucide-react';
+import type { Metadata } from 'next';
+import { NewSharedCartForm } from './new-shared-cart-form';
 
 export const metadata: Metadata = {
     title: 'New Shared Cart',