@vendure/dashboard 3.3.6-master-202507110238 → 3.3.6-master-202507120238

package/dist/plugin/utils/config-loader.js

@@ -199,13 +199,13 @@ export async function compileFile({ inputRootDir, inputPath, outputDir, transfor
                 // Attempt to resolve using path aliases
                 let resolved = false;
                 for (const [alias, patterns] of Object.entries(tsConfigInfo.paths)) {
-                    const aliasPrefix = alias.replace('*', '');
+                    const aliasPrefix = alias.replace(/\*/g, '');
                     const aliasSuffix = alias.endsWith('*') ? '*' : '';
                     if (importPath.startsWith(aliasPrefix) &&
                         (aliasSuffix === '*' || importPath === aliasPrefix)) {
                         const remainingImportPath = importPath.slice(aliasPrefix.length);
                         for (const pattern of patterns) {
-                            const patternPrefix = pattern.replace('*', '');
+                            const patternPrefix = pattern.replace(/\*/g, '');
                             const patternSuffix = pattern.endsWith('*') ? '*' : '';
                             // Ensure suffix match consistency (* vs exact)
                             if (aliasSuffix !== patternSuffix)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vendure/dashboard",
   "private": false,
-  "version": "3.3.6-master-202507110238",
+  "version": "3.3.6-master-202507120238",
   "type": "module",
   "repository": {
     "type": "git",
@@ -86,8 +86,8 @@
     "@types/react-dom": "^19.0.4",
     "@types/react-grid-layout": "^1.3.5",
     "@uidotdev/usehooks": "^2.4.1",
-    "@vendure/common": "^3.3.6-master-202507110238",
-    "@vendure/core": "^3.3.6-master-202507110238",
+    "@vendure/common": "^3.3.6-master-202507120238",
+    "@vendure/core": "^3.3.6-master-202507120238",
     "@vitejs/plugin-react": "^4.3.4",
     "awesome-graphql-client": "^2.1.0",
     "class-variance-authority": "^0.7.1",
@@ -130,5 +130,5 @@
     "lightningcss-linux-arm64-musl": "^1.29.3",
     "lightningcss-linux-x64-musl": "^1.29.1"
   },
-  "gitHead": "48140d95d510219816f76bd5d53af779e67011f3"
+  "gitHead": "8564bf5f2b06727ce0145bf616275949f07f981a"
 }

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

@@ -32,7 +32,6 @@ interface CustomerAddressSelectorProps {
 }
 
 export function CustomerAddressSelector({ customerId, onSelect }: Readonly<CustomerAddressSelectorProps>) {
-    const { i18n } = useLingui();
     const [open, setOpen] = useState(false);
 
     const { data, isLoading } = useQuery<CustomerAddressesQuery>({

package/src/app/routes/_authenticated/_orders/components/payment-details.tsx

@@ -18,7 +18,11 @@ import {
     transitionPaymentToStateDocument,
 } from '../orders.graphql.js';
 import { SettleRefundDialog } from './settle-refund-dialog.js';
-import { getTypeForState, StateTransitionControl } from './state-transition-control.js';
+import {
+    getTypeForState,
+    StateTransitionAction,
+    StateTransitionControl,
+} from './state-transition-control.js';
 
 type PaymentDetailsProps = {
     payment: ResultOf<typeof paymentWithRefundsFragment>;
@@ -131,7 +135,7 @@ export function PaymentDetails({ payment, currencyCode, onSuccess }: Readonly<Pa
     };
 
     const getPaymentActions = () => {
-        const actions = [];
+        const actions: StateTransitionAction[] = [];
 
         if (payment.nextStates?.includes('Settled')) {
             actions.push({

package/src/app/routes/_authenticated/_orders/components/state-transition-control.tsx

@@ -9,9 +9,9 @@ import { Trans } from '@/vdb/lib/trans.js';
 import { cn } from '@/vdb/lib/utils.js';
 import { EllipsisVertical, CircleDashed, CircleCheck, CircleX } from 'lucide-react';
 
-type StateType = 'default' | 'destructive' | 'success';
+export type StateType = 'default' | 'destructive' | 'success';
 
-type StateTransitionAction = {
+export type StateTransitionAction = {
     label: string;
     onClick: () => void;
     disabled?: boolean;

package/src/app/routes/_authenticated/_orders/orders_.draft.$id.tsx

@@ -249,7 +249,6 @@ function DraftOrderPage() {
     const { mutate: removeCouponCodeForDraftOrder } = useMutation({
         mutationFn: api.mutate(removeCouponCodeFromDraftOrderDocument),
         onSuccess: (result: ResultOf<typeof removeCouponCodeFromDraftOrderDocument>) => {
-            const order = result.removeCouponCodeFromDraftOrder;
             toast.success(i18n.t('Coupon code removed from order'));
             refreshEntity();
         },

package/src/app/routes/_authenticated/_products/components/option-value-input.tsx

@@ -37,7 +37,7 @@ export function OptionValueInput({
     groupIndex,
     disabled = false,
 }: Readonly<OptionValueInputProps>) {
-    const { control, watch } = useFormContext<FormValues>();
+    const { control } = useFormContext<FormValues>();
     const { fields, append, remove } = useFieldArray({
         control,
         name: `optionGroups.${groupIndex}.values`,

package/src/app/routes/_authenticated/_zones/components/zone-countries-table.tsx

@@ -28,13 +28,6 @@ export function ZoneCountriesTable({ zoneId, canAddCountries = false }: Readonly
         },
     });
 
-    const { mutate: removeCountryFromZone } = useMutation({
-        mutationFn: api.mutate(removeCountryFromZoneMutation),
-        onSuccess: () => {
-            refetch();
-        },
-    });
-
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(10);
 

package/src/lib/components/layout/content-language-selector.tsx

@@ -14,7 +14,7 @@ export function ContentLanguageSelector({ value, onChange, className }: ContentL
     const serverConfig = useServerConfig();
     const { formatLanguageName } = useLocalFormat();
     const {
-        settings: { contentLanguage, displayLanguage },
+        settings: { contentLanguage },
         setContentLanguage,
     } = useUserSettings();
 

package/src/lib/components/shared/asset/asset-preview.tsx

@@ -29,12 +29,6 @@ export function AssetPreview({ asset, assets, customFields = [] }: Readonly<Asse
     const imageRef = useRef<HTMLImageElement>(null);
     const containerRef = useRef<HTMLDivElement>(null);
 
-    const form = useForm({
-        defaultValues: {
-            name: asset.name,
-            tags: asset.tags?.map(t => t.value) || [],
-        },
-    });
     const activeAsset = assets?.[assetIndex] ?? asset;
 
     useEffect(() => {

package/src/lib/components/shared/option-value-input.tsx

@@ -32,7 +32,7 @@ interface OptionValueInputProps {
 }
 
 export function OptionValueInput({ groupIndex, disabled = false }: Readonly<OptionValueInputProps>) {
-    const { control, watch } = useFormContext<FormValues>();
+    const { control } = useFormContext<FormValues>();
     const { fields, append, remove } = useFieldArray({
         control,
         name: `optionGroups.${groupIndex}.values`,

package/src/lib/components/shared/product-variant-selector.tsx

@@ -59,7 +59,7 @@ export function ProductVariantSelector({ onProductVariantSelect }: Readonly<Prod
     const [open, setOpen] = useState(false);
     const debouncedSearch = useDebounce(search, 500);
 
-    const { data, isLoading } = useQuery({
+    const { data } = useQuery({
         queryKey: ['productVariants', debouncedSearch],
         staleTime: 1000 * 60 * 5,
         enabled: debouncedSearch.length > 0,

package/src/lib/components/ui/calendar.tsx

@@ -77,7 +77,7 @@ function Calendar({
         }, [yearRange]),
     );
 
-    const { onNextClick, onPrevClick, startMonth, endMonth } = props;
+    const { onPrevClick, startMonth, endMonth } = props;
 
     const columnsDisplayed = navView === 'years' ? 1 : numberOfMonths;
 

package/src/lib/framework/dashboard-widget/metrics-widget/index.tsx

@@ -19,7 +19,7 @@ export function MetricsWidget() {
     const { activeChannel } = useChannel();
     const [dataType, setDataType] = useState<DATA_TYPES>(DATA_TYPES.OrderTotal);
 
-    const { data, error } = useQuery({
+    const { data } = useQuery({
         queryKey: ['dashboard-order-metrics', dataType],
         queryFn: () => {
             return api.query(orderChartDataQuery, {

package/src/lib/framework/dashboard-widget/orders-summary/index.tsx

@@ -37,8 +37,6 @@ function PercentageChange({ value }: PercentageChangeProps) {
 
 export function OrdersSummaryWidget() {
     const [range, setRange] = useState<Range>(Range.Today);
-    const { formatCurrency } = useLocalFormat();
-    const { activeChannel } = useChannel();
 
     const variables = useMemo(() => {
         const now = new Date();

package/src/lib/hooks/use-extended-list-query.ts

@@ -10,14 +10,13 @@ import { usePage } from './use-page.js';
 
 export function useExtendedListQuery<T extends DocumentNode>(listQuery: T) {
     const { pageId } = usePage();
-    const { blockId } = usePageBlock();
+    const { blockId } = usePageBlock() ?? {};
     const { i18n } = useLingui();
     const listQueryExtensions = pageId && blockId ? getListQueryDocuments(pageId, blockId) : [];
     const hasShownError = useRef(false);
 
     const extendedListQuery = useMemo(() => {
         let result: T = listQuery;
-        let error: Error | null = null;
 
         try {
             result = listQueryExtensions.reduce(
@@ -25,40 +24,43 @@ export function useExtendedListQuery<T extends DocumentNode>(listQuery: T) {
                 listQuery,
             ) as T;
         } catch (err) {
-            error = err instanceof Error ? err : new Error(String(err));
+            const error = err instanceof Error ? err : new Error(String(err));
             // Continue with the original query instead of the extended one
             result = listQuery;
-        }
 
-        // Store error for useEffect to handle
-        if (error && !hasShownError.current) {
-            hasShownError.current = true;
+            // Store error for useEffect to handle
+            if (error && !hasShownError.current) {
+                hasShownError.current = true;
 
-            // Provide a helpful error message based on the error type
-            let errorMessage = i18n.t('Failed to extend query document');
-            if (error.message.includes('Extension query must have at least one top-level field')) {
-                errorMessage = i18n.t('Query extension is invalid: must have at least one top-level field');
-            } else if (error.message.includes('The query extension must extend the')) {
-                errorMessage = i18n.t('Query extension mismatch: ') + error.message;
-            } else if (error.message.includes('Syntax Error')) {
-                errorMessage = i18n.t('Query extension contains invalid GraphQL syntax');
-            } else {
-                errorMessage = i18n.t('Query extension error: ') + error.message;
-            }
+                // Provide a helpful error message based on the error type
+                let errorMessageText = i18n.t('Failed to extend query document');
+                if (error.message.includes('Extension query must have at least one top-level field')) {
+                    errorMessageText = i18n.t(
+                        'Query extension is invalid: must have at least one top-level field',
+                    );
+                } else if (error.message.includes('The query extension must extend the')) {
+                    errorMessageText = i18n.t('Query extension mismatch: ') + error.message;
+                } else if (error.message.includes('Syntax Error')) {
+                    errorMessageText = i18n.t('Query extension contains invalid GraphQL syntax');
+                } else {
+                    errorMessageText = i18n.t('Query extension error: ') + error.message;
+                }
 
-            // Log the error and continue with the original query
-            // eslint-disable-next-line no-console
-            console.warn(`${errorMessage}. Continuing with original query.`, {
-                pageId,
-                blockId,
-                extensionsCount: listQueryExtensions.length,
-                error: error.message,
-            });
+                // Log the error and continue with the original query
+                // eslint-disable-next-line no-console
+                console.warn(`${errorMessageText}. Continuing with original query.`, {
+                    pageId,
+                    blockId,
+                    extensionsCount: listQueryExtensions.length,
+                    error: error.message,
+                });
 
-            // Show a user-friendly toast notification
-            toast.error(i18n.t('Query extension error'), {
-                description: errorMessage + '. ' + i18n.t('The page will continue with the default query.'),
-            });
+                // Show a user-friendly toast notification
+                toast.error(i18n.t('Query extension error'), {
+                    description:
+                        errorMessageText + '. ' + i18n.t('The page will continue with the default query.'),
+                });
+            }
         }
 
         return result;

package/vite/utils/config-loader.ts

@@ -372,7 +372,7 @@ export async function compileFile({
                 // Attempt to resolve using path aliases
                 let resolved = false;
                 for (const [alias, patterns] of Object.entries(tsConfigInfo.paths)) {
-                    const aliasPrefix = alias.replace('*', '');
+                    const aliasPrefix = alias.replace(/\*/g, '');
                     const aliasSuffix = alias.endsWith('*') ? '*' : '';
 
                     if (
@@ -381,7 +381,7 @@ export async function compileFile({
                     ) {
                         const remainingImportPath = importPath.slice(aliasPrefix.length);
                         for (const pattern of patterns) {
-                            const patternPrefix = pattern.replace('*', '');
+                            const patternPrefix = pattern.replace(/\*/g, '');
                             const patternSuffix = pattern.endsWith('*') ? '*' : '';
                             // Ensure suffix match consistency (* vs exact)
                             if (aliasSuffix !== patternSuffix) continue;