@vendure/dashboard 3.2.0 → 3.2.2

package/src/app/routes/_authenticated/_customers/components/customer-group-controls.tsx

@@ -1,4 +1,4 @@
-export function CustomerGroupControls() {
-    return <div>CustomerGroupControls</div>;
-}
-
+export function CustomerGroupControls() {
+    return <div>CustomerGroupControls</div>;
+}
+

package/src/app/routes/_authenticated/_customers/components/customer-history/customer-history-container.tsx

@@ -1,78 +1,78 @@
-import { Alert, AlertDescription } from '@/components/ui/alert.js';
-import { Skeleton } from '@/components/ui/skeleton.js';
-import { Trans } from '@/lib/trans.js';
-import { TriangleAlert } from 'lucide-react';
-import { CustomerHistory } from './customer-history.js';
-import { useCustomerHistory } from './use-customer-history.js';
-import { Button } from '@/components/ui/button.js';
-
-interface CustomerHistoryContainerProps {
-    customerId: string;
-}
-
-export function CustomerHistoryContainer({ customerId }: CustomerHistoryContainerProps) {
-    const {
-        historyEntries,
-        customer,
-        loading,
-        error,
-        addNote,
-        updateNote,
-        deleteNote,
-        fetchNextPage,
-        hasNextPage,
-    } = useCustomerHistory({ customerId, pageSize: 10 });
-
-    if (loading && !customer) {
-        return (
-            <div className="space-y-4">
-                <h2 className="text-xl font-semibold">
-                    <Trans>Customer history</Trans>
-                </h2>
-                <div className="space-y-2">
-                    <Skeleton className="h-20 w-full" />
-                    <Skeleton className="h-24 w-full" />
-                    <Skeleton className="h-24 w-full" />
-                </div>
-            </div>
-        );
-    }
-
-    if (error) {
-        return (
-            <Alert variant="destructive">
-                <TriangleAlert className="h-4 w-4" />
-                <AlertDescription>
-                    <Trans>Error loading customer history: {error.message}</Trans>
-                </AlertDescription>
-            </Alert>
-        );
-    }
-
-    if (!customer) {
-        return (
-            <Alert>
-                <AlertDescription>
-                    <Trans>Customer not found</Trans>
-                </AlertDescription>
-            </Alert>
-        );
-    }
-
-    return (
-        <>
-            <CustomerHistory
-                customer={customer}
-                historyEntries={historyEntries ?? []}
-                onAddNote={addNote}
-                onUpdateNote={updateNote}
-                onDeleteNote={deleteNote}
-            />
-            {hasNextPage && (
-                <Button type="button" variant="outline" onClick={() => fetchNextPage()}>
-                    <Trans>Load more</Trans>
-                </Button>
-            )}
-        </>
-    );
-}
+import { Alert, AlertDescription } from '@/components/ui/alert.js';
+import { Skeleton } from '@/components/ui/skeleton.js';
+import { Trans } from '@/lib/trans.js';
+import { TriangleAlert } from 'lucide-react';
+import { CustomerHistory } from './customer-history.js';
+import { useCustomerHistory } from './use-customer-history.js';
+import { Button } from '@/components/ui/button.js';
+
+interface CustomerHistoryContainerProps {
+    customerId: string;
+}
+
+export function CustomerHistoryContainer({ customerId }: CustomerHistoryContainerProps) {
+    const {
+        historyEntries,
+        customer,
+        loading,
+        error,
+        addNote,
+        updateNote,
+        deleteNote,
+        fetchNextPage,
+        hasNextPage,
+    } = useCustomerHistory({ customerId, pageSize: 10 });
+
+    if (loading && !customer) {
+        return (
+            <div className="space-y-4">
+                <h2 className="text-xl font-semibold">
+                    <Trans>Customer history</Trans>
+                </h2>
+                <div className="space-y-2">
+                    <Skeleton className="h-20 w-full" />
+                    <Skeleton className="h-24 w-full" />
+                    <Skeleton className="h-24 w-full" />
+                </div>
+            </div>
+        );
+    }
+
+    if (error) {
+        return (
+            <Alert variant="destructive">
+                <TriangleAlert className="h-4 w-4" />
+                <AlertDescription>
+                    <Trans>Error loading customer history: {error.message}</Trans>
+                </AlertDescription>
+            </Alert>
+        );
+    }
+
+    if (!customer) {
+        return (
+            <Alert>
+                <AlertDescription>
+                    <Trans>Customer not found</Trans>
+                </AlertDescription>
+            </Alert>
+        );
+    }
+
+    return (
+        <>
+            <CustomerHistory
+                customer={customer}
+                historyEntries={historyEntries ?? []}
+                onAddNote={addNote}
+                onUpdateNote={updateNote}
+                onDeleteNote={deleteNote}
+            />
+            {hasNextPage && (
+                <Button type="button" variant="outline" onClick={() => fetchNextPage()}>
+                    <Trans>Load more</Trans>
+                </Button>
+            )}
+        </>
+    );
+}

package/src/app/routes/_authenticated/_customers/components/customer-history/customer-history.tsx

@@ -1,77 +1,77 @@
-import { HistoryEntry, HistoryEntryItem } from '@/components/shared/history-timeline/history-entry.js';
-import { HistoryNoteInput } from '@/components/shared/history-timeline/history-note-input.js';
-import { HistoryTimeline } from '@/components/shared/history-timeline/history-timeline.js';
-import { Badge } from '@/components/ui/badge.js';
-import { Trans } from '@/lib/trans.js';
-import { CheckIcon, SquarePen } from 'lucide-react';
-
-interface CustomerHistoryProps {
-    customer: {
-        id: string;
-    };
-    historyEntries: Array<HistoryEntryItem>;
-    onAddNote: (note: string, isPrivate: boolean) => void;
-    onUpdateNote?: (entryId: string, note: string, isPrivate: boolean) => void;
-    onDeleteNote?: (entryId: string) => void;
-}
-
-export function CustomerHistory({ historyEntries, onAddNote, onUpdateNote, onDeleteNote }: CustomerHistoryProps) {
-    const getTimelineIcon = (entry: CustomerHistoryProps['historyEntries'][0]) => {
-        switch (entry.type) {
-            case 'CUSTOMER_NOTE':
-                return <SquarePen className="h-4 w-4" />;
-            default:
-                return <CheckIcon className="h-4 w-4" />;
-        }
-    };
-
-    const getTitle = (entry: CustomerHistoryProps['historyEntries'][0]) => {
-        switch (entry.type) {
-            case 'CUSTOMER_NOTE':
-                return <Trans>Note added</Trans>;
-            default:
-                return <Trans>{entry.type.replace(/_/g, ' ').toLowerCase()}</Trans>;
-        }
-    };
-
-    return (
-        <div className="">
-            <div className="mb-4">
-                <HistoryNoteInput onAddNote={onAddNote} />
-            </div>
-            <HistoryTimeline onEditNote={onUpdateNote} onDeleteNote={onDeleteNote}>
-                {historyEntries.map(entry => (
-                    <HistoryEntry
-                        key={entry.id}
-                        entry={entry}
-                        isNoteEntry={entry.type === 'CUSTOMER_NOTE'}
-                        timelineIcon={getTimelineIcon(entry)}
-                        title={getTitle(entry)}
-                    >
-                        {entry.type === 'CUSTOMER_NOTE' && (
-                            <div className="flex items-center space-x-2">
-                                <Badge variant={entry.isPublic ? 'outline' : 'secondary'} className="text-xs">
-                                    {entry.isPublic ? 'Public' : 'Private'}
-                                </Badge>
-                                <span>{entry.data.note}</span>
-                            </div>
-                        )}
-                        <div className="text-sm text-muted-foreground">
-                            {entry.type === 'CUSTOMER_NOTE' && (
-                                <Trans>
-                                    From {entry.data.from} to {entry.data.to}
-                                </Trans>
-                            )}
-                            {entry.type === 'ORDER_PAYMENT_TRANSITION' && (
-                                <Trans>
-                                    Payment #{entry.data.paymentId} transitioned to {entry.data.to}
-                                </Trans>
-                            )}
-                        </div>
-                    </HistoryEntry>
-                ))}
-                
-            </HistoryTimeline>
-        </div>
-    );
-}
+import { HistoryEntry, HistoryEntryItem } from '@/components/shared/history-timeline/history-entry.js';
+import { HistoryNoteInput } from '@/components/shared/history-timeline/history-note-input.js';
+import { HistoryTimeline } from '@/components/shared/history-timeline/history-timeline.js';
+import { Badge } from '@/components/ui/badge.js';
+import { Trans } from '@/lib/trans.js';
+import { CheckIcon, SquarePen } from 'lucide-react';
+
+interface CustomerHistoryProps {
+    customer: {
+        id: string;
+    };
+    historyEntries: Array<HistoryEntryItem>;
+    onAddNote: (note: string, isPrivate: boolean) => void;
+    onUpdateNote?: (entryId: string, note: string, isPrivate: boolean) => void;
+    onDeleteNote?: (entryId: string) => void;
+}
+
+export function CustomerHistory({ historyEntries, onAddNote, onUpdateNote, onDeleteNote }: CustomerHistoryProps) {
+    const getTimelineIcon = (entry: CustomerHistoryProps['historyEntries'][0]) => {
+        switch (entry.type) {
+            case 'CUSTOMER_NOTE':
+                return <SquarePen className="h-4 w-4" />;
+            default:
+                return <CheckIcon className="h-4 w-4" />;
+        }
+    };
+
+    const getTitle = (entry: CustomerHistoryProps['historyEntries'][0]) => {
+        switch (entry.type) {
+            case 'CUSTOMER_NOTE':
+                return <Trans>Note added</Trans>;
+            default:
+                return <Trans>{entry.type.replace(/_/g, ' ').toLowerCase()}</Trans>;
+        }
+    };
+
+    return (
+        <div className="">
+            <div className="mb-4">
+                <HistoryNoteInput onAddNote={onAddNote} />
+            </div>
+            <HistoryTimeline onEditNote={onUpdateNote} onDeleteNote={onDeleteNote}>
+                {historyEntries.map(entry => (
+                    <HistoryEntry
+                        key={entry.id}
+                        entry={entry}
+                        isNoteEntry={entry.type === 'CUSTOMER_NOTE'}
+                        timelineIcon={getTimelineIcon(entry)}
+                        title={getTitle(entry)}
+                    >
+                        {entry.type === 'CUSTOMER_NOTE' && (
+                            <div className="flex items-center space-x-2">
+                                <Badge variant={entry.isPublic ? 'outline' : 'secondary'} className="text-xs">
+                                    {entry.isPublic ? 'Public' : 'Private'}
+                                </Badge>
+                                <span>{entry.data.note}</span>
+                            </div>
+                        )}
+                        <div className="text-sm text-muted-foreground">
+                            {entry.type === 'CUSTOMER_NOTE' && (
+                                <Trans>
+                                    From {entry.data.from} to {entry.data.to}
+                                </Trans>
+                            )}
+                            {entry.type === 'ORDER_PAYMENT_TRANSITION' && (
+                                <Trans>
+                                    Payment #{entry.data.paymentId} transitioned to {entry.data.to}
+                                </Trans>
+                            )}
+                        </div>
+                    </HistoryEntry>
+                ))}
+                
+            </HistoryTimeline>
+        </div>
+    );
+}

package/src/app/routes/_authenticated/_customers/components/customer-history/index.ts

@@ -1,3 +1,3 @@
-export * from './customer-history.js';
-export * from './customer-history-container.js';
-export * from './use-customer-history.js';
+export * from './customer-history.js';
+export * from './customer-history-container.js';
+export * from './use-customer-history.js';

package/src/app/routes/_authenticated/_customers/components/customer-history/use-customer-history.ts

@@ -1,169 +1,169 @@
-import { api } from '@/graphql/api.js';
-import { graphql, ResultOf } from '@/graphql/graphql.js';
-import { useLingui } from '@/lib/trans.js';
-import { useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query';
-import { useState } from 'react';
-import { toast } from 'sonner';
-
-import { customerHistoryDocument } from '../../customers.graphql.js';
-// Simplified mutation definitions - adjust based on your actual schema
-const addCustomerNoteDocument = graphql(`
-    mutation AddCustomerNote($customerId: ID!, $note: String!, $isPublic: Boolean!) {
-        addNoteToCustomer(input: { id: $customerId, note: $note, isPublic: $isPublic }) {
-            id
-            history(options: { take: 1, sort: { createdAt: DESC } }) {
-                items {
-                    id
-                    createdAt
-                    type
-                    isPublic
-                    data
-                }
-            }
-        }
-    }
-`);
-
-const updateCustomerNoteDocument = graphql(`
-    mutation UpdateCustomerNote($noteId: ID!, $note: String!) {
-        updateCustomerNote(input: { noteId: $noteId, note: $note }) {
-            id
-        }
-    }
-`);
-
-const deleteCustomerNoteDocument = graphql(`
-    mutation DeleteCustomerNote($noteId: ID!) {
-        deleteCustomerNote(id: $noteId) {
-            result
-            message
-        }
-    }
-`);
-
-export interface UseCustomerHistoryResult {
-    historyEntries: NonNullable<ResultOf<typeof customerHistoryDocument>['customer']>['history']['items'];
-    customer: ResultOf<typeof customerHistoryDocument>['customer'];
-    loading: boolean;
-    error: Error | null;
-    addNote: (note: string, isPrivate: boolean) => void;
-    updateNote: (noteId: string, note: string, isPrivate: boolean) => void;
-    deleteNote: (noteId: string) => void;
-    refetch: () => void;
-    fetchNextPage: () => void;
-    hasNextPage: boolean;
-}
-
-export function useCustomerHistory({
-    customerId,
-    pageSize = 10,
-}: {
-    customerId: string;
-    pageSize?: number;
-}): UseCustomerHistoryResult {
-    const [isLoading, setIsLoading] = useState(false);
-    const { i18n } = useLingui();
-
-    // Fetch order history
-    const {
-        data,
-        isLoading: isLoadingQuery,
-        error,
-        refetch,
-        fetchNextPage,
-        hasNextPage,
-    } = useInfiniteQuery({
-        queryFn: ({ pageParam = 0 }) =>
-            api.query(customerHistoryDocument, {
-                id: customerId,
-                options: {
-                    sort: { createdAt: 'DESC' },
-                    skip: pageParam * pageSize,
-                    take: pageSize,
-                },
-            }),
-        queryKey: ['CustomerHistory', customerId],
-        initialPageParam: 0,
-        getNextPageParam: (lastPage, pages, lastPageParam) => {
-            const totalItems = lastPage.customer?.history?.totalItems ?? 0;
-            const currentMaxItem = (lastPageParam + 1) * pageSize;
-            const nextPage = lastPageParam + 1;
-            return currentMaxItem < totalItems ? nextPage : undefined;
-        },
-    });
-
-    // Add note mutation
-    const { mutate: addNoteMutation } = useMutation({
-        mutationFn: api.mutate(addCustomerNoteDocument),
-        onSuccess: () => {
-            toast.success(i18n.t('Note added successfully'));
-            void refetch();
-        },
-        onError: () => {
-            toast.error(i18n.t('Failed to add note'));
-        },
-    });
-
-    const addNote = (note: string, isPrivate: boolean) => {
-        setIsLoading(true);
-        addNoteMutation({
-            customerId,
-            note,
-            isPublic: !isPrivate,
-        });
-    };
-
-    // Update note mutation
-    const { mutate: updateNoteMutation } = useMutation({
-        mutationFn: api.mutate(updateCustomerNoteDocument),
-        onSuccess: () => {
-            toast.success(i18n.t('Note updated successfully'));
-            void refetch();
-        },
-        onError: () => {
-            toast.error(i18n.t('Failed to update note'));
-        },
-    });
-    const updateNote = (noteId: string, note: string, isPrivate: boolean) => {
-        setIsLoading(true);
-
-        updateNoteMutation({
-            noteId,
-            note,
-        });
-    };
-
-    // Delete note mutation
-    const { mutate: deleteNoteMutation } = useMutation({
-        mutationFn: api.mutate(deleteCustomerNoteDocument),
-        onSuccess: () => {
-            toast.success(i18n.t('Note deleted successfully'));
-            void refetch();
-        },
-        onError: () => {
-            toast.error(i18n.t('Failed to delete note'));
-        },
-    });
-    const deleteNote = (noteId: string) => {
-        setIsLoading(true);
-        deleteNoteMutation({
-            noteId,
-        });
-    };
-
-    const historyEntries =
-        data?.pages.flatMap(page => page.customer?.history?.items).filter(x => x != null) ?? [];
-
-    return {
-        historyEntries,
-        customer: data?.pages[0]?.customer ?? null,
-        loading: isLoadingQuery || isLoading,
-        error,
-        addNote,
-        updateNote,
-        deleteNote,
-        refetch,
-        fetchNextPage,
-        hasNextPage,
-    };
-}
+import { api } from '@/graphql/api.js';
+import { graphql, ResultOf } from '@/graphql/graphql.js';
+import { useLingui } from '@/lib/trans.js';
+import { useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query';
+import { useState } from 'react';
+import { toast } from 'sonner';
+
+import { customerHistoryDocument } from '../../customers.graphql.js';
+// Simplified mutation definitions - adjust based on your actual schema
+const addCustomerNoteDocument = graphql(`
+    mutation AddCustomerNote($customerId: ID!, $note: String!, $isPublic: Boolean!) {
+        addNoteToCustomer(input: { id: $customerId, note: $note, isPublic: $isPublic }) {
+            id
+            history(options: { take: 1, sort: { createdAt: DESC } }) {
+                items {
+                    id
+                    createdAt
+                    type
+                    isPublic
+                    data
+                }
+            }
+        }
+    }
+`);
+
+const updateCustomerNoteDocument = graphql(`
+    mutation UpdateCustomerNote($noteId: ID!, $note: String!) {
+        updateCustomerNote(input: { noteId: $noteId, note: $note }) {
+            id
+        }
+    }
+`);
+
+const deleteCustomerNoteDocument = graphql(`
+    mutation DeleteCustomerNote($noteId: ID!) {
+        deleteCustomerNote(id: $noteId) {
+            result
+            message
+        }
+    }
+`);
+
+export interface UseCustomerHistoryResult {
+    historyEntries: NonNullable<ResultOf<typeof customerHistoryDocument>['customer']>['history']['items'];
+    customer: ResultOf<typeof customerHistoryDocument>['customer'];
+    loading: boolean;
+    error: Error | null;
+    addNote: (note: string, isPrivate: boolean) => void;
+    updateNote: (noteId: string, note: string, isPrivate: boolean) => void;
+    deleteNote: (noteId: string) => void;
+    refetch: () => void;
+    fetchNextPage: () => void;
+    hasNextPage: boolean;
+}
+
+export function useCustomerHistory({
+    customerId,
+    pageSize = 10,
+}: {
+    customerId: string;
+    pageSize?: number;
+}): UseCustomerHistoryResult {
+    const [isLoading, setIsLoading] = useState(false);
+    const { i18n } = useLingui();
+
+    // Fetch order history
+    const {
+        data,
+        isLoading: isLoadingQuery,
+        error,
+        refetch,
+        fetchNextPage,
+        hasNextPage,
+    } = useInfiniteQuery({
+        queryFn: ({ pageParam = 0 }) =>
+            api.query(customerHistoryDocument, {
+                id: customerId,
+                options: {
+                    sort: { createdAt: 'DESC' },
+                    skip: pageParam * pageSize,
+                    take: pageSize,
+                },
+            }),
+        queryKey: ['CustomerHistory', customerId],
+        initialPageParam: 0,
+        getNextPageParam: (lastPage, pages, lastPageParam) => {
+            const totalItems = lastPage.customer?.history?.totalItems ?? 0;
+            const currentMaxItem = (lastPageParam + 1) * pageSize;
+            const nextPage = lastPageParam + 1;
+            return currentMaxItem < totalItems ? nextPage : undefined;
+        },
+    });
+
+    // Add note mutation
+    const { mutate: addNoteMutation } = useMutation({
+        mutationFn: api.mutate(addCustomerNoteDocument),
+        onSuccess: () => {
+            toast.success(i18n.t('Note added successfully'));
+            void refetch();
+        },
+        onError: () => {
+            toast.error(i18n.t('Failed to add note'));
+        },
+    });
+
+    const addNote = (note: string, isPrivate: boolean) => {
+        setIsLoading(true);
+        addNoteMutation({
+            customerId,
+            note,
+            isPublic: !isPrivate,
+        });
+    };
+
+    // Update note mutation
+    const { mutate: updateNoteMutation } = useMutation({
+        mutationFn: api.mutate(updateCustomerNoteDocument),
+        onSuccess: () => {
+            toast.success(i18n.t('Note updated successfully'));
+            void refetch();
+        },
+        onError: () => {
+            toast.error(i18n.t('Failed to update note'));
+        },
+    });
+    const updateNote = (noteId: string, note: string, isPrivate: boolean) => {
+        setIsLoading(true);
+
+        updateNoteMutation({
+            noteId,
+            note,
+        });
+    };
+
+    // Delete note mutation
+    const { mutate: deleteNoteMutation } = useMutation({
+        mutationFn: api.mutate(deleteCustomerNoteDocument),
+        onSuccess: () => {
+            toast.success(i18n.t('Note deleted successfully'));
+            void refetch();
+        },
+        onError: () => {
+            toast.error(i18n.t('Failed to delete note'));
+        },
+    });
+    const deleteNote = (noteId: string) => {
+        setIsLoading(true);
+        deleteNoteMutation({
+            noteId,
+        });
+    };
+
+    const historyEntries =
+        data?.pages.flatMap(page => page.customer?.history?.items).filter(x => x != null) ?? [];
+
+    return {
+        historyEntries,
+        customer: data?.pages[0]?.customer ?? null,
+        loading: isLoadingQuery || isLoading,
+        error,
+        addNote,
+        updateNote,
+        deleteNote,
+        refetch,
+        fetchNextPage,
+        hasNextPage,
+    };
+}