@vendure-platform/create 0.4.0 → 0.5.1

package/dist/assets/storefront/src/app/[locale]/(catalog)/product/[slug]/page.tsx

@@ -1,33 +1,41 @@
-import type { Metadata } from 'next';
-import { Suspense } from 'react';
-import { getTranslations, setRequestLocale } from 'next-intl/server';
-import { publicClient, client, getVendureContext } from '@/lib/vendure/api';
-import type { VendureContext } from '@/lib/vendure/api';
-import { GetProductDetailQuery, GetGiftCardTemplatesQuery, GetDraftVariantQuery, GetConfiguratorSystemQuery, type ConfiguratorSystem } from '@/lib/vendure/queries';
-import { draftMode } from 'next/headers';
+import { getShoppingListsWithMembership } from '@/app/[locale]/account/shopping-lists/actions';
+import { ConfiguratorForm } from '@/components/commerce/configurator-form';
+import { GiftCardPdp } from '@/components/commerce/gift-card-pdp';
 import { ProductImageCarousel } from '@/components/commerce/product-image-carousel';
 import { ProductInfo } from '@/components/commerce/product-info';
-import { GiftCardPdp } from '@/components/commerce/gift-card-pdp';
-import type { GiftCardTemplate } from '@/lib/vendure/queries';
-import { RelatedProducts } from '@/components/commerce/related-products';
 import { ProductSidebar } from '@/components/commerce/product-sidebar';
+import { RelatedProducts } from '@/components/commerce/related-products';
+import { canCreateSharedCarts } from '@/components/commerce/shared-cart-role';
 import { Breadcrumbs } from '@/components/shared/breadcrumbs';
-import { getScenarioConfig, isConditionalPdpOverride, isFullPageOverride } from '@/config/scenario';
 import type { PdpPageProps, PdpSlotOverrides, ServerComponent } from '@/config/scenario';
-import { notFound } from 'next/navigation';
-import { cacheLife, cacheTag } from 'next/cache';
+import { getScenarioConfig, isConditionalPdpOverride, isFullPageOverride } from '@/config/scenario';
+import { getActiveChannelToken } from '@/lib/channel-server';
 import {
-    SITE_NAME,
-    truncateDescription,
-    buildCanonicalUrl,
     buildAlternates,
+    buildCanonicalUrl,
     buildOgImages,
+    SITE_NAME,
+    truncateDescription,
 } from '@/lib/metadata';
+import { getCompanyAccount } from '@/lib/vendure/actions';
+import type { VendureContext } from '@/lib/vendure/api';
+import { client, getVendureContext, publicClient } from '@/lib/vendure/api';
 import { getActiveChannelCached } from '@/lib/vendure/cached';
-import { getActiveChannelToken } from '@/lib/channel-server';
-import { addGiftCardToCart, evaluateConfiguration, addConfigurationToOrder } from './actions';
-import { getShoppingListsWithMembership } from '@/app/[locale]/account/shopping-lists/actions';
-import { ConfiguratorForm } from '@/components/commerce/configurator-form';
+import type { GiftCardTemplate } from '@/lib/vendure/queries';
+import {
+    GetConfiguratorSystemQuery,
+    GetDraftVariantQuery,
+    GetGiftCardTemplatesQuery,
+    GetProductDetailQuery,
+    type ConfiguratorSystem,
+} from '@/lib/vendure/queries';
+import type { Metadata } from 'next';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
+import { cacheLife, cacheTag } from 'next/cache';
+import { draftMode } from 'next/headers';
+import { notFound } from 'next/navigation';
+import { Suspense } from 'react';
+import { addConfigurationToOrder, addGiftCardToCart, evaluateConfiguration } from './actions';
 
 async function getProductData(slug: string, locale: string, ctx?: VendureContext, channelToken?: string) {
     'use cache: private';
@@ -35,10 +43,14 @@ async function getProductData(slug: string, locale: string, ctx?: VendureContext
     const effectiveToken = ctx?.channelToken ?? channelToken;
     cacheTag(`product-${slug}-${locale}${effectiveToken ? `-${effectiveToken}` : ''}`, `products-${locale}`);
 
-    const opts = {languageCode: locale};
+    const opts = { languageCode: locale };
     const [result, error] = ctx
-        ? await client.query(GetProductDetailQuery, { slug }, {...ctx, ...opts})
-        : await publicClient.query(GetProductDetailQuery, { slug }, {...opts, ...(channelToken ? {channelToken} : {})});
+        ? await client.query(GetProductDetailQuery, { slug }, { ...ctx, ...opts })
+        : await publicClient.query(
+              GetProductDetailQuery,
+              { slug },
+              { ...opts, ...(channelToken ? { channelToken } : {}) },
+          );
     if (error) return undefined;
     return result;
 }
@@ -48,19 +60,23 @@ async function getGiftCardTemplates(locale: string) {
     cacheLife('hours');
     cacheTag(`gift-card-templates-${locale}`);
 
-    const [result, error] = await publicClient.query(GetGiftCardTemplatesQuery, undefined, {languageCode: locale});
+    const [result, error] = await publicClient.query(GetGiftCardTemplatesQuery, undefined, {
+        languageCode: locale,
+    });
     if (error) return undefined;
     return result;
 }
 
 export async function generateMetadata({
     params,
-}: { params: Promise<{ locale: string; slug: string }> }): Promise<Metadata> {
+}: {
+    params: Promise<{ locale: string; slug: string }>;
+}): Promise<Metadata> {
     const { locale, slug } = await params;
     const channelToken = await getActiveChannelToken();
     const [result, t] = await Promise.all([
         getProductData(slug, locale, undefined, channelToken),
-        getTranslations({locale, namespace: 'Product'}),
+        getTranslations({ locale, namespace: 'Product' }),
     ]);
     if (!result) {
         return { title: t('notFound') };
@@ -163,7 +179,7 @@ async function ProductDetailContent({
     const draft = await draftMode();
     if (draft.isEnabled && product.variants?.length) {
         const draftVariants = await Promise.all(
-            product.variants.map(v => client.query(GetDraftVariantQuery, { id: v.id })),
+            product.variants.map((v) => client.query(GetDraftVariantQuery, { id: v.id })),
         );
         for (let i = 0; i < product.variants.length; i++) {
             const [res] = draftVariants[i];
@@ -176,11 +192,14 @@ async function ProductDetailContent({
 
     const isGiftCard = product.customFields?.isGiftCard === true;
 
-    const [channel, shoppingLists] = await Promise.all([
+    const [channel, shoppingLists, companyAccount] = await Promise.all([
         getActiveChannelCached(ctx.channelToken),
         getShoppingListsWithMembership(),
+        getCompanyAccount(),
     ]);
     const currencyCode = channel.defaultCurrencyCode;
+    const isCompanyUser = !!companyAccount;
+    const canCreateSharedCart = canCreateSharedCarts(companyAccount?.permissions);
 
     let giftCardTemplates: GiftCardTemplate[] = [];
     if (isGiftCard) {
@@ -190,9 +209,10 @@ async function ProductDetailContent({
 
     const primaryCollection = product.collections?.find((c) => c.parent?.id) ?? product.collections?.[0];
 
-    const collectionCrumbs = primaryCollection?.breadcrumbs
-        ?.filter((b) => b.slug !== '__root_collection__')
-        .map((b) => ({ name: b.name, href: `/collection/${b.slug}` })) ?? [];
+    const collectionCrumbs =
+        primaryCollection?.breadcrumbs
+            ?.filter((b) => b.slug !== '__root_collection__')
+            .map((b) => ({ name: b.name, href: `/collection/${b.slug}` })) ?? [];
     const breadcrumbs = [...collectionCrumbs, { name: product.name }];
 
     // Gift cards have their own dedicated PDP — they bypass scenario overrides intentionally.
@@ -213,7 +233,11 @@ async function ProductDetailContent({
     const configuratorSystemCode = product.customFields?.configuratorSystemCode;
     let configuratorSystem: ConfiguratorSystem | null = null;
     if (configuratorSystemCode) {
-        const [systemResult] = await client.query(GetConfiguratorSystemQuery, { code: configuratorSystemCode }, { languageCode: locale });
+        const [systemResult] = await client.query(
+            GetConfiguratorSystemQuery,
+            { code: configuratorSystemCode },
+            { languageCode: locale },
+        );
         configuratorSystem = systemResult?.data.configuratorSystem ?? null;
     }
 
@@ -224,8 +248,8 @@ async function ProductDetailContent({
     const fullPageComponent: ServerComponent<PdpPageProps> | null = isFullPageOverride(pdpOverride)
         ? (pdpOverride as ServerComponent<PdpPageProps>)
         : isConditionalPdpOverride(pdpOverride) && pdpOverride.shouldApply(product)
-          ? pdpOverride.component
-          : null;
+        ? pdpOverride.component
+        : null;
 
     if (fullPageComponent) {
         const PdpPage = fullPageComponent;
@@ -245,7 +269,7 @@ async function ProductDetailContent({
         );
     }
 
-    const slots = (isConditionalPdpOverride(pdpOverride) ? {} : (pdpOverride ?? {})) as PdpSlotOverrides;
+    const slots = (isConditionalPdpOverride(pdpOverride) ? {} : pdpOverride ?? {}) as PdpSlotOverrides;
     const InfoComponent = slots.ProductInfo ?? ProductInfo;
     const SidebarComponent = slots.ProductSidebar ?? ProductSidebar;
     const CarouselComponent = slots.ProductImageCarousel ?? ProductImageCarousel;
@@ -253,7 +277,7 @@ async function ProductDetailContent({
 
     const productDescription = product.description ? (
         <div className="prose prose-sm max-w-none">
-            <div dangerouslySetInnerHTML={{__html: product.description}}/>
+            <div dangerouslySetInnerHTML={{ __html: product.description }} />
         </div>
     ) : null;
 
@@ -309,7 +333,14 @@ async function ProductDetailContent({
                             {productDescription && <div className="mt-6">{productDescription}</div>}
                         </div>
                         <div>
-                            <InfoComponent product={product} searchParams={searchParamsResolved} shoppingLists={shoppingLists} currencyCode={currencyCode} />
+                            <InfoComponent
+                                product={product}
+                                searchParams={searchParamsResolved}
+                                shoppingLists={shoppingLists}
+                                currencyCode={currencyCode}
+                                isCompanyUser={isCompanyUser}
+                                canCreateSharedCart={canCreateSharedCart}
+                            />
                         </div>
                     </div>
 

package/dist/assets/storefront/src/app/[locale]/(catalog)/search/page.tsx

@@ -1,27 +1,27 @@
-import type { Metadata } from 'next';
-import { Suspense } from 'react';
-import { locale as rootLocale } from 'next/root-params';
-import { getTranslations } from 'next-intl/server';
 import { SearchResults } from '@/app/[locale]/(catalog)/search/search-results';
 import { Breadcrumbs } from '@/components/shared/breadcrumbs';
 import { CatalogSidebarSkeleton } from '@/components/shared/catalog-sidebar-skeleton';
 import { ProductGridSkeleton } from '@/components/shared/product-grid-skeleton';
-import { SITE_NAME, noIndexRobots } from '@/lib/metadata';
 import { type Locale } from '@/i18n/routing';
+import { SITE_NAME, noIndexRobots } from '@/lib/metadata';
+import type { Metadata } from 'next';
+import { getTranslations } from 'next-intl/server';
+import { locale as rootLocale } from 'next/root-params';
+import { Suspense } from 'react';
 
 export async function generateMetadata({
     searchParams,
-}: { searchParams: Promise<{ q?: string }> }): Promise<Metadata> {
+}: {
+    searchParams: Promise<{ q?: string }>;
+}): Promise<Metadata> {
     const locale = (await rootLocale()) as Locale;
     const [resolvedParams, t] = await Promise.all([
         searchParams,
-        getTranslations({locale, namespace: 'Search'}),
+        getTranslations({ locale, namespace: 'Search' }),
     ]);
     const searchQuery = resolvedParams.q as string | undefined;
 
-    const title = searchQuery
-        ? t('resultsFor', { query: searchQuery })
-        : t('pageTitle');
+    const title = searchQuery ? t('resultsFor', { query: searchQuery }) : t('pageTitle');
 
     return {
         title,
@@ -49,30 +49,27 @@ async function SearchContent({
 }: {
     searchParamsPromise: Promise<{ [key: string]: string | string[] | undefined }>;
 }) {
-    const [resolvedParams, t] = await Promise.all([
-        searchParamsPromise,
-        getTranslations('Search'),
-    ]);
+    const [resolvedParams, t] = await Promise.all([searchParamsPromise, getTranslations('Search')]);
     const searchQuery = (resolvedParams.q as string) || '';
 
-    const breadcrumbs = searchQuery
-        ? [{ name: t('breadcrumbResults', { query: searchQuery }) }]
-        : [];
+    const breadcrumbs = searchQuery ? [{ name: t('breadcrumbResults', { query: searchQuery }) }] : [];
 
     return (
         <>
             <Breadcrumbs items={breadcrumbs} />
             <div className="grid grid-cols-1 lg:grid-cols-4 gap-8 pb-8">
-                <Suspense fallback={
-                    <>
-                        <aside className="lg:col-span-1">
-                            <CatalogSidebarSkeleton />
-                        </aside>
-                        <div className="lg:col-span-3">
-                            <ProductGridSkeleton />
-                        </div>
-                    </>
-                }>
+                <Suspense
+                    fallback={
+                        <>
+                            <aside className="lg:col-span-1">
+                                <CatalogSidebarSkeleton />
+                            </aside>
+                            <div className="lg:col-span-3">
+                                <ProductGridSkeleton />
+                            </div>
+                        </>
+                    }
+                >
                     <SearchResults searchParams={searchParamsPromise} />
                 </Suspense>
             </div>

package/dist/assets/storefront/src/app/[locale]/(catalog)/search/search-results.tsx

@@ -1,13 +1,13 @@
-import { Suspense } from 'react';
 import { CatalogSearchBar } from '@/components/commerce/catalog-search-bar';
 import { FacetFilters } from '@/components/commerce/facet-filters';
-import { ProductGridSkeleton } from '@/components/shared/product-grid-skeleton';
 import { ProductGrid } from '@/components/commerce/product-grid';
 import { CatalogSidebarSkeleton } from '@/components/shared/catalog-sidebar-skeleton';
-import { SearchAnalyticsTracker } from './search-analytics-tracker';
+import { ProductGridSkeleton } from '@/components/shared/product-grid-skeleton';
 import { buildSearchInput, getCurrentPage } from '@/lib/search-helpers';
 import { client } from '@/lib/vendure/api';
 import { SearchProductsQuery } from '@/lib/vendure/queries';
+import { Suspense } from 'react';
+import { SearchAnalyticsTracker } from './search-analytics-tracker';
 
 interface SearchResultsProps {
     searchParams: Promise<{
@@ -19,12 +19,14 @@ export async function SearchResults({ searchParams }: SearchResultsProps) {
     const searchParamsResolved = await searchParams;
     const page = getCurrentPage(searchParamsResolved);
 
-    const productDataPromise = client.query(SearchProductsQuery, {
-        input: { ...buildSearchInput({ searchParams: searchParamsResolved }), logAnalytics: true },
-    }).then(([result, error]) => {
-        if (error) throw error;
-        return result;
-    });
+    const productDataPromise = client
+        .query(SearchProductsQuery, {
+            input: { ...buildSearchInput({ searchParams: searchParamsResolved }), logAnalytics: true },
+        })
+        .then(([result, error]) => {
+            if (error) throw error;
+            return result;
+        });
 
     return (
         <>

package/dist/assets/storefront/src/app/[locale]/(catalog)/search/search-term.tsx

@@ -1,10 +1,10 @@
 interface SearchTermProps {
     searchParams: Promise<{
-        q?: string
+        q?: string;
     }>;
 }
 
-export async function SearchTerm({searchParams}: SearchTermProps) {
+export async function SearchTerm({ searchParams }: SearchTermProps) {
     const searchParamsResolved = await searchParams;
     const searchTerm = (searchParamsResolved.q as string) || '';
 
@@ -14,7 +14,7 @@ export async function SearchTerm({searchParams}: SearchTermProps) {
                 {searchTerm ? `Search results for "${searchTerm}"` : 'Search'}
             </h1>
         </div>
-    )
+    );
 }
 
 export function SearchTermSkeleton() {
@@ -22,5 +22,5 @@ export function SearchTermSkeleton() {
         <div className="mb-6">
             <div className="h-9 w-64 bg-gray-200 dark:bg-gray-700 rounded animate-pulse" />
         </div>
-    )
+    );
 }

package/dist/assets/storefront/src/app/[locale]/(scenario)/[...path]/page.tsx

@@ -1,9 +1,9 @@
 // Catch-all for scenario-specific routes (e.g. /compliance).
 // Lives in a (scenario) route group so it doesn't shadow other top-level routes
 // like /cart, /checkout, etc. Returns 404 if the active scenario doesn't define the route.
-import { Suspense } from 'react';
 import { getScenarioConfig } from '@/config/scenario';
 import { notFound } from 'next/navigation';
+import { Suspense } from 'react';
 
 export default async function ScenarioRoutePage({
     params,

package/dist/assets/storefront/src/app/[locale]/accept-invitation/[token]/accept-invitation-client.tsx

@@ -1,18 +1,18 @@
 'use client';
 
-import {useState} from 'react';
-import {useTranslations} from 'next-intl';
-import {Button} from '@/components/ui/button';
-import {Alert, AlertDescription} from '@/components/ui/alert';
-import {Loader2, AlertCircle} from 'lucide-react';
-import {acceptInvitationAction} from './actions';
+import { Alert, AlertDescription } from '@/components/ui/alert';
+import { Button } from '@/components/ui/button';
+import { AlertCircle, Loader2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+import { acceptInvitationAction } from './actions';
 
 interface AcceptInvitationClientProps {
     token: string;
     companyName: string;
 }
 
-export function AcceptInvitationClient({token, companyName}: AcceptInvitationClientProps) {
+export function AcceptInvitationClient({ token, companyName }: AcceptInvitationClientProps) {
     const t = useTranslations('AcceptInvitation');
     const [isSubmitting, setIsSubmitting] = useState(false);
     const [error, setError] = useState<string | null>(null);
@@ -42,12 +42,7 @@ export function AcceptInvitationClient({token, companyName}: AcceptInvitationCli
                 </Alert>
             )}
 
-            <Button
-                onClick={handleAccept}
-                disabled={isSubmitting}
-                size="lg"
-                className="w-full"
-            >
+            <Button onClick={handleAccept} disabled={isSubmitting} size="lg" className="w-full">
                 {isSubmitting && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
                 {t('acceptButton')}
             </Button>

package/dist/assets/storefront/src/app/[locale]/accept-invitation/[token]/actions.ts

@@ -1,24 +1,21 @@
 'use server';
 
-import {readFragment} from '@/graphql';
-import {client} from '@/lib/vendure/api';
-import {AcceptCompanyInvitationMutation} from '@/lib/vendure/mutations';
-import {CompanyFragment} from '@/lib/vendure/fragments';
-import {setCompanyId} from '@/lib/company-context';
-import {revalidatePath} from 'next/cache';
-import {redirect} from '@/i18n/navigation';
+import { readFragment } from '@/graphql';
+import { redirect } from '@/i18n/navigation';
+import { setCompanyId } from '@/lib/company-context';
+import { client } from '@/lib/vendure/api';
+import { CompanyFragment } from '@/lib/vendure/fragments';
+import { AcceptCompanyInvitationMutation } from '@/lib/vendure/mutations';
+import { revalidatePath } from 'next/cache';
 
-export async function acceptInvitationAction(token: string): Promise<{error: string} | undefined> {
-    const [result, error] = await client.mutate(
-        AcceptCompanyInvitationMutation,
-        {token},
-    );
+export async function acceptInvitationAction(token: string): Promise<{ error: string } | undefined> {
+    const [result, error] = await client.mutate(AcceptCompanyInvitationMutation, { token });
     if (error) throw error;
 
     const data = result.data.acceptCompanyInvitation;
 
     if (data.__typename === 'InvitationTokenError') {
-        return {error: data.message};
+        return { error: data.message };
     }
 
     if (data.__typename === 'CompanyAccount') {
@@ -28,5 +25,5 @@ export async function acceptInvitationAction(token: string): Promise<{error: str
         await redirect('/account/company');
     }
 
-    return {error: 'An unexpected error occurred.'};
+    return { error: 'An unexpected error occurred.' };
 }

package/dist/assets/storefront/src/app/[locale]/accept-invitation/[token]/page.tsx

@@ -1,26 +1,26 @@
-import type {Metadata} from 'next';
-import {Suspense} from 'react';
-import {getTranslations} from 'next-intl/server';
-import {locale as rootLocale} from 'next/root-params';
-import type {Locale} from '@/i18n/routing';
-import {redirect} from '@/i18n/navigation';
-import {readFragment} from '@/graphql';
-import {client} from '@/lib/vendure/api';
-import {getActiveCustomer} from '@/lib/vendure/actions';
-import {GetCompanyInvitationQuery} from '@/lib/vendure/queries';
-import {CompanyFragment} from '@/lib/vendure/fragments';
-import {AuthPageShell} from '@/components/layout/auth-page-shell';
-import {AcceptInvitationClient} from './accept-invitation-client';
-import {SignOutAndRetry} from './sign-out-and-retry';
+import { AuthPageShell } from '@/components/layout/auth-page-shell';
+import { readFragment } from '@/graphql';
+import { redirect } from '@/i18n/navigation';
+import type { Locale } from '@/i18n/routing';
+import { getActiveCustomer } from '@/lib/vendure/actions';
+import { client } from '@/lib/vendure/api';
+import { CompanyFragment } from '@/lib/vendure/fragments';
+import { GetCompanyInvitationQuery } from '@/lib/vendure/queries';
+import type { Metadata } from 'next';
+import { getTranslations } from 'next-intl/server';
+import { locale as rootLocale } from 'next/root-params';
+import { Suspense } from 'react';
+import { AcceptInvitationClient } from './accept-invitation-client';
+import { SignOutAndRetry } from './sign-out-and-retry';
 
 export async function generateMetadata(): Promise<Metadata> {
     const locale = (await rootLocale()) as Locale;
-    const t = await getTranslations({locale, namespace: 'AcceptInvitation'});
-    return {title: t('pageTitle')};
+    const t = await getTranslations({ locale, namespace: 'AcceptInvitation' });
+    return { title: t('pageTitle') };
 }
 
-async function AcceptInvitationContent({params}: {params: Promise<{locale: string; token: string}>}) {
-    const {token} = await params;
+async function AcceptInvitationContent({ params }: { params: Promise<{ locale: string; token: string }> }) {
+    const { token } = await params;
     const t = await getTranslations('AcceptInvitation');
     const activeCustomer = await getActiveCustomer();
     if (!activeCustomer) {
@@ -30,10 +30,7 @@ async function AcceptInvitationContent({params}: {params: Promise<{locale: strin
     let companyName: string | null = null;
     let error: string | null = null;
 
-    const [result, queryError] = await client.query(
-        GetCompanyInvitationQuery,
-        {token},
-    );
+    const [result, queryError] = await client.query(GetCompanyInvitationQuery, { token });
     if (queryError) {
         error = t('invalidOrExpired');
     } else {
@@ -47,7 +44,7 @@ async function AcceptInvitationContent({params}: {params: Promise<{locale: strin
                 <div className="text-center space-y-6">
                     <h1 className="text-3xl font-bold">{t('invalidTitle')}</h1>
                     <p className="text-muted-foreground">
-                        {t('differentAccount', {email: activeCustomer?.emailAddress ?? ''})}
+                        {t('differentAccount', { email: activeCustomer?.emailAddress ?? '' })}
                     </p>
                     <SignOutAndRetry token={token} />
                 </div>
@@ -58,10 +55,8 @@ async function AcceptInvitationContent({params}: {params: Promise<{locale: strin
     return (
         <AuthPageShell>
             <div className="text-center space-y-6">
-                <h1 className="text-3xl font-bold">{t('joinCompany', {companyName})}</h1>
-                <p className="text-muted-foreground">
-                    {t('invitedToJoin', {companyName})}
-                </p>
+                <h1 className="text-3xl font-bold">{t('joinCompany', { companyName })}</h1>
+                <p className="text-muted-foreground">{t('invitedToJoin', { companyName })}</p>
                 <AcceptInvitationClient token={token} companyName={companyName} />
             </div>
         </AuthPageShell>
@@ -71,14 +66,16 @@ async function AcceptInvitationContent({params}: {params: Promise<{locale: strin
 export default function AcceptInvitationPage({
     params,
 }: {
-    params: Promise<{locale: string; token: string}>;
+    params: Promise<{ locale: string; token: string }>;
 }) {
     return (
-        <Suspense fallback={
-            <AuthPageShell>
-                <p className="text-sm text-muted-foreground">Loading...</p>
-            </AuthPageShell>
-        }>
+        <Suspense
+            fallback={
+                <AuthPageShell>
+                    <p className="text-sm text-muted-foreground">Loading...</p>
+                </AuthPageShell>
+            }
+        >
             <AcceptInvitationContent params={params} />
         </Suspense>
     );

package/dist/assets/storefront/src/app/[locale]/accept-invitation/[token]/sign-out-and-retry.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import {useTransition} from 'react';
-import {useTranslations} from 'next-intl';
-import {useRouter} from '@/i18n/navigation';
-import {Button} from '@/components/ui/button';
-import {logoutAction} from '@/app/[locale]/sign-in/actions';
+import { logoutAction } from '@/app/[locale]/sign-in/actions';
+import { Button } from '@/components/ui/button';
+import { useRouter } from '@/i18n/navigation';
+import { useTranslations } from 'next-intl';
+import { useTransition } from 'react';
 
-export function SignOutAndRetry({token}: {token: string}) {
+export function SignOutAndRetry({ token }: { token: string }) {
     const t = useTranslations('AcceptInvitation');
     const router = useRouter();
     const [isPending, startTransition] = useTransition();