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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spree/seller-dashboard",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.0-rc.7",
   "license": "MIT",
   "type": "module",
   "description": "Spree marketplace seller panel — the seller-facing counterpart to the admin dashboard.",
@@ -36,47 +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.4"
+    "@spree/core": "^0.3.0",
+    "@spree/seller-sdk": "1.0.0-rc.6"
   },
   "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.4",
-    "@spree/dashboard-core": "^1.0.0-rc.4",
-    "@spree/dashboard-ui": "^1.0.0-rc.4"
+    "react-i18next": "^17.1.0",
+    "@spree/admin-sdk": "^1.0.0-rc.6",
+    "@spree/dashboard-core": "^1.0.0-rc.6",
+    "@spree/dashboard-ui": "^1.0.0-rc.6"
   },
   "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/admin-sdk": "1.0.0-rc.4",
-    "@spree/dashboard-core": "1.0.0-rc.4",
-    "@spree/dashboard-ui": "1.0.0-rc.4"
+    "@spree/admin-sdk": "1.0.0-rc.6",
+    "@spree/dashboard-core": "1.0.0-rc.6",
+    "@spree/dashboard-ui": "1.0.0-rc.6"
   },
   "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/components/orders/fulfillment-edit-dialog.tsx

@@ -1,6 +1,7 @@
+import { isZeroMoney } from '@spree/core'
 import { formatMoney, useMoneyLocale } from '@spree/dashboard-core'
 import { FulfillmentEditDialog as SharedFulfillmentEditDialog } from '@spree/dashboard-ui'
-import { type Fulfillment, isZeroMoney, SpreeError } from '@spree/seller-sdk'
+import { type Fulfillment, SpreeError } from '@spree/seller-sdk'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useFulfillmentActions } from '../../hooks/use-fulfillments'

package/src/components/orders/fulfillment-label-upload-dialog.tsx

@@ -1,4 +1,5 @@
 import { zodResolver } from '@hookform/resolvers/zod'
+import type { CurrencyCode } from '@spree/core'
 import {
   EMPTY_FILE_UPLOAD_VALUE,
   FileUploadField,
@@ -9,7 +10,6 @@ import {
   mapSpreeErrorsToForm,
 } from '@spree/dashboard-core'
 import { LabelUploadDialog } from '@spree/dashboard-ui'
-import type { CurrencyCode } from '@spree/seller-sdk'
 import { useState } from 'react'
 import { useForm } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'

package/src/components/orders/fulfillments-card.tsx

@@ -1,3 +1,4 @@
+import { FULFILLMENT_STATUSES, subsetOf } from '@spree/core'
 import { fulfillmentItemRows } from '@spree/dashboard-core'
 import {
   Badge,
@@ -44,8 +45,8 @@ import { ShippingLabelRow } from './shipping-label-row'
 // A parcel that has not gone out is the only one still to ship or cancel.
 // Reading these off "not unfulfilled" once badged a canceled parcel as a
 // success.
-const CAN_SHIP = ['unfulfilled']
-const CAN_CANCEL = ['unfulfilled']
+const CAN_SHIP = subsetOf(FULFILLMENT_STATUSES, ['unfulfilled'])
+const CAN_CANCEL = subsetOf(FULFILLMENT_STATUSES, ['unfulfilled'])
 
 /** Every parcel owed on this order, and what the seller can do with each. */
 export function FulfillmentsCard({ order }: { order: Order }) {

package/src/components/orders/order-cards.tsx

@@ -1,3 +1,4 @@
+import { isZeroMoney } from '@spree/core'
 import {
   AddressFormDialog,
   formatMoney,
@@ -21,7 +22,6 @@ import {
 } from '@spree/dashboard-ui'
 import { EllipsisVerticalIcon, PencilIcon } from '@spree/dashboard-ui/icons'
 import type { Order, OrderAddressParams } from '@spree/seller-sdk'
-import { isZeroMoney } from '@spree/seller-sdk'
 import { type ReactNode, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { sellerClient } from '../../api-client'

package/src/components/orders/post-sale-cards.tsx

@@ -1,3 +1,4 @@
+import { CLAIM_STATUSES, EXCHANGE_STATUSES, subsetOf, sumMoney } from '@spree/core'
 import { currencyParts, formatMoney, isPositiveMoney, useMoneyLocale } from '@spree/dashboard-core'
 import {
   Button,
@@ -23,7 +24,6 @@ import {
   ShieldAlertIcon,
 } from '@spree/dashboard-ui/icons'
 import type { Claim, Order } from '@spree/seller-sdk'
-import { sumMoney } from '@spree/seller-sdk'
 import i18n from 'i18next'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -36,8 +36,8 @@ import {
 import { lineLabel } from './line-label'
 import { CreateClaimDialog } from './post-sale-create-dialogs'
 
-const EXCHANGE_ACTIONABLE = ['requested', 'approved', 'received']
-const CLAIM_ACTIONABLE = ['open', 'approved']
+const EXCHANGE_ACTIONABLE = subsetOf(EXCHANGE_STATUSES, ['requested', 'approved', 'received'])
+const CLAIM_ACTIONABLE = subsetOf(CLAIM_STATUSES, ['open', 'approved'])
 
 /**
  * Goods swapped for different ones.

package/src/components/orders/returns-card.tsx

@@ -1,3 +1,4 @@
+import { RETURN_STATUSES, subsetOf } from '@spree/core'
 import {
   currencyParts,
   formatMoney,
@@ -35,7 +36,7 @@ import { CreateReturnDialog, fulfilledUnits } from './post-sale-create-dialogs'
 
 // Refunded and canceled returns are finished; offering a menu on them would
 // open onto nothing.
-const ACTIONABLE = ['requested', 'approved', 'received']
+const ACTIONABLE = subsetOf(RETURN_STATUSES, ['requested', 'approved', 'received'])
 
 /**
  * Goods coming back on this order.

package/src/hooks/use-fulfillments.ts

@@ -1,6 +1,6 @@
+import type { CurrencyCode } from '@spree/core'
 import { useResourceKeyBuilder } from '@spree/dashboard-core'
 import { toastManager } from '@spree/dashboard-ui'
-import type { CurrencyCode } from '@spree/seller-sdk'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { sellerClient } from '../api-client'
 

package/src/hooks/use-post-sale.ts

@@ -1,3 +1,4 @@
+import type { ClaimResolution } from '@spree/core'
 import { useResourceKey, useResourceKeyBuilder } from '@spree/dashboard-core'
 import { toastManager } from '@spree/dashboard-ui'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
@@ -182,7 +183,7 @@ export function useClaimActions(orderId: string) {
       replacementLineItemIds,
     }: {
       claimId: string
-      resolution: 'refund' | 'replacement' | 'refund_and_replacement'
+      resolution: ClaimResolution
       refundMethod?: 'original_payment' | 'store_credit'
       amount?: string
       replacementLineItemIds?: string[]

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,7 +1,9 @@
 import { zodResolver } from '@hookform/resolvers/zod'
 import {
   CategorizationCard,
+  DigitalAssetsCard,
   extensionFormValues,
+  extensionRowValues,
   extensionSubmitValues,
   GeneralCard,
   InventoryCard,
@@ -15,8 +17,10 @@ import {
   productFormSchema,
   productToFormValues,
   Slot,
+  useAssignableVariants,
   VariantsCard,
   variantToWirePayload,
+  withExtensionRowValues,
 } from '@spree/dashboard-core'
 import { FormActions, ResourceLayout, StatusBadge, toastManager } from '@spree/dashboard-ui'
 import type { ProductCreateParams } from '@spree/seller-sdk'
@@ -29,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 = [
@@ -94,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.
   //
@@ -106,7 +116,7 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
     if (form.formState.isDirty) return
 
     form.reset({
-      ...productToFormValues(product as PanelProduct, product.media),
+      ...productToFormValues(product as PanelProduct, product.media, 'seller.product'),
       ...extensionFormValues('seller.product', product),
     })
   }, [product, form])
@@ -137,6 +147,7 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
         // cards offer both — an allow-list that omitted them let a seller
         // set a crop or paste a video URL and watch it vanish on save.
         media: (values.media ?? []).map((item) => ({
+          ...extensionRowValues('seller.product.media', item),
           id: item.id,
           signed_id: item.signed_id ?? undefined,
           poster_signed_id: item.poster_signed_id ?? undefined,
@@ -149,7 +160,7 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
           variant_ids: item.variant_ids,
         })),
         variants: (values.variants ?? []).map((variant, index) =>
-          variantToWirePayload(variant, index),
+          variantToWirePayload(variant, index, 'seller.product'),
         ) as ProductCreateParams['variants'],
       }
 
@@ -181,7 +192,7 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
       // Raw form state, not `values`: the Zod parse strips keys the schema
       // doesn't know, which is every field a slot widget registered.
       await save.mutateAsync({
-        values,
+        values: withExtensionRowValues('seller.product', values, form.getValues()),
         extensionValues: extensionSubmitValues('seller.product', form),
       })
     } catch (err) {
@@ -236,8 +247,13 @@ export function ProductPage({ mode }: { mode: 'new' | 'edit' }) {
           main={
             <>
               <GeneralCard form={form} />
-              <VariantsCard form={form} />
-              <MediaCard productId={productId} variants={product?.variants ?? []} form={form} />
+              <VariantsCard form={form} formKey="seller.product" />
+              <MediaCard
+                productId={productId}
+                variants={assignableVariants}
+                form={form}
+                formKey="seller.product"
+              />
               <PricesCard
                 form={form}
                 productName={product?.name ?? ''}
@@ -245,6 +261,18 @@ 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 }} />
             </>
           }
           sidebar={

package/src/pages/products.tsx

@@ -1,3 +1,4 @@
+import { PRODUCT_STATUSES, subsetOf } from '@spree/core'
 import type {
   BulkAction,
   BulkActionFormProps,
@@ -40,7 +41,7 @@ import '../tables/products'
  * approves it, so the only moves offered here are the two a seller makes
  * alone (docs/plans/6.0-seller-product-submission.md).
  */
-const BULK_STATUSES = ['draft', 'archived'] as const
+const BULK_STATUSES = subsetOf(PRODUCT_STATUSES, ['draft', 'archived'])
 
 type BulkStatus = (typeof BULK_STATUSES)[number]
 type StatusFormValues = { status: BulkStatus }

package/src/routes/_authenticated/$sellerId/settings/package-types.tsx

@@ -17,5 +17,5 @@ export const Route = createFileRoute('/_authenticated/$sellerId/settings/package
 function PackageTypesRoute() {
   const search = Route.useSearch() as z.infer<typeof packageTypesSearchSchema>
 
-  return <PackageTypesPage search={search} />
+  return <PackageTypesPage search={search} formKey="seller.package_type" />
 }

package/src/routes/_authenticated/$sellerId/settings/stock-locations.tsx

@@ -18,5 +18,5 @@ export const Route = createFileRoute('/_authenticated/$sellerId/settings/stock-l
 function StockLocationsRoute() {
   const search = Route.useSearch() as z.infer<typeof stockLocationsSearchSchema>
 
-  return <StockLocationsPage search={search} />
+  return <StockLocationsPage search={search} formKey="seller.stock_location" />
 }

package/src/tables/orders.tsx

@@ -1,4 +1,10 @@
-import { defineTable, formatMoney, formatStoreDateTime } from '@spree/dashboard-core'
+import { ORDER_PAYMENT_STATUSES } from '@spree/core'
+import {
+  defineTable,
+  FILTERABLE_ORDER_FULFILLMENT_STATUSES,
+  formatMoney,
+  formatStoreDateTime,
+} from '@spree/dashboard-core'
 import { ResourceNameCell, StatusBadge } from '@spree/dashboard-ui'
 import { PackageIcon } from '@spree/dashboard-ui/icons'
 import type { Order } from '@spree/seller-sdk'
@@ -17,26 +23,6 @@ function OrderDate({ iso }: { iso: string }) {
   return <>{formatStoreDateTime(iso, timezone)}</>
 }
 
-/** Mirrors the operator dashboard's order status vocabularies. */
-const FULFILLMENT_STATUSES = [
-  'unfulfilled',
-  'backorder',
-  'partial',
-  'fulfilled',
-  'delivered',
-  'canceled',
-] as const
-const PAYMENT_STATUSES = [
-  'none',
-  'authorized',
-  'partially_paid',
-  'paid',
-  'partially_refunded',
-  'refunded',
-  'overcharged',
-  'voided',
-] as const
-
 defineTable<Order>('seller-orders', {
   title: i18n.t('orders.title'),
   searchParam: 'number_cont',
@@ -69,7 +55,7 @@ defineTable<Order>('seller-orders', {
       label: i18n.t('orders.columns.fulfillment'),
       filterable: true,
       filterType: 'enum',
-      filterOptions: FULFILLMENT_STATUSES.map((status) => ({
+      filterOptions: FILTERABLE_ORDER_FULFILLMENT_STATUSES.map((status) => ({
         value: status,
         label: i18n.t(`orders.fulfillment_statuses.${status}`),
       })),
@@ -90,7 +76,7 @@ defineTable<Order>('seller-orders', {
       label: i18n.t('orders.columns.payment'),
       filterable: true,
       filterType: 'enum',
-      filterOptions: PAYMENT_STATUSES.map((status) => ({
+      filterOptions: ORDER_PAYMENT_STATUSES.map((status) => ({
         value: status,
         label: i18n.t(`orders.payment_statuses.${status}`),
       })),

package/src/tables/payouts.tsx

@@ -1,3 +1,4 @@
+import { SELLER_PAYOUT_STATUSES } from '@spree/core'
 import { defineTable, formatMoney, formatStoreDateTime } from '@spree/dashboard-core'
 import { ResourceNameCell, StatusBadge } from '@spree/dashboard-ui'
 import { HandCoinsIcon } from '@spree/dashboard-ui/icons'
@@ -18,8 +19,6 @@ function LedgerDate({ iso }: { iso: string }) {
   return <>{formatStoreDateTime(iso, timezone)}</>
 }
 
-const STATUSES = ['pending', 'processing', 'completed', 'failed', 'unresolved'] as const
-
 defineTable<Payout>('seller-payouts', {
   title: i18n.t('payouts.title'),
   searchParam: 'search',
@@ -50,7 +49,7 @@ defineTable<Payout>('seller-payouts', {
       sortable: true,
       filterable: true,
       filterType: 'enum',
-      filterOptions: STATUSES.map((status) => ({
+      filterOptions: SELLER_PAYOUT_STATUSES.map((status) => ({
         value: status,
         label: i18n.t(`earnings.statuses.${status}`),
       })),

package/src/tables/products.tsx

@@ -1,12 +1,10 @@
+import { PRODUCT_STATUSES } from '@spree/core'
 import { defineTable, formatPrice } from '@spree/dashboard-core'
 import { ResourceNameCell, StatusBadge, Thumbnail } from '@spree/dashboard-ui'
 import { PackageIcon } from '@spree/dashboard-ui/icons'
 import type { Product } from '@spree/seller-sdk'
 import i18n from 'i18next'
 
-/** Mirrors the operator dashboard's product statuses. */
-const PRODUCT_STATUSES = ['active', 'draft', 'proposed', 'rejected', 'archived'] as const
-
 defineTable<Product>('seller-products', {
   title: i18n.t('products.title'),
   searchParam: 'search',

package/src/tables/transfers.tsx

@@ -1,3 +1,4 @@
+import { SELLER_TRANSFER_KINDS, SELLER_TRANSFER_STATUSES } from '@spree/core'
 import { defineTable, formatMoney, formatStoreDateTime, useTenantId } from '@spree/dashboard-core'
 import { StatusBadge } from '@spree/dashboard-ui'
 import { BanknoteIcon } from '@spree/dashboard-ui/icons'
@@ -43,9 +44,6 @@ function LedgerDate({ iso }: { iso: string }) {
   return <>{formatStoreDateTime(iso, timezone)}</>
 }
 
-const STATUSES = ['pending', 'processing', 'completed', 'failed', 'unresolved'] as const
-const KINDS = ['earning', 'refund_reversal'] as const
-
 defineTable<Transfer>('seller-transfers', {
   title: i18n.t('earnings.transfers.title'),
   // Without this the toolbar sends `name_cont`, which the ledger does not
@@ -78,7 +76,7 @@ defineTable<Transfer>('seller-transfers', {
       label: i18n.t('earnings.columns.kind'),
       filterable: true,
       filterType: 'enum',
-      filterOptions: KINDS.map((kind) => ({
+      filterOptions: SELLER_TRANSFER_KINDS.map((kind) => ({
         value: kind,
         label: i18n.t(`earnings.kinds.${kind}`),
       })),
@@ -93,7 +91,7 @@ defineTable<Transfer>('seller-transfers', {
       sortable: true,
       filterable: true,
       filterType: 'enum',
-      filterOptions: STATUSES.map((status) => ({
+      filterOptions: SELLER_TRANSFER_STATUSES.map((status) => ({
         value: status,
         label: i18n.t(`earnings.statuses.${status}`),
       })),