@vendure/dashboard 3.5.0-minor-202510012036 → 3.5.0-minor-202510071456

package/src/app/routes/_authenticated/_global-settings/utils/global-languages.ts

@@ -0,0 +1,268 @@
+export const globalLanguageCodes = [
+    /** Afrikaans */
+    'af',
+    /** Akan */
+    'ak',
+    /** Amharic */
+    'am',
+    /** Arabic */
+    'ar',
+    /** Assamese */
+    'as',
+    /** Azerbaijani */
+    'az',
+    /** Belarusian */
+    'be',
+    /** Bulgarian */
+    'bg',
+    /** Bambara */
+    'bm',
+    /** Bangla */
+    'bn',
+    /** Breton */
+    'br',
+    /** Bosnian */
+    'bs',
+    /** Catalan */
+    'ca',
+    /** Chechen */
+    'co',
+    /** Czech */
+    'cs',
+    /** Welsh */
+    'cy',
+    /** Danish */
+    'da',
+    /** German */
+    'de',
+    /** Ewe */
+    'ee',
+    /** Greek */
+    'el',
+    /** English */
+    'en',
+    /** Esperanto */
+    'eo',
+    /** Spanish */
+    'es',
+    /** European Spanish */
+    'es_ES',
+    /** Mexican Spanish */
+    'es_MX',
+    /** Estonian */
+    'et',
+    /** Basque */
+    'eu',
+    /** Persian */
+    'fa',
+    /** Dari */
+    'fa_AF',
+    /** Finnish */
+    'fi',
+    /** Faroese */
+    'fo',
+    /** French */
+    'fr',
+    /** Canadian French */
+    'fr_CA',
+    /** Swiss French */
+    'fr_CH',
+    /** Western Frisian */
+    'fy',
+    /** Irish */
+    'ga',
+    /** Scottish Gaelic */
+    'gd',
+    /** Galician */
+    'gl',
+    /** Gujarati */
+    'gu',
+    /** Hausa */
+    'ha',
+    /** Hebrew */
+    'he',
+    /** Hindi */
+    'hi',
+    /** Croatian */
+    'hr',
+    /** Haitian Creole */
+    'ht',
+    /** Hungarian */
+    'hu',
+    /** Armenian */
+    'hy',
+    /** Interlingua */
+    'ia',
+    /** Indonesian */
+    'id',
+    /** Igbo */
+    'ig',
+    /** Icelandic */
+    'is',
+    /** Italian */
+    'it',
+    /** Japanese */
+    'ja',
+    /** Javanese */
+    'jv',
+    /** Georgian */
+    'ka',
+    /** Kazakh */
+    'kk',
+    /** Khmer */
+    'km',
+    /** Kannada */
+    'kn',
+    /** Korean */
+    'ko',
+    /** Kurdish */
+    'ku',
+    /** Kyrgyz */
+    'ky',
+    /** Latin */
+    'la',
+    /** Luxembourgish */
+    'lb',
+    /** Ganda */
+    'lg',
+    /** Lingala */
+    'ln',
+    /** Lao */
+    'lo',
+    /** Lithuanian */
+    'lt',
+    /** Latvian */
+    'lv',
+    /** Malagasy */
+    'mg',
+    /** Maori */
+    'mi',
+    /** Macedonian */
+    'mk',
+    /** Malayalam */
+    'ml',
+    /** Mongolian */
+    'mn',
+    /** Marathi */
+    'mr',
+    /** Malay */
+    'ms',
+    /** Maltese */
+    'mt',
+    /** Burmese */
+    'my',
+    /** Norwegian Bokmål */
+    'nb',
+    /** Nepali */
+    'ne',
+    /** Dutch */
+    'nl',
+    /** Flemish */
+    'nl_BE',
+    /** Norwegian Nynorsk */
+    'nn',
+    /** Nyanja */
+    'ny',
+    /** Oromo */
+    'om',
+    /** Odia */
+    'or',
+    /** Punjabi */
+    'pa',
+    /** Polish */
+    'pl',
+    /** Pashto */
+    'ps',
+    /** Portuguese */
+    'pt',
+    /** Brazilian Portuguese */
+    'pt_BR',
+    /** European Portuguese */
+    'pt_PT',
+    /** Quechua */
+    'qu',
+    /** Romansh */
+    'rm',
+    /** Romanian */
+    'ro',
+    /** Moldavian */
+    'ro_MD',
+    /** Russian */
+    'ru',
+    /** Kinyarwanda */
+    'rw',
+    /** Sanskrit */
+    'sa',
+    /** Sindhi */
+    'sd',
+    /** Sinhala */
+    'si',
+    /** Slovak */
+    'sk',
+    /** Slovenian */
+    'sl',
+    /** Samoan */
+    'sm',
+    /** Shona */
+    'sn',
+    /** Somali */
+    'so',
+    /** Albanian */
+    'sq',
+    /** Serbian */
+    'sr',
+    /** Southern Sotho */
+    'st',
+    /** Sundanese */
+    'su',
+    /** Swedish */
+    'sv',
+    /** Swahili */
+    'sw',
+    /** Congo Swahili */
+    'sw_CD',
+    /** Tamil */
+    'ta',
+    /** Telugu */
+    'te',
+    /** Tajik */
+    'tg',
+    /** Thai */
+    'th',
+    /** Tigrinya */
+    'ti',
+    /** Turkmen */
+    'tk',
+    /** Tongan */
+    'to',
+    /** Turkish */
+    'tr',
+    /** Tatar */
+    'tt',
+    /** Uyghur */
+    'ug',
+    /** Ukrainian */
+    'uk',
+    /** Urdu */
+    'ur',
+    /** Uzbek */
+    'uz',
+    /** Vietnamese */
+    'vi',
+    /** Wolof */
+    'wo',
+    /** Xhosa */
+    'xh',
+    /** Yiddish */
+    'yi',
+    /** Yoruba */
+    'yo',
+    /** Chinese */
+    'zh',
+    /** Simplified Chinese */
+    'zh_Hans',
+    /** Traditional Chinese */
+    'zh_Hant',
+    /** Zulu */
+    'zu',
+];

package/src/app/routes/_authenticated/_orders/components/order-address.tsx

@@ -1,15 +1,13 @@
-import { Separator } from '@/vdb/components/ui/separator.js';
+import { Trans } from '@lingui/react/macro';
 import { ResultOf } from 'gql.tada';
 import { Globe, Phone } from 'lucide-react';
 import { orderAddressFragment } from '../orders.graphql.js';
-import { Trans } from '@lingui/react/macro';
 
 type OrderAddress = Omit<ResultOf<typeof orderAddressFragment>, 'country'> & {
     country: string | { code: string; name: string } | null;
 };
 
 export function OrderAddress({ address }: Readonly<{ address?: OrderAddress }>) {
-
     const {
         fullName,
         company,
@@ -27,7 +25,11 @@ export function OrderAddress({ address }: Readonly<{ address?: OrderAddress }>)
     const countryCodeString = country && typeof country !== 'string' ? country?.code : countryCode;
 
     if (!address || Object.values(address).every(value => !value)) {
-        return <div className="text-sm text-muted-foreground"><Trans>No address</Trans></div>;
+        return (
+            <div className="text-sm text-muted-foreground">
+                <Trans>No address</Trans>
+            </div>
+        );
     }
 
     return (
@@ -41,7 +43,7 @@ export function OrderAddress({ address }: Readonly<{ address?: OrderAddress }>)
                 <p>{[city, province].filter(Boolean).join(', ')}</p>
                 {postalCode && <p>{postalCode}</p>}
                 {country && (
-                    <div className="flex items-center gap-1.5 mt-1">
+                    <div className="flex items-center gap-1.5">
                         <Globe className="h-3 w-3 text-muted-foreground" />
                         <span>{countryName}</span>
                         {countryCodeString && (
@@ -49,17 +51,15 @@ export function OrderAddress({ address }: Readonly<{ address?: OrderAddress }>)
                         )}
                     </div>
                 )}
+                {phoneNumber && (
+                    <>
+                        <div className="flex items-center gap-1.5">
+                            <Phone className="h-3 w-3 text-muted-foreground" />
+                            <span className="text-sm">{phoneNumber}</span>
+                        </div>
+                    </>
+                )}
             </div>
-
-            {phoneNumber && (
-                <>
-                    <Separator className="my-2" />
-                    <div className="flex items-center gap-1.5">
-                        <Phone className="h-3 w-3 text-muted-foreground" />
-                        <span className="text-sm">{phoneNumber}</span>
-                    </div>
-                </>
-            )}
         </div>
     );
 }

package/src/app/routes/_authenticated/_orders/components/order-detail-shared.tsx

@@ -241,7 +241,7 @@ export function OrderDetailShared({
                 </PageBlock>
                 <PageBlock column="side" blockId="customer" title={<Trans>Customer</Trans>}>
                     {entity?.customer ? (
-                        <Button variant="ghost" asChild>
+                        <Button variant="outline" asChild>
                             <Link to={`/customers/${entity.customer.id}`}>
                                 <User className="w-4 h-4" />
                                 {entity.customer.firstName} {entity.customer.lastName}
@@ -255,7 +255,7 @@ export function OrderDetailShared({
                     <div className="mt-4 divide-y">
                         {entity?.shippingAddress && (
                             <div className="pb-6">
-                                <div className="font-medium">
+                                <div className="font-medium mb-6">
                                     <Trans>Shipping address</Trans>
                                 </div>
                                 <OrderAddress address={entity.shippingAddress} />
@@ -263,7 +263,7 @@ export function OrderDetailShared({
                         )}
                         {entity?.billingAddress && (
                             <div className="pt-4">
-                                <div className="font-medium">
+                                <div className="font-medium mb-6">
                                     <Trans>Billing address</Trans>
                                 </div>
                                 <OrderAddress address={entity.billingAddress} />
@@ -293,7 +293,7 @@ export function OrderDetailShared({
                             ))}
                         </div>
                     ) : (
-                        <div className="text-muted-foreground text-xs font-medium p-3 border rounded-md">
+                        <div className="text-muted-foreground text-sm">
                             <Trans>No fulfillments</Trans>
                         </div>
                     )}

package/src/app/routes/_authenticated/_product-variants/components/add-currency-dropdown.tsx

@@ -0,0 +1,49 @@
+import { useLingui } from '@lingui/react/macro';
+import { PlusIcon } from 'lucide-react';
+
+import { Button } from '@/vdb/components/ui/button';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger,
+} from '@/vdb/components/ui/dropdown-menu';
+import { useLocalFormat } from '@/vdb/hooks/use-local-format';
+
+interface AddCurrencyDropdownProps {
+    unusedCurrencies: string[];
+    onCurrencySelect: (currencyCode: string) => void;
+    placeholder?: string;
+}
+
+export function AddCurrencyDropdown({
+    unusedCurrencies,
+    onCurrencySelect,
+    placeholder,
+}: AddCurrencyDropdownProps) {
+    const { formatCurrencyName } = useLocalFormat();
+    const { t } = useLingui();
+
+    if (unusedCurrencies.length === 0) {
+        return null;
+    }
+
+    return (
+        <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+                <Button variant="outline" className="gap-2">
+                    <PlusIcon className="size-4" />
+                    {placeholder || t`Add a price in another currency`}
+                </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+                {unusedCurrencies.map(currencyCode => (
+                    <DropdownMenuItem key={currencyCode} onSelect={() => onCurrencySelect(currencyCode)}>
+                        <span className="uppercase text-muted-foreground">{currencyCode}</span>
+                        {formatCurrencyName(currencyCode)}
+                    </DropdownMenuItem>
+                ))}
+            </DropdownMenuContent>
+        </DropdownMenu>
+    );
+}

package/src/app/routes/_authenticated/_product-variants/components/add-stock-location-dropdown.tsx

@@ -0,0 +1,56 @@
+import { useLingui } from '@lingui/react/macro';
+import { PlusIcon } from 'lucide-react';
+
+import { Button } from '@/vdb/components/ui/button';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger,
+} from '@/vdb/components/ui/dropdown-menu';
+import { ResultOf } from 'gql.tada';
+
+import { stockLocationsQueryDocument } from '../product-variants.graphql.js';
+
+interface AddStockLocationDropdownProps {
+    availableStockLocations: ResultOf<typeof stockLocationsQueryDocument>['stockLocations']['items'];
+    usedStockLocationIds: string[];
+    onStockLocationSelect: (stockLocationId: string, stockLocationName: string) => void;
+    placeholder?: string;
+}
+
+export function AddStockLocationDropdown({
+    availableStockLocations,
+    usedStockLocationIds,
+    onStockLocationSelect,
+    placeholder,
+}: AddStockLocationDropdownProps) {
+    const { t } = useLingui();
+
+    const unusedStockLocations = availableStockLocations.filter(sl => !usedStockLocationIds.includes(sl.id));
+
+    if (unusedStockLocations.length === 0) {
+        return null;
+    }
+
+    return (
+        <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+                <Button variant="outline" className="gap-2">
+                    <PlusIcon className="size-4" />
+                    {placeholder || t`Add stock level for another location`}
+                </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+                {unusedStockLocations.map(location => (
+                    <DropdownMenuItem
+                        key={location.id}
+                        onSelect={() => onStockLocationSelect(location.id, location.name)}
+                    >
+                        {location.name}
+                    </DropdownMenuItem>
+                ))}
+            </DropdownMenuContent>
+        </DropdownMenu>
+    );
+}

package/src/app/routes/_authenticated/_product-variants/product-variants.graphql.ts

@@ -193,3 +193,15 @@ export const updateProductVariantsDocument = graphql(`
         }
     }
 `);
+
+export const stockLocationsQueryDocument = graphql(`
+    query StockLocations {
+        stockLocations(options: { take: 100 }) {
+            items {
+                id
+                name
+                description
+            }
+        }
+    }
+`);