@vendure-platform/create 0.4.0 → 0.5.1

package/dist/assets/storefront/src/app/[locale]/account/orders/[code]/reorder-dialog.tsx

@@ -7,6 +7,7 @@ import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { useCallback, useEffect, useState, useTransition } from 'react';
 import { toast } from 'sonner';
 
+import { Price } from '@/components/commerce/price';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
@@ -19,7 +20,6 @@ import {
     DialogTitle,
     DialogTrigger,
 } from '@/components/ui/dialog';
-import { Price } from '@/components/commerce/price';
 
 import {
     commitReorder,
@@ -35,12 +35,7 @@ type Props = {
     sourceOrderCode: string;
 };
 
-const COMMIT_ELIGIBLE: ReorderLineStatus[] = [
-    'AVAILABLE',
-    'LOW_STOCK',
-    'PRICE_CHANGED',
-    'SUBSTITUTED',
-];
+const COMMIT_ELIGIBLE: ReorderLineStatus[] = ['AVAILABLE', 'LOW_STOCK', 'PRICE_CHANGED', 'SUBSTITUTED'];
 
 const STATUS_MESSAGE_KEY: Record<ReorderLineStatus, string> = {
     AVAILABLE: 'status.available',
@@ -52,10 +47,7 @@ const STATUS_MESSAGE_KEY: Record<ReorderLineStatus, string> = {
     UNSUPPORTED: 'status.unsupported',
 };
 
-const STATUS_BADGE_VARIANT: Record<
-    ReorderLineStatus,
-    'secondary' | 'outline' | 'destructive'
-> = {
+const STATUS_BADGE_VARIANT: Record<ReorderLineStatus, 'secondary' | 'outline' | 'destructive'> = {
     AVAILABLE: 'secondary',
     LOW_STOCK: 'outline',
     OUT_OF_STOCK: 'destructive',
@@ -142,12 +134,12 @@ export function ReorderDialog({ sourceOrderId, sourceOrderCode }: Props) {
 
     const toggleLine = (line: PreviewLineView) => {
         if (!COMMIT_ELIGIBLE.includes(line.status)) return;
-        setSelected(prev => ({ ...prev, [line.sourceLineId]: !prev[line.sourceLineId] }));
+        setSelected((prev) => ({ ...prev, [line.sourceLineId]: !prev[line.sourceLineId] }));
     };
 
     const setQty = (line: PreviewLineView, quantity: number) => {
         const next = Math.max(1, Math.floor(quantity));
-        setQuantities(prev => ({ ...prev, [line.sourceLineId]: next }));
+        setQuantities((prev) => ({ ...prev, [line.sourceLineId]: next }));
     };
 
     const indicativeSubtotal = (() => {
@@ -163,8 +155,8 @@ export function ReorderDialog({ sourceOrderId, sourceOrderCode }: Props) {
     const handleConfirm = () => {
         if (!preview) return;
         const lines = preview.lines
-            .filter(l => selected[l.sourceLineId] && l.productVariantId != null)
-            .map(l => ({
+            .filter((l) => selected[l.sourceLineId] && l.productVariantId != null)
+            .map((l) => ({
                 sourceLineId: l.sourceLineId,
                 productVariantId: l.productVariantId as string,
                 quantity: quantities[l.sourceLineId] ?? l.quantity,
@@ -193,7 +185,7 @@ export function ReorderDialog({ sourceOrderId, sourceOrderCode }: Props) {
                 // fallback — e.g. "Your cart is in ArrangingPayment and
                 // cannot accept new items" is vastly more useful than
                 // "No items could be added".
-                const specific = serverMessages.find(m => m.type === 'ERROR')?.message;
+                const specific = serverMessages.find((m) => m.type === 'ERROR')?.message;
                 toast.error(specific ?? t('toast.nothingAddable'));
                 return;
             }
@@ -217,9 +209,7 @@ export function ReorderDialog({ sourceOrderId, sourceOrderCode }: Props) {
                 </DialogHeader>
 
                 {isLoadingPreview && (
-                    <p className="py-8 text-center text-sm text-muted-foreground">
-                        {t('dialog.loading')}
-                    </p>
+                    <p className="py-8 text-center text-sm text-muted-foreground">{t('dialog.loading')}</p>
                 )}
 
                 {loadError && (
@@ -230,33 +220,25 @@ export function ReorderDialog({ sourceOrderId, sourceOrderCode }: Props) {
                 )}
 
                 {preview && !isLoadingPreview && preview.lines.length === 0 && (
-                    <p className="py-8 text-center text-sm text-muted-foreground">
-                        {t('dialog.empty')}
-                    </p>
+                    <p className="py-8 text-center text-sm text-muted-foreground">{t('dialog.empty')}</p>
                 )}
 
-                {preview &&
-                    !isLoadingPreview &&
-                    preview.lines.length > 0 &&
-                    preview.availableCount === 0 && (
-                        <div className="flex items-start gap-2 rounded-md border border-muted bg-muted/30 p-3 text-sm">
-                            <AlertCircle className="h-4 w-4 mt-0.5" />
-                            <span>{t('dialog.noneAvailable')}</span>
-                        </div>
-                    )}
+                {preview && !isLoadingPreview && preview.lines.length > 0 && preview.availableCount === 0 && (
+                    <div className="flex items-start gap-2 rounded-md border border-muted bg-muted/30 p-3 text-sm">
+                        <AlertCircle className="h-4 w-4 mt-0.5" />
+                        <span>{t('dialog.noneAvailable')}</span>
+                    </div>
+                )}
 
                 {preview && !isLoadingPreview && preview.lines.length > 0 && (
                     <>
                         <div className="max-h-[50vh] overflow-y-auto divide-y">
-                            {preview.lines.map(line => {
+                            {preview.lines.map((line) => {
                                 const isEligible = COMMIT_ELIGIBLE.includes(line.status);
                                 const qty = quantities[line.sourceLineId] ?? line.quantity;
                                 const productName = line.productName ?? t('dialog.discontinuedFallback');
                                 return (
-                                    <div
-                                        key={line.sourceLineId}
-                                        className="flex gap-3 py-3 items-start"
-                                    >
+                                    <div key={line.sourceLineId} className="flex gap-3 py-3 items-start">
                                         <div className="pt-1">
                                             <Checkbox
                                                 checked={selected[line.sourceLineId] ?? false}
@@ -322,7 +304,7 @@ export function ReorderDialog({ sourceOrderId, sourceOrderCode }: Props) {
                                                 type="number"
                                                 min={1}
                                                 value={qty}
-                                                onChange={e => setQty(line, Number(e.target.value))}
+                                                onChange={(e) => setQty(line, Number(e.target.value))}
                                                 disabled={!isEligible}
                                                 className="w-20 rounded-md border px-2 py-1 text-right text-sm disabled:opacity-50"
                                                 aria-label={t('dialog.quantityAriaLabel', {
@@ -354,25 +336,17 @@ export function ReorderDialog({ sourceOrderId, sourceOrderCode }: Props) {
                                 </span>
                                 <span>
                                     {t('dialog.indicativeTotalLabel')}{' '}
-                                    <Price
-                                        value={indicativeSubtotal}
-                                        currencyCode={preview.currencyCode}
-                                    />
+                                    <Price value={indicativeSubtotal} currencyCode={preview.currencyCode} />
                                 </span>
                             </div>
-                            <p className="mt-1 text-xs text-muted-foreground">
-                                {t('dialog.disclaimer')}
-                            </p>
+                            <p className="mt-1 text-xs text-muted-foreground">{t('dialog.disclaimer')}</p>
                         </div>
 
                         <DialogFooter>
                             <Button variant="ghost" onClick={() => setOpen(false)}>
                                 {t('dialog.cancel')}
                             </Button>
-                            <Button
-                                onClick={handleConfirm}
-                                disabled={isCommitting || selectedCount === 0}
-                            >
+                            <Button onClick={handleConfirm} disabled={isCommitting || selectedCount === 0}>
                                 {isCommitting
                                     ? t('dialog.adding')
                                     : t('dialog.addToCart', { count: selectedCount })}

package/dist/assets/storefront/src/app/[locale]/account/orders/loading.tsx

@@ -1,5 +1,5 @@
-import {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from '@/components/ui/table';
-import {Skeleton} from '@/components/ui/skeleton';
+import { Skeleton } from '@/components/ui/skeleton';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 
 export default function OrdersLoading() {
     return (
@@ -18,22 +18,22 @@ export default function OrdersLoading() {
                         </TableRow>
                     </TableHeader>
                     <TableBody>
-                        {Array.from({length: 5}).map((_, i) => (
+                        {Array.from({ length: 5 }).map((_, i) => (
                             <TableRow key={i}>
                                 <TableCell>
-                                    <Skeleton className="h-9 w-32"/>
+                                    <Skeleton className="h-9 w-32" />
                                 </TableCell>
                                 <TableCell>
-                                    <Skeleton className="h-4 w-24"/>
+                                    <Skeleton className="h-4 w-24" />
                                 </TableCell>
                                 <TableCell>
-                                    <Skeleton className="h-6 w-20"/>
+                                    <Skeleton className="h-6 w-20" />
                                 </TableCell>
                                 <TableCell>
-                                    <Skeleton className="h-4 w-16"/>
+                                    <Skeleton className="h-4 w-16" />
                                 </TableCell>
                                 <TableCell className="text-right">
-                                    <Skeleton className="h-4 w-20 ml-auto"/>
+                                    <Skeleton className="h-4 w-20 ml-auto" />
                                 </TableCell>
                             </TableRow>
                         ))}

package/dist/assets/storefront/src/app/[locale]/account/orders/page.tsx

@@ -1,9 +1,6 @@
-import type {Metadata} from 'next';
-import {Suspense} from 'react';
-import {client} from '@/lib/vendure/api';
-import {GetCustomerOrdersQuery, GetCompanyOrdersQuery} from '@/lib/vendure/queries';
-import {getActiveCustomer, getCompanyAccount} from '@/lib/vendure/actions';
-import {Table, TableBody, TableCell, TableHead, TableHeader, TableRow,} from '@/components/ui/table';
+import { ErrorState } from '@/components/shared/error-state';
+import { Button } from '@/components/ui/button';
+import { EmptyState } from '@/components/ui/empty-state';
 import {
     Pagination,
     PaginationContent,
@@ -13,17 +10,19 @@ import {
     PaginationNext,
     PaginationPrevious,
 } from '@/components/ui/pagination';
-import {RotateCcw, ShoppingBag} from "lucide-react";
-import {Button} from '@/components/ui/button';
-import {EmptyState} from '@/components/ui/empty-state';
-import {ErrorState} from '@/components/shared/error-state';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { getActiveCustomer, getCompanyAccount } from '@/lib/vendure/actions';
+import { client } from '@/lib/vendure/api';
+import { GetCompanyOrdersQuery, GetCustomerOrdersQuery } from '@/lib/vendure/queries';
+import { RotateCcw, ShoppingBag } from 'lucide-react';
+import type { Metadata } from 'next';
+import { Suspense } from 'react';
 
-import {Price} from '@/components/commerce/price';
-import {OrderStatusBadge} from '@/components/commerce/order-status-badge';
-import {formatDate} from '@/lib/format';
-import {getTranslations, setRequestLocale} from 'next-intl/server';
-import {Link} from "@/i18n/navigation";
-import {redirect} from "@/i18n/navigation";
+import { OrderStatusBadge } from '@/components/commerce/order-status-badge';
+import { Price } from '@/components/commerce/price';
+import { Link, redirect } from '@/i18n/navigation';
+import { formatDate } from '@/lib/format';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
 
 export const metadata: Metadata = {
     title: 'Orders',
@@ -51,7 +50,17 @@ const REORDERABLE_STATES = new Set([
     'Delivered',
 ]);
 
-function OrderTable({orders, locale, t, tReorder}: {orders: OrderRow[]; locale: string; t: Awaited<ReturnType<typeof getTranslations<'Account'>>>; tReorder: Awaited<ReturnType<typeof getTranslations<'Reorder'>>>}) {
+function OrderTable({
+    orders,
+    locale,
+    t,
+    tReorder,
+}: {
+    orders: OrderRow[];
+    locale: string;
+    t: Awaited<ReturnType<typeof getTranslations<'Account'>>>;
+    tReorder: Awaited<ReturnType<typeof getTranslations<'Reorder'>>>;
+}) {
     return (
         <div className="border rounded-lg">
             <Table>
@@ -62,7 +71,9 @@ function OrderTable({orders, locale, t, tReorder}: {orders: OrderRow[]; locale:
                         <TableHead>{t('date')}</TableHead>
                         <TableHead>{t('status')}</TableHead>
                         <TableHead className="text-right">{t('totalHeader')}</TableHead>
-                        <TableHead className="text-right w-28"><span className="sr-only">Actions</span></TableHead>
+                        <TableHead className="text-right w-28">
+                            <span className="sr-only">Actions</span>
+                        </TableHead>
                     </TableRow>
                 </TableHeader>
                 <TableBody>
@@ -78,15 +89,21 @@ function OrderTable({orders, locale, t, tReorder}: {orders: OrderRow[]; locale:
                             </TableCell>
                             <TableCell className="text-sm">{order.placedBy}</TableCell>
                             <TableCell>{formatDate(order.createdAt, locale)}</TableCell>
-                            <TableCell><OrderStatusBadge state={order.state}/></TableCell>
+                            <TableCell>
+                                <OrderStatusBadge state={order.state} />
+                            </TableCell>
                             <TableCell className="text-right">
-                                <Price value={order.totalWithTax} currencyCode={order.currencyCode} taxLabel="incl" />
+                                <Price
+                                    value={order.totalWithTax}
+                                    currencyCode={order.currencyCode}
+                                    taxLabel="incl"
+                                />
                             </TableCell>
                             <TableCell className="text-right">
                                 {REORDERABLE_STATES.has(order.state) && (
                                     <Button asChild variant="ghost" size="sm">
                                         <Link href={`/account/orders/${order.code}?reorder=1`}>
-                                            <RotateCcw className="h-3.5 w-3.5 mr-1.5"/>
+                                            <RotateCcw className="h-3.5 w-3.5 mr-1.5" />
                                             {tReorder('trigger')}
                                         </Link>
                                     </Button>
@@ -118,21 +135,18 @@ async function MyOrdersSection({
     const currentPage = parseInt(Array.isArray(pageParam) ? pageParam[0] : pageParam || '1', 10);
     const skip = (currentPage - 1) * ITEMS_PER_PAGE;
 
-    const [result, error] = await client.query(
-        GetCustomerOrdersQuery,
-        {
-            options: {
-                take: ITEMS_PER_PAGE,
-                skip,
-                sort: { createdAt: 'DESC' },
-                filter: { state: { notEq: 'AddingItems' } },
-            },
+    const [result, error] = await client.query(GetCustomerOrdersQuery, {
+        options: {
+            take: ITEMS_PER_PAGE,
+            skip,
+            sort: { createdAt: 'DESC' },
+            filter: { state: { notEq: 'AddingItems' } },
         },
-    );
+    });
     if (error) {
         return <ErrorState message="We couldn't load your orders. Please try again later." />;
     }
-    const {data} = result;
+    const { data } = result;
 
     if (!data.activeCustomer) {
         return await redirect('/sign-in');
@@ -171,11 +185,18 @@ async function MyOrdersSection({
                                     className={currentPage === 1 ? 'pointer-events-none opacity-50' : ''}
                                 />
                             </PaginationItem>
-                            {Array.from({length: totalPages}, (_, i) => i + 1).map((page) => {
-                                if (page === 1 || page === totalPages || (page >= currentPage - 1 && page <= currentPage + 1)) {
+                            {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => {
+                                if (
+                                    page === 1 ||
+                                    page === totalPages ||
+                                    (page >= currentPage - 1 && page <= currentPage + 1)
+                                ) {
                                     return (
                                         <PaginationItem key={page}>
-                                            <PaginationLink href={`/account/orders?page=${page}`} isActive={page === currentPage}>
+                                            <PaginationLink
+                                                href={`/account/orders?page=${page}`}
+                                                isActive={page === currentPage}
+                                            >
                                                 {page}
                                             </PaginationLink>
                                         </PaginationItem>
@@ -183,7 +204,7 @@ async function MyOrdersSection({
                                 } else if (page === currentPage - 2 || page === currentPage + 2) {
                                     return (
                                         <PaginationItem key={page}>
-                                            <PaginationEllipsis/>
+                                            <PaginationEllipsis />
                                         </PaginationItem>
                                     );
                                 }
@@ -191,8 +212,14 @@ async function MyOrdersSection({
                             })}
                             <PaginationItem>
                                 <PaginationNext
-                                    href={currentPage < totalPages ? `/account/orders?page=${currentPage + 1}` : '#'}
-                                    className={currentPage === totalPages ? 'pointer-events-none opacity-50' : ''}
+                                    href={
+                                        currentPage < totalPages
+                                            ? `/account/orders?page=${currentPage + 1}`
+                                            : '#'
+                                    }
+                                    className={
+                                        currentPage === totalPages ? 'pointer-events-none opacity-50' : ''
+                                    }
                                 />
                             </PaginationItem>
                         </PaginationContent>
@@ -203,17 +230,22 @@ async function MyOrdersSection({
     );
 }
 
-async function CompanyOrdersSection({activeCustomerId, locale}: {activeCustomerId: string; locale: string}) {
+async function CompanyOrdersSection({
+    activeCustomerId,
+    locale,
+}: {
+    activeCustomerId: string;
+    locale: string;
+}) {
     const t = await getTranslations('Account');
     const tReorder = await getTranslations('Reorder');
-    const [result, error] = await client.query(
-        GetCompanyOrdersQuery,
-        {options: {take: 50, sort: {createdAt: 'DESC'}}},
-    );
+    const [result, error] = await client.query(GetCompanyOrdersQuery, {
+        options: { take: 50, sort: { createdAt: 'DESC' } },
+    });
     if (error) {
         return <ErrorState message="We couldn't load company orders. Please try again later." />;
     }
-    const {data} = result;
+    const { data } = result;
     const allOrders = data.companyOrders?.items ?? [];
 
     // Exclude the current user's own orders — those are already in "My Orders"
@@ -230,9 +262,7 @@ async function CompanyOrdersSection({activeCustomerId, locale}: {activeCustomerI
         state: order.state,
         totalWithTax: order.totalWithTax,
         currencyCode: order.currencyCode,
-        placedBy: order.customer
-            ? `${order.customer.firstName} ${order.customer.lastName}`
-            : '—',
+        placedBy: order.customer ? `${order.customer.firstName} ${order.customer.lastName}` : '—',
     }));
 
     return (
@@ -244,35 +274,45 @@ async function CompanyOrdersSection({activeCustomerId, locale}: {activeCustomerI
 }
 
 async function OrdersEmptyState() {
-    const [tAccount, tCommon] = await Promise.all([
-        getTranslations('Account'),
-        getTranslations('Common'),
-    ]);
+    const [tAccount, tCommon] = await Promise.all([getTranslations('Account'), getTranslations('Common')]);
     return (
         <EmptyState
             icon={ShoppingBag}
             heading={tAccount('noOrders')}
-            action={{label: tCommon('startShopping'), href: '/'}}
+            action={{ label: tCommon('startShopping'), href: '/' }}
         />
     );
 }
 
-export default async function OrdersPage(props: {params: Promise<{locale: string}>; searchParams: Promise<Record<string, string | string[] | undefined>>}) {
+export default async function OrdersPage(props: {
+    params: Promise<{ locale: string }>;
+    searchParams: Promise<Record<string, string | string[] | undefined>>;
+}) {
     return (
-        <Suspense fallback={<div><h1 className="text-3xl font-bold mb-6">Orders</h1><p className="text-sm text-muted-foreground">Loading orders...</p></div>}>
+        <Suspense
+            fallback={
+                <div>
+                    <h1 className="text-3xl font-bold mb-6">Orders</h1>
+                    <p className="text-sm text-muted-foreground">Loading orders...</p>
+                </div>
+            }
+        >
             <OrdersContent params={props.params} searchParams={props.searchParams} />
         </Suspense>
     );
 }
 
-async function OrdersContent({params, searchParams}: {params: Promise<{locale: string}>; searchParams: Promise<Record<string, string | string[] | undefined>>}) {
-    const {locale} = await params;
+async function OrdersContent({
+    params,
+    searchParams,
+}: {
+    params: Promise<{ locale: string }>;
+    searchParams: Promise<Record<string, string | string[] | undefined>>;
+}) {
+    const { locale } = await params;
     setRequestLocale(locale);
     const t = await getTranslations('Account');
-    const [activeCustomer, companyAccount] = await Promise.all([
-        getActiveCustomer(),
-        getCompanyAccount(),
-    ]);
+    const [activeCustomer, companyAccount] = await Promise.all([getActiveCustomer(), getCompanyAccount()]);
     if (!activeCustomer) return await redirect('/sign-in');
 
     const permissions = companyAccount?.permissions ?? [];
@@ -283,7 +323,7 @@ async function OrdersContent({params, searchParams}: {params: Promise<{locale: s
     // "My Orders" subheading — with only one section there's no need
     // to duplicate the page title as a section heading.
     const companyOrders = canViewCompanyOrders
-        ? await CompanyOrdersSection({activeCustomerId: activeCustomer.id, locale})
+        ? await CompanyOrdersSection({ activeCustomerId: activeCustomer.id, locale })
         : null;
     const myOrders = await MyOrdersSection({
         searchParams,

package/dist/assets/storefront/src/app/[locale]/account/profile/actions.ts

@@ -1,28 +1,31 @@
 'use server';
 
-import {client} from '@/lib/vendure/api';
+import { client } from '@/lib/vendure/api';
 import {
-    UpdateCustomerPasswordMutation,
-    UpdateCustomerMutation,
     RequestUpdateCustomerEmailAddressMutation,
+    UpdateCustomerMutation,
+    UpdateCustomerPasswordMutation,
 } from '@/lib/vendure/mutations';
-import {revalidatePath, revalidateTag} from 'next/cache';
+import { revalidatePath, revalidateTag } from 'next/cache';
 
-export async function updatePasswordAction(prevState: { error?: string; success?: boolean } | undefined, formData: FormData) {
+export async function updatePasswordAction(
+    prevState: { error?: string; success?: boolean } | undefined,
+    formData: FormData,
+) {
     const currentPassword = formData.get('currentPassword') as string;
     const newPassword = formData.get('newPassword') as string;
     const confirmPassword = formData.get('confirmPassword') as string;
 
     if (!currentPassword || !newPassword || !confirmPassword) {
-        return {error: 'All fields are required'};
+        return { error: 'All fields are required' };
     }
 
     if (newPassword !== confirmPassword) {
-        return {error: 'New passwords do not match'};
+        return { error: 'New passwords do not match' };
     }
 
     if (currentPassword === newPassword) {
-        return {error: 'New password must be different from current password'};
+        return { error: 'New password must be different from current password' };
     }
 
     const [result, error] = await client.mutate(UpdateCustomerPasswordMutation, {
@@ -31,24 +34,27 @@ export async function updatePasswordAction(prevState: { error?: string; success?
     });
 
     if (error) {
-        return {error: 'An unexpected error occurred. Please try again.'};
+        return { error: 'An unexpected error occurred. Please try again.' };
     }
 
     const updateResult = result.data.updateCustomerPassword;
 
     if (updateResult.__typename !== 'Success') {
-        return {error: updateResult.message};
+        return { error: updateResult.message };
     }
 
-    return {success: true};
+    return { success: true };
 }
 
-export async function updateCustomerAction(prevState: { error?: string; success?: boolean } | undefined, formData: FormData) {
+export async function updateCustomerAction(
+    prevState: { error?: string; success?: boolean } | undefined,
+    formData: FormData,
+) {
     const firstName = formData.get('firstName') as string;
     const lastName = formData.get('lastName') as string;
 
     if (!firstName || !lastName) {
-        return {error: 'First name and last name are required'};
+        return { error: 'First name and last name are required' };
     }
 
     const [result, error] = await client.mutate(UpdateCustomerMutation, {
@@ -59,32 +65,35 @@ export async function updateCustomerAction(prevState: { error?: string; success?
     });
 
     if (error) {
-        return {error: 'An unexpected error occurred. Please try again.'};
+        return { error: 'An unexpected error occurred. Please try again.' };
     }
 
     const updateResult = result.data.updateCustomer;
 
     if (!updateResult || !updateResult.id) {
-        return {error: 'Failed to update customer information'};
+        return { error: 'Failed to update customer information' };
     }
 
-    revalidateTag('active-customer', {expire: 0});
+    revalidateTag('active-customer', { expire: 0 });
     revalidatePath('/account/profile');
-    return {success: true};
+    return { success: true };
 }
 
-export async function requestEmailUpdateAction(prevState: { error?: string; success?: boolean } | undefined, formData: FormData) {
+export async function requestEmailUpdateAction(
+    prevState: { error?: string; success?: boolean } | undefined,
+    formData: FormData,
+) {
     const password = formData.get('password') as string;
     const newEmailAddress = formData.get('newEmailAddress') as string;
 
     if (!password || !newEmailAddress) {
-        return {error: 'Password and new email address are required'};
+        return { error: 'Password and new email address are required' };
     }
 
     // Basic email validation
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     if (!emailRegex.test(newEmailAddress)) {
-        return {error: 'Please enter a valid email address'};
+        return { error: 'Please enter a valid email address' };
     }
 
     const [result, error] = await client.mutate(RequestUpdateCustomerEmailAddressMutation, {
@@ -93,14 +102,14 @@ export async function requestEmailUpdateAction(prevState: { error?: string; succ
     });
 
     if (error) {
-        return {error: 'An unexpected error occurred. Please try again.'};
+        return { error: 'An unexpected error occurred. Please try again.' };
     }
 
     const updateResult = result.data.requestUpdateCustomerEmailAddress;
 
     if (updateResult.__typename !== 'Success') {
-        return {error: updateResult.message};
+        return { error: updateResult.message };
     }
 
-    return {success: true};
+    return { success: true };
 }