@vendure-platform/create 0.5.0 → 0.5.2

package/dist/assets/storefront/src/lib/cart-count-context.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { createContext, useContext, useState, useCallback, useEffect } from 'react';
+import { createContext, useCallback, useContext, useEffect, useState } from 'react';
 
 interface CartCountContextType {
     count: number;
@@ -13,11 +13,17 @@ interface CartCountContextType {
 
 const CartCountContext = createContext<CartCountContextType | null>(null);
 
-export function CartCountProvider({ initialCount, children }: { initialCount: number; children: React.ReactNode }) {
+export function CartCountProvider({
+    initialCount,
+    children,
+}: {
+    initialCount: number;
+    children: React.ReactNode;
+}) {
     const [count, setCount] = useState(initialCount);
     const [awaitingApprovalOrderCode, setAwaitingApprovalOrderCode] = useState<string | null>(null);
-    const increment = useCallback(() => setCount(c => c + 1), []);
-    const decrement = useCallback(() => setCount(c => Math.max(0, c - 1)), []);
+    const increment = useCallback(() => setCount((c) => c + 1), []);
+    const decrement = useCallback(() => setCount((c) => Math.max(0, c - 1)), []);
 
     return (
         <CartCountContext.Provider

package/dist/assets/storefront/src/lib/cart-guard-utils.ts

@@ -6,5 +6,6 @@ import type { CartGuardResult } from './cart-guard';
  */
 export function getGuardError(guard: CartGuardResult): string | undefined {
     if (guard.blocked) return 'Order is awaiting approval and cannot be modified';
-    if (guard.quoteLocked) return 'You have a quote checkout in progress. Complete checkout or cancel the quote checkout to modify your cart.';
+    if (guard.quoteLocked)
+        return 'You have a quote checkout in progress. Complete checkout or cancel the quote checkout to modify your cart.';
 }

package/dist/assets/storefront/src/lib/cart-guard.ts

@@ -1,8 +1,8 @@
 'use server';
 
 import { client } from '@/lib/vendure/api';
-import { GetActiveOrderQuery, GetApprovalHistoryForEntityQuery } from '@/lib/vendure/queries';
 import { TransitionOrderToStateMutation } from '@/lib/vendure/mutations';
+import { GetActiveOrderQuery, GetApprovalHistoryForEntityQuery } from '@/lib/vendure/queries';
 
 export interface CartGuardResult {
     /** Whether the order was in a non-AddingItems state and had to be transitioned */
@@ -23,12 +23,13 @@ export interface CartGuardResult {
  * and the full cart guard.
  */
 async function checkOrderApprovalStatus(orderId: string): Promise<boolean> {
-    const [approvalResult] = await client.query(
-        GetApprovalHistoryForEntityQuery,
-        { entityType: 'Order', entityId: orderId },
+    const [approvalResult] = await client.query(GetApprovalHistoryForEntityQuery, {
+        entityType: 'Order',
+        entityId: orderId,
+    });
+    const history = [...(approvalResult?.data?.approvalHistoryForEntity ?? [])].sort(
+        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime(),
     );
-    const history = [...(approvalResult?.data?.approvalHistoryForEntity ?? [])]
-        .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
     const latestApproval = history[0] ?? null;
     return latestApproval?.status === 'APPROVED';
 }

package/dist/assets/storefront/src/lib/channel-server.ts

@@ -1,6 +1,6 @@
-import {cookies} from 'next/headers';
-import {CHANNEL_COOKIE} from './channel';
-import {getChannelsConfig} from '@/config/scenario';
+import { getChannelsConfig } from '@/config/scenario';
+import { cookies } from 'next/headers';
+import { CHANNEL_COOKIE } from './channel';
 
 const FALLBACK_TOKEN = process.env.VENDURE_CHANNEL_TOKEN || process.env.NEXT_PUBLIC_VENDURE_CHANNEL_TOKEN;
 
@@ -20,7 +20,7 @@ export async function getActiveChannelToken(): Promise<string | undefined> {
     const cookie = jar.get(CHANNEL_COOKIE)?.value;
 
     // Validate: cookie token must be one of the declared available tokens
-    if (cookie && channelsConfig.available.some(c => c.token === cookie)) {
+    if (cookie && channelsConfig.available.some((c) => c.token === cookie)) {
         return cookie;
     }
 

package/dist/assets/storefront/src/lib/company-context.ts

@@ -1,4 +1,4 @@
-import {cookies} from 'next/headers';
+import { cookies } from 'next/headers';
 
 const COMPANY_ID_COOKIE = 'vendure-company-id';
 const BUSINESS_UNIT_ID_COOKIE = 'vendure-business-unit-id';

package/dist/assets/storefront/src/lib/company-permissions-context.tsx

@@ -28,11 +28,7 @@ export function CompanyPermissionsProvider({
         },
     };
 
-    return (
-        <CompanyPermissionsContext.Provider value={value}>
-            {children}
-        </CompanyPermissionsContext.Provider>
-    );
+    return <CompanyPermissionsContext.Provider value={value}>{children}</CompanyPermissionsContext.Provider>;
 }
 
 export function useCompanyPermissions() {

package/dist/assets/storefront/src/lib/currency-server.ts

@@ -1,6 +1,6 @@
-import {cookies} from 'next/headers';
-import {CURRENCY_COOKIE} from './currency';
-import {getActiveChannelCached} from './vendure/cached';
+import { cookies } from 'next/headers';
+import { CURRENCY_COOKIE } from './currency';
+import { getActiveChannelCached } from './vendure/cached';
 
 /**
  * Resolve the active currency code from the cookie, falling back to the
@@ -13,7 +13,7 @@ export async function getActiveCurrencyCode(): Promise<string> {
     // Dynamic import to avoid circular dependency: currencyMiddleware (api.ts)
     // → getActiveCurrencyCode → channel-server → scenario.ts. Do NOT import
     // anything from api.ts in channel-server.ts or this chain becomes circular.
-    const {getActiveChannelToken} = await import('./channel-server');
+    const { getActiveChannelToken } = await import('./channel-server');
     const channelToken = await getActiveChannelToken();
     const channel = await getActiveChannelCached(channelToken);
     return channel.defaultCurrencyCode;

package/dist/assets/storefront/src/lib/format.ts

@@ -1,4 +1,4 @@
-import {toIntlLocale} from '@/i18n/locale-utils';
+import { toIntlLocale } from '@/i18n/locale-utils';
 
 /**
  * Format a price value
@@ -6,7 +6,12 @@ import {toIntlLocale} from '@/i18n/locale-utils';
  * @param locale Routing locale (e.g. 'en', 'de')
  * @param currencyCode ISO 4217 currency code (e.g. 'EUR', 'USD')
  */
-export function formatPrice(price: number, locale: string, currencyCode = 'EUR', options?: Intl.NumberFormatOptions): string {
+export function formatPrice(
+    price: number,
+    locale: string,
+    currencyCode = 'EUR',
+    options?: Intl.NumberFormatOptions,
+): string {
     return new Intl.NumberFormat(toIntlLocale(locale), {
         style: 'currency',
         currency: currencyCode,
@@ -23,9 +28,10 @@ type DateFormat = 'short' | 'long';
  * @param format 'short' (Jan 15, 2024) or 'long' (January 15, 2024)
  */
 export function formatDate(dateString: string, locale: string, format: DateFormat = 'short'): string {
-    const options: Intl.DateTimeFormatOptions = format === 'long'
-        ? { year: 'numeric', month: 'long', day: 'numeric' }
-        : { year: 'numeric', month: 'short', day: 'numeric' };
+    const options: Intl.DateTimeFormatOptions =
+        format === 'long'
+            ? { year: 'numeric', month: 'long', day: 'numeric' }
+            : { year: 'numeric', month: 'short', day: 'numeric' };
 
     return new Date(dateString).toLocaleDateString(toIntlLocale(locale), options);
 }
@@ -37,8 +43,11 @@ export function formatDate(dateString: string, locale: string, format: DateForma
  */
 export function formatDateTime(dateString: string, locale: string): string {
     return new Date(dateString).toLocaleString(toIntlLocale(locale), {
-        month: 'short', day: 'numeric', year: 'numeric',
-        hour: 'numeric', minute: '2-digit',
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
     });
 }
 

package/dist/assets/storefront/src/lib/metadata.ts

@@ -1,6 +1,6 @@
-import type { Metadata } from 'next';
 import { getBranding } from '@/config/branding';
 import { routing } from '@/i18n/routing';
+import type { Metadata } from 'next';
 
 export const SITE_NAME = process.env.NEXT_PUBLIC_SITE_NAME || getBranding().siteName;
 export const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
@@ -9,77 +9,72 @@ export const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com
  * Truncate text to a maximum length, preserving word boundaries.
  * Strips HTML tags and is ideal for meta descriptions (recommended 150-160 chars).
  */
-export function truncateDescription(
-  text: string | null | undefined,
-  maxLength = 155
-): string {
-  if (!text) return '';
+export function truncateDescription(text: string | null | undefined, maxLength = 155): string {
+    if (!text) return '';
 
-  // Strip HTML tags if present
-  const cleanText = text.replace(/<[^>]*>/g, '').trim();
+    // Strip HTML tags if present
+    const cleanText = text.replace(/<[^>]*>/g, '').trim();
 
-  if (cleanText.length <= maxLength) return cleanText;
+    if (cleanText.length <= maxLength) return cleanText;
 
-  // Find the last space before maxLength to avoid cutting words
-  const truncated = cleanText.substring(0, maxLength);
-  const lastSpaceIndex = truncated.lastIndexOf(' ');
+    // Find the last space before maxLength to avoid cutting words
+    const truncated = cleanText.substring(0, maxLength);
+    const lastSpaceIndex = truncated.lastIndexOf(' ');
 
-  return lastSpaceIndex > 0
-    ? truncated.substring(0, lastSpaceIndex) + '...'
-    : truncated + '...';
+    return lastSpaceIndex > 0 ? truncated.substring(0, lastSpaceIndex) + '...' : truncated + '...';
 }
 
 /**
  * Build a canonical URL for a given path, optionally prefixed with locale.
  */
 export function buildCanonicalUrl(path: string, locale?: string): string {
-  const baseUrl = SITE_URL.replace(/\/$/, '');
-  const cleanPath = path.startsWith('/') ? path : `/${path}`;
-  const prefix = locale ? `/${locale}` : '';
-  return `${baseUrl}${prefix}${cleanPath}`;
+    const baseUrl = SITE_URL.replace(/\/$/, '');
+    const cleanPath = path.startsWith('/') ? path : `/${path}`;
+    const prefix = locale ? `/${locale}` : '';
+    return `${baseUrl}${prefix}${cleanPath}`;
 }
 
 /**
  * Build hreflang alternates for all configured locales.
  */
 export function buildAlternates(path: string, currentLocale?: string): Metadata['alternates'] {
-  const languages: Record<string, string> = {};
-  for (const loc of routing.locales) {
-    languages[loc] = buildCanonicalUrl(path, loc);
-  }
-  return {
-    canonical: buildCanonicalUrl(path, currentLocale),
-    languages,
-  };
+    const languages: Record<string, string> = {};
+    for (const loc of routing.locales) {
+        languages[loc] = buildCanonicalUrl(path, loc);
+    }
+    return {
+        canonical: buildCanonicalUrl(path, currentLocale),
+        languages,
+    };
 }
 
 /**
  * Build Open Graph image array from an image URL.
  */
 export function buildOgImages(
-  imageUrl: string | null | undefined,
-  alt?: string
+    imageUrl: string | null | undefined,
+    alt?: string,
 ): NonNullable<Metadata['openGraph']>['images'] {
-  if (!imageUrl) return undefined;
+    if (!imageUrl) return undefined;
 
-  return [
-    {
-      url: imageUrl,
-      alt: alt || 'Product image',
-    },
-  ];
+    return [
+        {
+            url: imageUrl,
+            alt: alt || 'Product image',
+        },
+    ];
 }
 
 /**
  * Create noindex/nofollow robots config for protected pages.
  */
 export function noIndexRobots(): Metadata['robots'] {
-  return {
-    index: false,
-    follow: false,
-    googleBot: {
-      index: false,
-      follow: false,
-    },
-  };
+    return {
+        index: false,
+        follow: false,
+        googleBot: {
+            index: false,
+            follow: false,
+        },
+    };
 }

package/dist/assets/storefront/src/lib/quantity.ts

@@ -8,13 +8,11 @@ export function normalizeQuantity(
     value: number | string | null | undefined,
     minimum: number = MIN_ORDER_QUANTITY,
 ) {
-    const parsed = typeof value === 'number'
-        ? value
-        : Number.parseInt(value ?? '', 10);
+    const parsed = typeof value === 'number' ? value : Number.parseInt(value ?? '', 10);
 
     if (!Number.isFinite(parsed)) {
         return minimum;
     }
 
     return Math.max(minimum, Math.floor(parsed));
-}
+}

package/dist/assets/storefront/src/lib/search-bar-context.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { createContext, useContext, useState, useCallback, useRef, useEffect } from 'react';
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 
 interface SearchBarContextType {
     hasInlineSearch: boolean;
@@ -22,8 +22,9 @@ export function SearchBarProvider({ children }: { children: React.ReactNode }) {
         function handleKeyDown(e: KeyboardEvent) {
             if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
                 e.preventDefault();
-                const input = searchInputRef.current
-                    ?? document.querySelector<HTMLInputElement>('input[type="search"]');
+                const input =
+                    searchInputRef.current ??
+                    document.querySelector<HTMLInputElement>('input[type="search"]');
                 input?.focus();
             }
         }
@@ -32,7 +33,9 @@ export function SearchBarProvider({ children }: { children: React.ReactNode }) {
     }, []);
 
     return (
-        <SearchBarContext.Provider value={{ hasInlineSearch, registerInlineSearch, unregisterInlineSearch, searchInputRef }}>
+        <SearchBarContext.Provider
+            value={{ hasInlineSearch, registerInlineSearch, unregisterInlineSearch, searchInputRef }}
+        >
             {children}
         </SearchBarContext.Provider>
     );

package/dist/assets/storefront/src/lib/use-recent-searches.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useCallback } from 'react';
+import { useCallback, useState } from 'react';
 
 const STORAGE_KEY = 'vendure-recent-searches';
 const MAX_RECENT = 5;
@@ -11,7 +11,9 @@ function readFromStorage(): string[] {
         const raw = localStorage.getItem(STORAGE_KEY);
         if (!raw) return [];
         const parsed = JSON.parse(raw);
-        return Array.isArray(parsed) ? parsed.filter((s): s is string => typeof s === 'string').slice(0, MAX_RECENT) : [];
+        return Array.isArray(parsed)
+            ? parsed.filter((s): s is string => typeof s === 'string').slice(0, MAX_RECENT)
+            : [];
     } catch {
         return [];
     }
@@ -31,16 +33,16 @@ export function useRecentSearches() {
     const addSearch = useCallback((term: string) => {
         const trimmed = term.trim();
         if (!trimmed) return;
-        setSearches(prev => {
-            const next = [trimmed, ...prev.filter(s => s !== trimmed)].slice(0, MAX_RECENT);
+        setSearches((prev) => {
+            const next = [trimmed, ...prev.filter((s) => s !== trimmed)].slice(0, MAX_RECENT);
             writeToStorage(next);
             return next;
         });
     }, []);
 
     const removeSearch = useCallback((term: string) => {
-        setSearches(prev => {
-            const next = prev.filter(s => s !== term);
+        setSearches((prev) => {
+            const next = prev.filter((s) => s !== term);
             writeToStorage(next);
             return next;
         });

package/dist/assets/storefront/src/lib/utils.ts

@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+    return twMerge(clsx(inputs));
 }

package/dist/assets/storefront/src/lib/vendure/actions.ts

@@ -1,8 +1,4 @@
-import {client} from './api';
-import {GetActiveCustomerQuery, GetCompanyAccountQuery, GetMyCompaniesQuery, type CompanyUserCompany} from './queries';
-import {getActiveChannelCached} from './cached';
-import {cache} from "react";
-import {readFragment, ResultOf} from "@/graphql";
+import { readFragment, ResultOf } from '@/graphql';
 import {
     ActiveCustomerFragment,
     CompanyBusinessUnitFragment,
@@ -10,7 +6,16 @@ import {
     CompanyPermissionFragment,
     CompanyRoleFragment,
     CompanyUserFragment,
-} from "@/lib/vendure/fragments";
+} from '@/lib/vendure/fragments';
+import { cache } from 'react';
+import { client } from './api';
+import { getActiveChannelCached } from './cached';
+import {
+    GetActiveCustomerQuery,
+    GetCompanyAccountQuery,
+    GetMyCompaniesQuery,
+    type CompanyUserCompany,
+} from './queries';
 
 type CompanyRoleData = Omit<ResultOf<typeof CompanyRoleFragment>, 'permissions'> & {
     permissions: ResultOf<typeof CompanyPermissionFragment>[];
@@ -34,7 +39,7 @@ export const getActiveCustomer = cache(async () => {
         return null;
     }
     return readFragment(ActiveCustomerFragment, result.data.activeCustomer);
-})
+});
 
 export const getCompanyAccount = cache(async (): Promise<CompanyAccount | null> => {
     const [result, error] = await client.query(GetCompanyAccountQuery);
@@ -52,14 +57,14 @@ export const getCompanyAccount = cache(async (): Promise<CompanyAccount | null>
 
     const companyUser: CompanyUserData = {
         ...rawUser,
-        companyRoles: rawUser.companyRoles.map(r => {
+        companyRoles: rawUser.companyRoles.map((r) => {
             const role = readFragment(CompanyRoleFragment, r);
             return {
                 ...role,
-                permissions: role.permissions.map(p => readFragment(CompanyPermissionFragment, p)),
+                permissions: role.permissions.map((p) => readFragment(CompanyPermissionFragment, p)),
             };
         }),
-        businessUnits: rawUser.businessUnits.map(bu => readFragment(CompanyBusinessUnitFragment, bu)),
+        businessUnits: rawUser.businessUnits.map((bu) => readFragment(CompanyBusinessUnitFragment, bu)),
     };
 
     return {
@@ -76,8 +81,8 @@ export const getMyCompanies = cache(async (): Promise<CompanyUserCompany[]> => {
     const customer = result.data.activeCustomer;
     if (!customer) return [];
     return customer.companyUsers
-        .filter(cu => cu.state === 'Active')
-        .map(cu => ({ id: cu.company.id, name: cu.company.name, state: cu.company.state }));
+        .filter((cu) => cu.state === 'Active')
+        .map((cu) => ({ id: cu.company.id, name: cu.company.name, state: cu.company.state }));
 });
 
 /**
@@ -86,10 +91,7 @@ export const getMyCompanies = cache(async (): Promise<CompanyUserCompany[]> => {
  * to getMyCompanies (which includes pending companies via CompanyUser state).
  */
 export const getHasCompany = cache(async (): Promise<boolean> => {
-    const [companyAccount, companies] = await Promise.all([
-        getCompanyAccount(),
-        getMyCompanies(),
-    ]);
+    const [companyAccount, companies] = await Promise.all([getCompanyAccount(), getMyCompanies()]);
     return !!companyAccount || companies.length > 0;
 });
 

package/dist/assets/storefront/src/lib/vendure/api.ts

@@ -1,5 +1,5 @@
-import {createClient} from '@vendure-platform/storefront-client';
-import type {RequestMiddleware} from '@vendure-platform/storefront-client';
+import type { RequestMiddleware } from '@vendure-platform/storefront-client';
+import { createClient } from '@vendure-platform/storefront-client';
 
 const DRAFT_MODE_SECRET = process.env.DRAFT_MODE_SECRET;
 
@@ -11,7 +11,7 @@ const DRAFT_MODE_SECRET = process.env.DRAFT_MODE_SECRET;
 const draftModeMiddleware: RequestMiddleware = async (req, next) => {
     if (DRAFT_MODE_SECRET) {
         try {
-            const {draftMode} = await import('next/headers');
+            const { draftMode } = await import('next/headers');
             const draft = await draftMode();
             if (draft.isEnabled) {
                 const url = new URL(req.url);
@@ -26,35 +26,44 @@ const draftModeMiddleware: RequestMiddleware = async (req, next) => {
 };
 
 const VENDURE_API_URL = process.env.VENDURE_SHOP_API_URL || process.env.NEXT_PUBLIC_VENDURE_SHOP_API_URL;
-const VENDURE_CHANNEL_TOKEN = process.env.VENDURE_CHANNEL_TOKEN || process.env.NEXT_PUBLIC_VENDURE_CHANNEL_TOKEN;
+const VENDURE_CHANNEL_TOKEN =
+    process.env.VENDURE_CHANNEL_TOKEN || process.env.NEXT_PUBLIC_VENDURE_CHANNEL_TOKEN;
 const VENDURE_AUTH_TOKEN_HEADER = process.env.VENDURE_AUTH_TOKEN_HEADER || 'vendure-auth-token';
 const VENDURE_CHANNEL_TOKEN_HEADER = process.env.VENDURE_CHANNEL_TOKEN_HEADER || 'vendure-token';
 
 if (!VENDURE_API_URL) {
-    throw new Error('VENDURE_SHOP_API_URL or NEXT_PUBLIC_VENDURE_SHOP_API_URL environment variable is not set');
+    throw new Error(
+        'VENDURE_SHOP_API_URL or NEXT_PUBLIC_VENDURE_SHOP_API_URL environment variable is not set',
+    );
 }
 
 // Dynamic imports to avoid Next.js static analysis marking this module as dynamic.
 // cookies() is only available in request context — providers gracefully return undefined otherwise.
 async function safeGetAuthToken(): Promise<string | undefined> {
     try {
-        const {getAuthToken} = await import('@/lib/auth');
+        const { getAuthToken } = await import('@/lib/auth');
         return await getAuthToken();
-    } catch { return undefined; }
+    } catch {
+        return undefined;
+    }
 }
 
 async function safeGetCompanyId(): Promise<string | undefined> {
     try {
-        const {getCompanyId} = await import('@/lib/company-context');
+        const { getCompanyId } = await import('@/lib/company-context');
         return await getCompanyId();
-    } catch { return undefined; }
+    } catch {
+        return undefined;
+    }
 }
 
 async function safeGetBusinessUnitId(): Promise<string | undefined> {
     try {
-        const {getBusinessUnitId} = await import('@/lib/company-context');
+        const { getBusinessUnitId } = await import('@/lib/company-context');
         return await getBusinessUnitId();
-    } catch { return undefined; }
+    } catch {
+        return undefined;
+    }
 }
 
 /**
@@ -65,16 +74,20 @@ async function safeGetBusinessUnitId(): Promise<string | undefined> {
  */
 async function safeGetChannelToken(): Promise<string | undefined> {
     try {
-        const {getActiveChannelToken} = await import('@/lib/channel-server');
+        const { getActiveChannelToken } = await import('@/lib/channel-server');
         return await getActiveChannelToken();
-    } catch { return undefined; }
+    } catch {
+        return undefined;
+    }
 }
 
 async function safeGetLanguageCode(): Promise<string | undefined> {
     try {
-        const {getLocale} = await import('next-intl/server');
+        const { getLocale } = await import('next-intl/server');
         return await getLocale();
-    } catch { return undefined; }
+    } catch {
+        return undefined;
+    }
 }
 
 const sharedConfig = {
@@ -95,7 +108,7 @@ const sharedConfig = {
  */
 const currencyMiddleware: RequestMiddleware = async (req, next) => {
     try {
-        const {getActiveCurrencyCode} = await import('@/lib/currency-server');
+        const { getActiveCurrencyCode } = await import('@/lib/currency-server');
         const currency = await getActiveCurrencyCode();
         const url = new URL(req.url);
         url.searchParams.set('currencyCode', currency);
@@ -130,7 +143,7 @@ export const client = createClient({
  * access cookies, headers, or draftMode. Pass languageCode and currencyCode explicitly
  * as query options from the calling function.
  */
-export const publicClient = createClient({...sharedConfig});
+export const publicClient = createClient({ ...sharedConfig });
 
 /**
  * Pre-resolved context for use at cache boundaries where cookies() is not available.
@@ -149,20 +162,20 @@ export interface VendureContext {
  * Use this at cache boundaries ('use cache') where providers can't access cookies().
  */
 export async function getVendureContext(): Promise<VendureContext> {
-    const {getAuthToken} = await import('@/lib/auth');
+    const { getAuthToken } = await import('@/lib/auth');
     const authToken = await getAuthToken();
     let companyId: string | undefined;
     let businessUnitId: string | undefined;
     try {
-        const {getCompanyId, getBusinessUnitId} = await import('@/lib/company-context');
+        const { getCompanyId, getBusinessUnitId } = await import('@/lib/company-context');
         companyId = await getCompanyId();
         businessUnitId = await getBusinessUnitId();
     } catch {}
-    const {getActiveChannelToken} = await import('@/lib/channel-server');
+    const { getActiveChannelToken } = await import('@/lib/channel-server');
     const channelToken = await getActiveChannelToken();
-    const {getRouteLocale} = await import('@/i18n/server');
+    const { getRouteLocale } = await import('@/i18n/server');
     const locale = await getRouteLocale();
-    const {getActiveCurrencyCode} = await import('@/lib/currency-server');
+    const { getActiveCurrencyCode } = await import('@/lib/currency-server');
     const currencyCode = await getActiveCurrencyCode();
-    return {authToken, channelToken, companyId, businessUnitId, locale, currencyCode};
+    return { authToken, channelToken, companyId, businessUnitId, locale, currencyCode };
 }

package/dist/assets/storefront/src/lib/vendure/approval-utils.ts

@@ -1,21 +1,22 @@
-import {client} from '@/lib/vendure/api';
-import type {VendureContext} from '@/lib/vendure/api';
-import {GetApprovalHistoryForEntityQuery} from '@/lib/vendure/queries';
+import type { VendureContext } from '@/lib/vendure/api';
+import { client } from '@/lib/vendure/api';
+import { GetApprovalHistoryForEntityQuery } from '@/lib/vendure/queries';
 
 export async function getLatestApprovalForOrder(orderId: string, ctx?: VendureContext) {
     const queryArgs = { entityType: 'Order', entityId: orderId } as const;
     const [result] = ctx
         ? await client.query(GetApprovalHistoryForEntityQuery, queryArgs, ctx)
         : await client.query(GetApprovalHistoryForEntityQuery, queryArgs);
-    const history = [...(result?.data?.approvalHistoryForEntity ?? [])]
-        .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+    const history = [...(result?.data?.approvalHistoryForEntity ?? [])].sort(
+        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime(),
+    );
     const latestApproval = history[0] ?? null;
     const changesRequested = latestApproval?.status === 'CHANGES_REQUESTED';
     const changesComment = changesRequested
         ? latestApproval.decisions
-            ?.filter((d: any) => d.decision === 'CHANGES_REQUESTED' && d.comment)
-            .map((d: any) => d.comment)
-            .at(-1) ?? null
+              ?.filter((d: any) => d.decision === 'CHANGES_REQUESTED' && d.comment)
+              .map((d: any) => d.comment)
+              .at(-1) ?? null
         : null;
     return { latestApproval, changesRequested, changesComment };
 }