@spree/seller-dashboard 1.0.0-rc.4 → 1.0.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spree/seller-dashboard",
-  "version": "1.0.0-rc.4",
+  "version": "1.0.0-rc.5",
   "license": "MIT",
   "type": "module",
   "description": "Spree marketplace seller panel — the seller-facing counterpart to the admin dashboard.",
@@ -40,34 +40,43 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@tanstack/react-query": "^5.90.2",
-    "@tanstack/react-router": "^1.133.32",
-    "@tanstack/router-plugin": "^1.167.35",
+    "@tanstack/router-plugin": "^1.168.46",
     "@tanstack/virtual-file-routes": "^1.162.0",
-    "i18next": "^26.2.0",
-    "lucide-react": "^1.47.0",
-    "react-hook-form": "^7.65.0",
-    "react-i18next": "^17.0.8",
-    "zod": "^4.4.3",
-    "@spree/dashboard-ui": "1.0.0-rc.3",
-    "@spree/seller-sdk": "1.0.0-rc.3",
-    "@spree/dashboard-core": "1.0.0-rc.3"
+    "lucide-react": "^1.58.0",
+    "zod": "^4.6.7",
+    "@spree/seller-sdk": "1.0.0-rc.4"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@tanstack/react-query": "^5.104.3",
+    "@tanstack/react-router": "^1.170.44",
+    "i18next": "^26.4.7",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-hook-form": "^7.90.0",
+    "react-i18next": "^17.0.20",
+    "@spree/admin-sdk": "^1.0.0-rc.4",
+    "@spree/dashboard-core": "^1.0.0-rc.4",
+    "@spree/dashboard-ui": "^1.0.0-rc.4"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.14",
-    "@types/node": "^25.6.0",
+    "@tanstack/react-query": "^5.104.3",
+    "@tanstack/react-router": "^1.170.44",
+    "@types/node": "^26.6.5",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.1",
     "@vitejs/plugin-react": "^6.0.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tsup": "^8.5.0",
-    "typescript": "~6.0.3",
-    "vite": "^8.0.0"
+    "i18next": "^26.4.7",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-hook-form": "^7.90.0",
+    "react-i18next": "^17.0.20",
+    "tsup": "^9.0.0",
+    "typescript": "~7.0.2",
+    "vite": "^8.3.4",
+    "@spree/admin-sdk": "1.0.0-rc.4",
+    "@spree/dashboard-core": "1.0.0-rc.4",
+    "@spree/dashboard-ui": "1.0.0-rc.4"
   },
   "scripts": {
     "build": "pnpm generate:routes && tsup",

package/src/index.ts

@@ -34,6 +34,7 @@ export {
   createSellerApiClient,
   rememberedSeller,
   rememberSeller,
+  sellerClient,
   setActiveSeller,
 } from './api-client'
 export { CenteredMessage } from './components/centered-message'

package/src/pages/onboarding.tsx

@@ -10,6 +10,8 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
+  Alert,
+  AlertDescription,
   Badge,
   Button,
   Card,
@@ -28,6 +30,7 @@ import {
 import {
   CheckCircle2Icon,
   ChevronRightIcon,
+  CircleAlertIcon,
   CircleIcon,
   ClockIcon,
   ExternalLinkIcon,
@@ -284,9 +287,10 @@ function RequirementAction({ requirement }: { requirement: RequirementStatus })
 
   // A rejection the seller cannot read is a rejection they cannot act on.
   const rejection = submission?.status === 'rejected' && submission.review_note && (
-    <p className="rounded-md bg-destructive/10 p-3 text-destructive text-sm">
-      {submission.review_note}
-    </p>
+    <Alert variant="destructive">
+      <CircleAlertIcon />
+      <AlertDescription>{submission.review_note}</AlertDescription>
+    </Alert>
   )
 
   // Nothing to do on a finished line. The header already carries the tick and

package/src/pages/policies.tsx

@@ -15,6 +15,11 @@ import {
   FieldError,
   FieldLabel,
   Input,
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemGroup,
+  ItemTitle,
   RichTextEditor,
   RowActions,
   Sheet,
@@ -128,19 +133,26 @@ export function PoliciesPage({ search }: { search: ResourceSearch }) {
           </CardHeader>
           <CardContent className="flex flex-col gap-3">
             <p className="text-muted-foreground text-sm">{t('policies.required.description')}</p>
-            <ul className="flex flex-col gap-2">
+            <ItemGroup className="gap-2">
               {outstanding.map((name) => (
-                <li
+                <Item
                   key={name}
-                  className="flex items-center justify-between gap-4 rounded-lg border border-border-subtle px-3 py-2"
+                  role="listitem"
+                  variant="outline"
+                  size="sm"
+                  className="border-border-subtle"
                 >
-                  <span className="font-medium text-sm">{name}</span>
-                  <Button size="sm" variant="outline" onClick={() => setCreatingName(name)}>
-                    {t('policies.required.write')}
-                  </Button>
-                </li>
+                  <ItemContent>
+                    <ItemTitle>{name}</ItemTitle>
+                  </ItemContent>
+                  <ItemActions>
+                    <Button size="sm" variant="outline" onClick={() => setCreatingName(name)}>
+                      {t('policies.required.write')}
+                    </Button>
+                  </ItemActions>
+                </Item>
               ))}
-            </ul>
+            </ItemGroup>
           </CardContent>
         </Card>
       )}