npm - @vendure/dashboard - Versions diffs - 3.5.0-minor-202510031341 → 3.5.0-minor-202510071456 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/dist/plugin/default-page.html CHANGED Viewed

@@ -108,7 +108,7 @@
 </head>
 <body>
     <div class="container">
-        <svg viewBox="0 0 539 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg class="logo" viewBox="0 0 539 100" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path d="M198.715 29.7044C198.311 29.1369 197.638 28.7809 196.916 28.7809H189.317C188.393 28.7809 187.547 29.3774 187.239 30.2431L174.3 67.6252L161.16 30.2239C160.862 29.3581 160.034 28.7617 159.082 28.7617H151.261C150.54 28.7617 149.886 29.108 149.462 29.6852C149.058 30.2527 148.962 31.0031 149.183 31.6764L167.817 82.9974C168.115 83.8632 168.942 84.4404 169.866 84.4404H178.139C179.062 84.4404 179.889 83.8728 180.188 82.9974L198.927 31.6764C199.177 31.0031 199.081 30.2623 198.648 29.6852L198.696 29.714L198.715 29.7044Z" fill="#17C1FF"/>
             <path d="M252.778 58.3518C252.855 57.5342 252.903 56.4086 252.903 54.9465C252.903 49.7807 251.729 45.0286 249.43 40.8055C247.131 36.5825 243.88 33.1771 239.839 30.7145C235.77 28.2518 231.143 26.982 226.15 26.982C220.85 26.982 216.031 28.2711 211.836 30.8107C207.642 33.3503 204.343 36.9288 201.995 41.4212C199.667 45.8655 198.494 50.9639 198.494 56.553C198.494 62.142 199.696 67.2404 202.044 71.7135C204.42 76.2156 207.767 79.7941 211.99 82.3241C216.213 84.8636 221.081 86.1527 226.458 86.1527C232.23 86.1527 237.329 84.9887 241.619 82.6511C245.89 80.3135 249.392 77.0621 252.008 72.9834C252.633 71.9925 252.354 70.6746 251.383 70.0012L245.438 66.0476C244.938 65.7205 244.341 65.5955 243.735 65.7205C243.158 65.8456 242.639 66.2207 242.34 66.7113C240.792 69.299 238.695 71.3384 236.145 72.8006C233.596 74.2435 230.277 74.9842 226.256 74.9842C221.456 74.9842 217.791 73.4162 215.04 70.1648C212.644 67.327 211.163 64.0755 210.595 60.2469H250.613C251.739 60.2469 252.691 59.4004 252.787 58.2845V58.3326L252.778 58.3518ZM211.355 49.8288C212.25 46.7986 213.78 44.2397 215.925 42.0753C218.57 39.4395 221.899 38.1505 226.122 38.1505C230.345 38.1505 233.846 39.2664 236.318 41.5558C238.339 43.4413 239.791 46.231 240.59 49.8095H211.336L211.365 49.8384L211.355 49.8288Z" fill="#17C1FF"/>
             <path d="M305.417 36.6883C303.396 33.5042 300.645 31.0512 297.25 29.4062C293.931 27.819 290.227 26.9917 286.331 26.9917C282.108 26.9917 278.337 28.0114 275.086 30.0026C273.758 30.8203 272.537 31.7919 271.44 32.8885V30.9261C271.44 29.7333 270.468 28.7425 269.237 28.7425H261.743C260.541 28.7425 259.54 29.714 259.54 30.9261V82.2471C259.54 83.4399 260.512 84.4308 261.743 84.4308H269.237C270.439 84.4308 271.44 83.4592 271.44 82.2471V56.5722C271.44 50.7811 272.642 46.1348 275.009 42.8064C277.231 39.6704 280.559 38.1312 285.129 38.1312C292.978 38.1312 296.624 42.2773 296.624 51.2044V82.2471C296.624 83.4399 297.596 84.4308 298.827 84.4308H306.321C307.523 84.4308 308.524 83.4592 308.524 82.2471V47.9241C308.524 43.653 307.504 39.8724 305.503 36.6883H305.426H305.417Z" fill="#17C1FF"/>

package/dist/vite/utils/tsconfig-utils.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import fs from 'fs-extra';
 import path from 'path';
+import stripJsonComments from 'strip-json-comments';
 /**
  * Finds and parses tsconfig files in the given directory and its parent directories.
  */
@@ -33,7 +34,7 @@ export async function findTsConfigPaths(configPath, logger, phase, transformTsCo
 }
 async function getCompilerOptionsFromFile(tsConfigFilePath) {
     const tsConfigContent = await fs.readFile(tsConfigFilePath, 'utf-8');
-    const tsConfig = JSON.parse(tsConfigContent);
+    const tsConfig = JSON.parse(stripJsonComments(tsConfigContent));
     return tsConfig.compilerOptions || {};
 }
 function getTransformedPathMappings(paths, phase, transformTsConfigPathMappings) {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@vendure/dashboard",
   "private": false,
-  "version": "3.5.0-minor-202510031341",
+  "version": "3.5.0-minor-202510071456",
   "type": "module",
   "repository": {
     "type": "git",
@@ -134,6 +134,7 @@
     "react-resizable-panels": "^3.0.3",
     "recharts": "^2.15.4",
     "sonner": "^2.0.6",
+    "strip-json-comments": "^5.0.3",
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.5",
     "tailwindcss-animate": "^1.0.7",
@@ -146,8 +147,8 @@
   "devDependencies": {
     "@eslint/js": "^9.19.0",
     "@types/node": "^22.13.4",
-    "@vendure/common": "^3.5.0-minor-202510031341",
-    "@vendure/core": "^3.5.0-minor-202510031341",
+    "@vendure/common": "^3.5.0-minor-202510071456",
+    "@vendure/core": "^3.5.0-minor-202510071456",
     "eslint": "^9.19.0",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.0.0",
@@ -159,5 +160,5 @@
     "lightningcss-linux-arm64-musl": "^1.29.3",
     "lightningcss-linux-x64-musl": "^1.29.1"
   },
-  "gitHead": "ffe957ddc6b419f17fced0b4b94fe66fc42528f8"
+  "gitHead": "a0d7f3f10de46e0ab1825b412baf42093dbd9ebf"
 }

package/src/app/routes/_authenticated/_global-settings/global-settings.tsx CHANGED Viewed

@@ -1,9 +1,9 @@
+import { NumberInput } from '@/vdb/components/data-input/number-input.js';
 import { ErrorPage } from '@/vdb/components/shared/error-page.js';
 import { FormFieldWrapper } from '@/vdb/components/shared/form-field-wrapper.js';
 import { LanguageSelector } from '@/vdb/components/shared/language-selector.js';
 import { PermissionGuard } from '@/vdb/components/shared/permission-guard.js';
 import { Button } from '@/vdb/components/ui/button.js';
-import { Input } from '@/vdb/components/ui/input.js';
 import { Switch } from '@/vdb/components/ui/switch.js';
 import { NEW_ENTITY_PATH } from '@/vdb/constants.js';
 import { extendDetailFormQuery } from '@/vdb/framework/document-extension/extend-detail-form-query.js';
@@ -23,6 +23,7 @@ import { Trans, useLingui } from '@lingui/react/macro';
 import { createFileRoute, useNavigate } from '@tanstack/react-router';
 import { toast } from 'sonner';
 import { globalSettingsDocument, updateGlobalSettingsDocument } from './global-settings.graphql.js';
+import { globalLanguageCodes } from './utils/global-languages.js';
 const pageId = 'global-settings';
@@ -119,6 +120,7 @@ function GlobalSettingsPage() {
                                 <LanguageSelector
                                     value={field.value ?? []}
                                     onChange={field.onChange}
+                                    availableLanguageCodes={globalLanguageCodes}
                                     multiple={true}
                                 />
                             )}
@@ -134,13 +136,7 @@ function GlobalSettingsPage() {
                                     by product variants.
                                 </Trans>
                             }
-                            render={({ field }) => (
-                                <Input
-                                    value={field.value ?? []}
-                                    onChange={e => field.onChange(Number(e.target.valueAsNumber))}
-                                    type="number"
-                                />
-                            )}
+                            render={({ field }) => <NumberInput {...field} />}
                         />
                         <FormFieldWrapper
                             control={form.control}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

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