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

package/src/app/routes/_authenticated/_shipping-methods/components/test-order-builder.tsx

@@ -7,6 +7,7 @@ import { AccordionContent, AccordionItem, AccordionTrigger } from '@/vdb/compone
 import { Button } from '@/vdb/components/ui/button.js';
 import { Input } from '@/vdb/components/ui/input.js';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/vdb/components/ui/table.js';
+import { LS_KEY_SHIPPING_TEST_ORDER } from '@/vdb/constants.js';
 import { useChannel } from '@/vdb/hooks/use-channel.js';
 import { useLocalFormat } from '@/vdb/hooks/use-local-format.js';
 import { Trans } from '@lingui/react/macro';
@@ -38,7 +39,7 @@ export function TestOrderBuilder({ onOrderLinesChange }: Readonly<TestOrderBuild
     const { activeChannel } = useChannel();
     const [lines, setLines] = useState<TestOrderLine[]>(() => {
         try {
-            const stored = localStorage.getItem('shippingTestOrder');
+            const stored = localStorage.getItem(LS_KEY_SHIPPING_TEST_ORDER);
             return stored ? JSON.parse(stored) : [];
         } catch {
             return [];
@@ -51,7 +52,7 @@ export function TestOrderBuilder({ onOrderLinesChange }: Readonly<TestOrderBuild
 
     useEffect(() => {
         try {
-            localStorage.setItem('shippingTestOrder', JSON.stringify(lines));
+            localStorage.setItem(LS_KEY_SHIPPING_TEST_ORDER, JSON.stringify(lines));
         } catch {
             // Ignore localStorage errors
         }

package/src/lib/components/data-table/my-views-button.tsx

@@ -1,23 +1,27 @@
-import { Bookmark } from 'lucide-react';
-import React, { useState, useMemo } from 'react';
-import { Button } from '../ui/button.js';
-import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip.js';
 import { Trans } from '@lingui/react/macro';
-import { UserViewsSheet } from './user-views-sheet.js';
+import { Bookmark } from 'lucide-react';
+import React, { useMemo, useState } from 'react';
 import { useSavedViews } from '../../hooks/use-saved-views.js';
 import { findMatchingSavedView } from '../../utils/saved-views-utils.js';
+import { Button } from '../ui/button.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip.js';
 import { useDataTableContext } from './data-table-context.js';
+import { UserViewsSheet } from './user-views-sheet.js';
 
 export const MyViewsButton: React.FC = () => {
     const [sheetOpen, setSheetOpen] = useState(false);
-    const { userViews } = useSavedViews();
-    const { columnFilters, searchTerm, handleApplyView } = useDataTableContext();
+    const { userViews, savedViewsAreAvailable } = useSavedViews();
+    const { columnFilters, searchTerm } = useDataTableContext();
 
     // Find the active view using centralized utility
     const activeView = useMemo(() => {
         return findMatchingSavedView(columnFilters, searchTerm, userViews);
     }, [userViews, columnFilters, searchTerm]);
 
+    if (!savedViewsAreAvailable) {
+        return null;
+    }
+
     return (
         <>
             <div className="flex items-center gap-2">
@@ -35,11 +39,7 @@ export const MyViewsButton: React.FC = () => {
                         <Trans>My saved views</Trans>
                     </TooltipContent>
                 </Tooltip>
-                {activeView && (
-                    <span className="text-sm text-muted-foreground">
-                        {activeView.name}
-                    </span>
-                )}
+                {activeView && <span className="text-sm text-muted-foreground">{activeView.name}</span>}
             </div>
             <UserViewsSheet open={sheetOpen} onOpenChange={setSheetOpen} />
         </>

package/src/lib/components/data-table/save-view-button.tsx

@@ -13,7 +13,7 @@ interface SaveViewButtonProps {
 
 export const SaveViewButton: React.FC<SaveViewButtonProps> = ({ disabled }) => {
     const [dialogOpen, setDialogOpen] = useState(false);
-    const { userViews, globalViews } = useSavedViews();
+    const { userViews, globalViews, savedViewsAreAvailable } = useSavedViews();
     const { columnFilters, searchTerm } = useDataTableContext();
 
     const hasFilters = columnFilters.length > 0 || (searchTerm && searchTerm.length > 0);
@@ -24,6 +24,10 @@ export const SaveViewButton: React.FC<SaveViewButtonProps> = ({ disabled }) => {
         return null;
     }
 
+    if (!savedViewsAreAvailable) {
+        return null;
+    }
+
     return (
         <>
             <Button variant="outline" size="sm" onClick={() => setDialogOpen(true)} disabled={disabled}>

package/src/lib/constants.ts

@@ -3,6 +3,16 @@ export const AUTHENTICATED_ROUTE_PREFIX = '/_authenticated';
 export const DEFAULT_CHANNEL_CODE = '__default_channel__';
 export const SUPER_ADMIN_ROLE_CODE = '__super_admin_role__';
 export const CUSTOMER_ROLE_CODE = '__customer_role__';
+
+/**
+ * Local storage keys
+ */
+export const LS_KEY_SESSION_TOKEN = 'vendure-session-token';
+export const LS_KEY_USER_SETTINGS = 'vendure-user-settings';
+export const LS_KEY_SELECTED_CHANNEL_TOKEN = 'vendure-selected-channel-token';
+export const LS_KEY_SHIPPING_TEST_ORDER = 'vendure-shipping-test-order';
+export const LS_KEY_SHIPPING_TEST_ADDRESS = 'vendure-shipping-test-address';
+
 /**
  * This is copied from the generated types from @vendure/common/lib/generated-types.d.ts
  * It is used to provide a list of available currency codes for the user to select from.

package/src/lib/graphql/api.ts

@@ -1,3 +1,8 @@
+import {
+    LS_KEY_SELECTED_CHANNEL_TOKEN,
+    LS_KEY_SESSION_TOKEN,
+    LS_KEY_USER_SETTINGS,
+} from '@/vdb/constants.js';
 import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { AwesomeGraphQLClient } from 'awesome-graphql-client';
 import { DocumentNode, print } from 'graphql';
@@ -12,8 +17,6 @@ const API_URL =
     `:${uiConfig.api.port !== 'auto' ? uiConfig.api.port : window.location.port}` +
     `/${uiConfig.api.adminApiPath}`;
 
-export const SELECTED_CHANNEL_TOKEN_KEY = 'vendure-selected-channel-token';
-
 export type Variables = object;
 export type RequestDocument = string | DocumentNode;
 
@@ -21,9 +24,13 @@ const awesomeClient = new AwesomeGraphQLClient({
     endpoint: API_URL,
     fetch: async (url: string, options: RequestInit = {}) => {
         // Get the active channel token from localStorage
-        const channelToken = localStorage.getItem(SELECTED_CHANNEL_TOKEN_KEY);
+        const channelToken = localStorage.getItem(LS_KEY_SELECTED_CHANNEL_TOKEN);
+        const sessionToken = localStorage.getItem(LS_KEY_SESSION_TOKEN);
         const headers = new Headers(options.headers);
 
+        if (sessionToken) {
+            headers.set('Authorization', `Bearer ${sessionToken}`);
+        }
         if (channelToken) {
             headers.set(uiConfig.api.channelTokenKey, channelToken);
         }
@@ -31,7 +38,7 @@ const awesomeClient = new AwesomeGraphQLClient({
         // Get the content language from user settings and add as query parameter
         let finalUrl = url;
         try {
-            const userSettings = localStorage.getItem('vendure-user-settings');
+            const userSettings = localStorage.getItem(LS_KEY_USER_SETTINGS);
             if (userSettings) {
                 const settings = JSON.parse(userSettings);
                 const contentLanguage = settings.contentLanguage;
@@ -52,6 +59,12 @@ const awesomeClient = new AwesomeGraphQLClient({
             headers,
             credentials: 'include',
             mode: 'cors',
+        }).then(res => {
+            const authToken = res.headers.get('vendure-auth-token');
+            if (authToken) {
+                localStorage.setItem(LS_KEY_SESSION_TOKEN, authToken);
+            }
+            return res;
         });
     },
 });