@spree/seller-dashboard 1.0.0-rc.6 → 6.0.0-rc.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spree/seller-dashboard",
-  "version": "1.0.0-rc.6",
+  "version": "6.0.0-rc.7",
   "license": "MIT",
   "type": "module",
   "description": "Spree marketplace seller panel — the seller-facing counterpart to the admin dashboard.",
@@ -36,48 +36,48 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
+    "@hookform/resolvers": "^6.0.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@tanstack/router-plugin": "^1.168.46",
+    "@tanstack/router-plugin": "^1.168.47",
     "@tanstack/virtual-file-routes": "^1.162.0",
-    "lucide-react": "^1.58.0",
+    "lucide-react": "^1.60.0",
     "zod": "^4.6.7",
-    "@spree/seller-sdk": "1.0.0-rc.5",
-    "@spree/core": "^0.2.0"
+    "@spree/core": "^6.0.0-rc.7",
+    "@spree/seller-sdk": "6.0.0-rc.7"
   },
   "peerDependencies": {
-    "@tanstack/react-query": "^5.104.3",
-    "@tanstack/react-router": "^1.170.44",
-    "i18next": "^26.4.7",
+    "@tanstack/react-query": "^5.104.5",
+    "@tanstack/react-router": "^1.170.45",
+    "i18next": "^26.5.3",
     "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.5",
-    "@spree/dashboard-core": "^1.0.0-rc.5",
-    "@spree/dashboard-ui": "^1.0.0-rc.5"
+    "react-i18next": "^17.1.0",
+    "@spree/admin-sdk": "^6.0.0-rc.7",
+    "@spree/dashboard-core": "^6.0.0-rc.7",
+    "@spree/dashboard-ui": "^6.0.0-rc.7"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.14",
-    "@tanstack/react-query": "^5.104.3",
-    "@tanstack/react-router": "^1.170.44",
+    "@tanstack/react-query": "^5.104.5",
+    "@tanstack/react-router": "^1.170.45",
     "@types/node": "^26.6.5",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.1",
     "@vitejs/plugin-react": "^6.0.1",
-    "i18next": "^26.4.7",
+    "i18next": "^26.5.3",
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
     "react-hook-form": "^7.90.0",
-    "react-i18next": "^17.0.20",
+    "react-i18next": "^17.1.0",
     "tsup": "^9.0.0",
     "typescript": "~7.0.2",
     "vite": "^8.3.4",
-    "@spree/dashboard-core": "1.0.0-rc.5",
-    "@spree/dashboard-ui": "1.0.0-rc.5",
-    "@spree/admin-sdk": "1.0.0-rc.5"
+    "@spree/admin-sdk": "6.0.0-rc.7",
+    "@spree/dashboard-core": "6.0.0-rc.7",
+    "@spree/dashboard-ui": "6.0.0-rc.7"
   },
   "scripts": {
     "build": "pnpm generate:routes && tsup",

package/src/api-client.ts

@@ -1,4 +1,4 @@
-import { runtimeListParams, setApiClient } from '@spree/dashboard-core'
+import { i18n, runtimeListParams, setApiClient } from '@spree/dashboard-core'
 import type { SellerApiClient, SellerExportCreateParams } from '@spree/seller-sdk'
 import { createSellerClient } from '@spree/seller-sdk'
 
@@ -146,6 +146,17 @@ export function createSellerApiClient({
       update: (id, params) => sellerClient().packageTypes.update(id, params),
       delete: (id) => sellerClient().packageTypes.delete(id),
     },
+    digitalAssets: {
+      list: (productId, params) => sellerClient().products.digitalAssets.list(productId, params),
+      // Sellers upload files only, so a file is the one thing a new asset must carry.
+      create: (productId, { signed_id, ...params }) => {
+        if (!signed_id) throw new Error(i18n.t('admin.errors.unexpected'))
+        return sellerClient().products.digitalAssets.create(productId, { ...params, signed_id })
+      },
+      update: (productId, id, params) =>
+        sellerClient().products.digitalAssets.update(productId, id, params),
+      delete: (productId, id) => sellerClient().products.digitalAssets.delete(productId, id),
+    },
   })
 
   return client

package/src/locales/ar.json

@@ -750,7 +750,8 @@
     "variant_remove_confirm_description": "يُزال من المنتج عند الحفظ.",
     "variant_remove_confirm_title": "إزالة هذا الخيار؟",
     "variants": "الخيارات",
-    "variants_empty": "يُباع هذا المنتج كقطعة واحدة بالسعر أعلاه. أضف خيارًا لبيعه بخيارات مثل المقاس أو اللون."
+    "variants_empty": "يُباع هذا المنتج كقطعة واحدة بالسعر أعلاه. أضف خيارًا لبيعه بخيارات مثل المقاس أو اللون.",
+    "digital_files_review_notice": "إضافة ملف أو استبداله يعيد هذا المنتج إلى المراجعة، ويتوقف بيعه حتى يعتمده السوق مجددًا."
   },
   "profile": {
     "about": "نبذة",

package/src/locales/de.json

@@ -738,7 +738,8 @@
     "variant_remove_confirm_description": "Sie wird beim Speichern vom Produkt entfernt.",
     "variant_remove_confirm_title": "Diese Variante entfernen?",
     "variants": "Varianten",
-    "variants_empty": "Dieses Produkt wird als ein Artikel zum obigen Preis verkauft. Fügen Sie eine Variante hinzu, um es in Optionen wie Größe oder Farbe anzubieten."
+    "variants_empty": "Dieses Produkt wird als ein Artikel zum obigen Preis verkauft. Fügen Sie eine Variante hinzu, um es in Optionen wie Größe oder Farbe anzubieten.",
+    "digital_files_review_notice": "Das Hinzufügen oder Ersetzen einer Datei schickt dieses Produkt zurück in die Prüfung; es ist nicht verkäuflich, bis der Marktplatz es erneut freigibt."
   },
   "profile": {
     "about": "Über uns",

package/src/locales/en.json

@@ -738,7 +738,8 @@
     "variant_remove_confirm_description": "It comes off the product when you save.",
     "variant_remove_confirm_title": "Remove this variant?",
     "variants": "Variants",
-    "variants_empty": "This product is sold as one item, at the price above. Add a variant to sell it in options such as size or colour."
+    "variants_empty": "This product is sold as one item, at the price above. Add a variant to sell it in options such as size or colour.",
+    "digital_files_review_notice": "Adding or replacing a file sends this product back to review, and it is off sale until the marketplace approves it again."
   },
   "profile": {
     "about": "About",

package/src/locales/fr.json

@@ -738,7 +738,8 @@
     "variant_remove_confirm_description": "Elle sera retirée du produit à l’enregistrement.",
     "variant_remove_confirm_title": "Retirer cette variante ?",
     "variants": "Variantes",
-    "variants_empty": "Ce produit est vendu comme un article unique, au prix ci-dessus. Ajoutez une variante pour le vendre en plusieurs options, par exemple la taille ou la couleur."
+    "variants_empty": "Ce produit est vendu comme un article unique, au prix ci-dessus. Ajoutez une variante pour le vendre en plusieurs options, par exemple la taille ou la couleur.",
+    "digital_files_review_notice": "Ajouter ou remplacer un fichier renvoie ce produit en révision ; il n’est plus en vente jusqu’à ce que la place de marché l’approuve de nouveau."
   },
   "profile": {
     "about": "À propos",

package/src/locales/pl.json

@@ -744,7 +744,8 @@
     "variant_remove_confirm_description": "Zniknie z produktu po zapisaniu.",
     "variant_remove_confirm_title": "Usunąć ten wariant?",
     "variants": "Warianty",
-    "variants_empty": "Ten produkt sprzedajesz jako jedną pozycję, w cenie powyżej. Dodaj wariant, aby sprzedawać go w opcjach takich jak rozmiar czy kolor."
+    "variants_empty": "Ten produkt sprzedajesz jako jedną pozycję, w cenie powyżej. Dodaj wariant, aby sprzedawać go w opcjach takich jak rozmiar czy kolor.",
+    "digital_files_review_notice": "Dodanie lub zastąpienie pliku wysyła ten produkt ponownie do weryfikacji; do ponownego zatwierdzenia przez marketplace nie jest w sprzedaży."
   },
   "profile": {
     "about": "O sprzedawcy",

package/src/locales/zh-CN.json

@@ -735,7 +735,8 @@
     "variant_remove_confirm_description": "保存后它会从商品中移除。",
     "variant_remove_confirm_title": "移除此变体？",
     "variants": "变体",
-    "variants_empty": "此商品按上述价格作为单一款式销售。添加变体即可按尺码、颜色等选项销售。"
+    "variants_empty": "此商品按上述价格作为单一款式销售。添加变体即可按尺码、颜色等选项销售。",
+    "digital_files_review_notice": "添加或替换文件会将此商品重新送审，在平台再次批准前将暂停销售。"
   },
   "profile": {
     "about": "简介",

package/src/pages/delivery-methods.tsx

@@ -1,6 +1,10 @@
 import {
+  AMOUNT_BASED_CALCULATORS,
+  CURRENCY_AMOUNT_KEYS,
+  CurrencyAmountsField,
   defaultPreferences,
   filterPreferenceSchema,
+  hasCurrencyAmount,
   PageHeader,
   PreferencesForm,
   type ResourceSearch,
@@ -281,13 +285,15 @@ function DeliveryMethodSheet({
 
     form.setValue('calculator', {
       type: flatRate.type,
-      preferences: defaultPreferences(renderableSchema(flatRate.schema)),
+      preferences: calculatorDefaults(flatRate.type, flatRate.schema),
     })
   }, [calculators, methodId, form])
 
-  const calculatorSchema = renderableSchema(
+  const calculatorSchema = calculatorFormSchema(
+    calculatorType,
     calculators?.data.find((calculator) => calculator.type === calculatorType)?.schema,
   )
+  const amountBased = AMOUNT_BASED_CALCULATORS.includes(calculatorType)
 
   const save = useMutation({
     mutationFn: (values: DeliveryMethodFormValues) => {
@@ -354,7 +360,17 @@ function DeliveryMethodSheet({
           <SheetDescription>{t('delivery_methods.sheet.description')}</SheetDescription>
         </SheetHeader>
         <form
-          onSubmit={form.handleSubmit((values) => save.mutateAsync(values).catch(() => undefined))}
+          onSubmit={form.handleSubmit((values) => {
+            // An amount-based calculator with no amount in any currency would never be offered.
+            const { type, preferences } = values.calculator
+            if (AMOUNT_BASED_CALCULATORS.includes(type) && !hasCurrencyAmount(preferences)) {
+              form.setError('calculator.preferences', {
+                message: t('admin.currency_amounts.required'),
+              })
+              return
+            }
+            return save.mutateAsync(values).catch(() => undefined)
+          })}
           className="flex min-h-0 flex-1 flex-col"
         >
           <div className="flex flex-1 flex-col gap-6 overflow-y-auto p-4">
@@ -488,11 +504,10 @@ function DeliveryMethodSheet({
                         value={field.value}
                         onValueChange={(next) => {
                           field.onChange(next)
-                          const schema = renderableSchema(
-                            calculators?.data.find((calculator) => calculator.type === next)
-                              ?.schema,
-                          )
-                          form.setValue('calculator.preferences', defaultPreferences(schema))
+                          const schema = calculators?.data.find(
+                            (calculator) => calculator.type === next,
+                          )?.schema
+                          form.setValue('calculator.preferences', calculatorDefaults(next, schema))
                         }}
                       >
                         <SelectTrigger id="delivery-method-calculator">
@@ -522,13 +537,24 @@ function DeliveryMethodSheet({
                 <Controller
                   control={form.control}
                   name="calculator.preferences"
-                  render={({ field }) => (
-                    <PreferencesForm
-                      schema={calculatorSchema}
-                      values={field.value}
-                      onChange={field.onChange}
-                      currencyOptions={currencyOptions}
-                    />
+                  render={({ field, fieldState }) => (
+                    <>
+                      {amountBased && sellerProfile && (
+                        <CurrencyAmountsField
+                          values={field.value}
+                          onChange={field.onChange}
+                          currencies={currencyOptions}
+                          defaultCurrency={sellerProfile.default_currency}
+                          error={fieldState.error}
+                        />
+                      )}
+                      <PreferencesForm
+                        schema={calculatorSchema}
+                        values={field.value}
+                        onChange={field.onChange}
+                        currencyOptions={currencyOptions}
+                      />
+                    </>
                   )}
                 />
               </CardContent>
@@ -634,12 +660,33 @@ function DeliveryMethodSheet({
 /**
  * The part of a preference schema the shared form can render.
  *
- * Drops keyed maps — today the flat-rate calculator's
- * per-currency `amounts` map, which the operator edits through a dedicated
- * multi-currency control and the generic form would show as the hash itself
- * in a text box. A seller quotes in the store's currency, so `amount` and
- * `currency` are the whole question.
+ * Drops keyed maps, which the generic form would show as the hash itself in a
+ * text box.
+ */
+/**
+ * A calculator's settings for the generic form: an amount-based calculator's
+ * amounts are edited per currency by the amount editor instead.
  */
+function calculatorFormSchema(
+  type: string,
+  schema: PreferenceSchema | undefined,
+): PreferenceSchema | undefined {
+  const renderable = renderableSchema(schema)
+  if (!renderable || !AMOUNT_BASED_CALCULATORS.includes(type)) return renderable
+
+  return filterPreferenceSchema(renderable, (key) => !CURRENCY_AMOUNT_KEYS.includes(key))
+}
+
+/**
+ * A calculator's starting settings. The single amount's default is 0, which
+ * would read as a price someone set, so an amount-based calculator starts with
+ * no amount in any currency.
+ */
+function calculatorDefaults(type: string, schema: PreferenceSchema | undefined) {
+  const defaults = defaultPreferences(calculatorFormSchema(type, schema))
+  return AMOUNT_BASED_CALCULATORS.includes(type) ? { ...defaults, amount: null } : defaults
+}
+
 function renderableSchema(schema: PreferenceSchema | undefined): PreferenceSchema | undefined {
   if (!schema) return undefined
 

package/src/pages/product.tsx

@@ -1,6 +1,7 @@
 import { zodResolver } from '@hookform/resolvers/zod'
 import {
   CategorizationCard,
+  DigitalAssetsCard,
   extensionFormValues,
   extensionRowValues,
   extensionSubmitValues,
@@ -16,6 +17,7 @@ import {
   productFormSchema,
   productToFormValues,
   Slot,
+  useAssignableVariants,
   VariantsCard,
   variantToWirePayload,
   withExtensionRowValues,
@@ -31,6 +33,7 @@ import { sellerClient } from '../api-client'
 import { CenteredMessage } from '../components/centered-message'
 import { ProductStatusCard } from '../components/product-status-card'
 import { RetryableError } from '../components/retryable-error'
+import { useAccount } from '../hooks/use-account'
 
 /** Everything the form edits, in one request. */
 const PRODUCT_EXPAND = [
@@ -96,6 +99,11 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
     defaultValues: { ...newProductFormDefaults(), ...extensionFormValues('seller.product', null) },
   })
 
+  const assignableVariants = useAssignableVariants(form.control, product?.variants)
+  // Whether this marketplace lets sellers upload files, and of which types,
+  // comes with the account the panel already holds.
+  const marketplace = useAccount().data?.store
+
   // Reset once the record arrives, so the inputs show what was last saved
   // rather than the blank defaults the form mounted with.
   //
@@ -242,7 +250,7 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
               <VariantsCard form={form} formKey="seller.product" />
               <MediaCard
                 productId={productId}
-                variants={product?.variants ?? []}
+                variants={assignableVariants}
                 form={form}
                 formKey="seller.product"
               />
@@ -253,6 +261,17 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
                 defaultCurrency={profile?.default_currency}
               />
               <InventoryCard form={form} />
+              <DigitalAssetsCard
+                productId={productId}
+                variants={assignableVariants}
+                readOnly={!marketplace?.seller_digital_assets_enabled}
+                accept={marketplace?.seller_digital_asset_content_types}
+                notice={
+                  product?.status === 'active' && marketplace?.review_seller_digital_asset_changes
+                    ? t('products.digital_files_review_notice')
+                    : undefined
+                }
+              />
               <Slot name="seller.product.form_main" context={{ product, mode }} />
             </>
           }