@haus-tech/product-import-export-plugin 3.3.10-next.1 → 3.3.10-next.3

package/CHANGELOG.md

@@ -1,30 +1,8 @@
-## 3.3.10-next.0
-
-This was a version bump only for product-import-export-plugin to align it with other projects, there were no code changes.
-
-## 3.3.2-next.5
-
-### 🚀 Features
-
-- **product-import-export-plugin:** enhance product export service with stock level handling ([2d99696](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/2d99696))
-
-## 3.3.2-next.3
-
-### 🚀 Features
-
-- **product-import-export-plugin:** add popover help for export asset options ([7aa8373](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/7aa8373))
-- **product-import-export-plugin:** implement export configuration panel and enhance export dialog ([d2e1f34](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/d2e1f34))
-- **product-import-export-plugin:** enhance product export functionality and update tests ([de56d44](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/de56d44))
-- **product-import-export-plugin:** update dependencies and enhance import/export functionality ([9c78665](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/9c78665))
-- **product-import-export-plugin:** enhance email notification and import/export functionality ([c133dc5](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/c133dc5))
-- **product-import-export-plugin:** enforce import/export acceptance criteria and enhance documentation ([b1a93b6](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/b1a93b6))
-- **product-import-export-plugin:** update pre-version command and clean up export artifacts ([1cde024](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/1cde024))
-- **product-import-export-plugin:** optimize asset handling and caching in product importer ([9d2888e](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/9d2888e))
-- **product-import-export-plugin:** enhance testing and export functionality ([1764eb2](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/1764eb2))
+## 3.3.10-next.2
 
 ### 🩹 Fixes
 
-- **product-import-export-plugin:** update dashboard and export settings screenshots ([2129b39](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/2129b39))
+- **product-import-export-plugin:** poll exports list and restore featured asset on import ([2c61b48](https://github.com/WeAreHausTech/haus-tech-vendure-plugins-public/commit/2c61b48))
 
 ## 3.3.2-next.2
 

package/README.mdx

@@ -19,16 +19,16 @@ A Vendure plugin for importing and exporting product data via CSV. Supports bulk
 
 ## Features
 
-- **Import** – Bulk upload products from CSV with validation, custom fields, assets, facets, and variants
-- **Export** – Export products to CSV with selected fields; export all products or a selection
-- **Storage strategies** – Store exported files in S3 or locally on disk (with automatic fallback)
-- **UI** – Admin UI and Dashboard integration for import and export
+* **Import** – Bulk upload products from CSV with validation, custom fields, assets, facets, and variants
+* **Export** – Export products to CSV with selected fields; export all products or a selection
+* **Storage strategies** – Store exported files in S3 or locally on disk (with automatic fallback)
+* **UI** – Admin UI and Dashboard integration for import and export
 
 ![Dashboard UI](assets/Screenshot-dashboard-ui.png)
 
 ## Compatibility
 
-Vendure **^3.6.0**
+Vendure **^2.0.0** or **^3.0.0**
 
 ## Getting started
 
@@ -65,13 +65,13 @@ export const config = {
 
 ### Import options
 
-| Option                   | Type                                               | Default     | Description                                                                                                                |
-| ------------------------ | -------------------------------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------- |
-| `updateProductSlug`      | `boolean`                                          | `true`      | Update product slug from the `name` field in the CSV                                                                       |
-| `restoreSoftDeleted`     | `boolean`                                          | `true`      | Restore soft-deleted products/variants found by id or SKU during import. If `false`, new products will be created instead. |
-| `storageStrategy`        | `ImportJobStorageStrategy`                         | local disk  | Strategy instance for queued import file storage and retrieval.                                                            |
-| `storageStrategyFactory` | `(injector: Injector) => ImportJobStorageStrategy` | `undefined` | Factory for DI-aware strategy creation (recommended for S3/remote storage).                                                |
-| `importJobStorage`       | `'local' \| 's3'`                                  | `'local'`   | Deprecated compatibility flag. Prefer `storageStrategy` / `storageStrategyFactory`.                                        |
+| Option                   | Type                                            | Default    | Description                                                                                                                  |
+| ------------------------ | ----------------------------------------------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------- |
+| `updateProductSlug`      | `boolean`                                       | `true`     | Update product slug from the `name` field in the CSV                                                                         |
+| `restoreSoftDeleted`     | `boolean`                                       | `true`     | Restore soft-deleted products/variants found by id or SKU during import. If `false`, new products will be created instead. |
+| `storageStrategy`        | `ImportJobStorageStrategy`                      | local disk | Strategy instance for queued import file storage and retrieval.                                                              |
+| `storageStrategyFactory` | `(injector: Injector) => ImportJobStorageStrategy` | `undefined` | Factory for DI-aware strategy creation (recommended for S3/remote storage).                                                  |
+| `importJobStorage`       | `'local' \| 's3'`                              | `'local'`  | Deprecated compatibility flag. Prefer `storageStrategy` / `storageStrategyFactory`.                                          |
 
 Available import storage strategies:
 
@@ -94,8 +94,8 @@ Available import storage strategies:
 
 The plugin supports configurable storage for exported files:
 
-- **S3** – Stores export files in an S3-compatible bucket
-- **Disk (default)** – Saves files locally on the server
+* **S3** – Stores export files in an S3-compatible bucket
+* **Disk (default)** – Saves files locally on the server
 
 ## CSV Format for Import
 
@@ -106,21 +106,21 @@ The plugin supports configurable storage for exported files:
 
 ### Optional columns
 
-| Column                        | Format                                                                                                                             | Example                                                                                    |
-| ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ |
-| `name`, `slug`, `description` | Text, or `name:en`, `name:sv` for translations                                                                                     | `My Product`                                                                               |
-| `assets`                      | Pipe-separated URLs, or JSON `[{"url":"...","name":"..."}]`                                                                        | `https://example.com/1.jpg\|https://example.com/2.jpg`                                     |
-| `facets`                      | `facet:value` pairs, pipe-separated                                                                                                | `Brand:Acme\|Category:Electronics`                                                         |
-| `optionGroups`                | Pipe-separated group names. Use `name:code` to share a group across products (see [Sharing option groups](#sharing-option-groups)) | `Size\|Color` or `size:shoe-size`                                                          |
-| `optionValues`                | Pipe-separated values (order matches option groups)                                                                                | `Large\|Blue`                                                                              |
-| `price`                       | Number (in smallest currency unit)                                                                                                 | `9999`                                                                                     |
-| `taxCategory`                 | Tax category name                                                                                                                  | `standard`                                                                                 |
-| `stockOnHand`                 | Number                                                                                                                             | `100`                                                                                      |
-| `trackInventory`              | `true` or `false`                                                                                                                  | `true`                                                                                     |
-| `variantAssets`               | Same format as `assets`                                                                                                            | `https://example.com/variant.jpg`                                                          |
-| `variantFacets`               | Same format as `facets`                                                                                                            | `Material:Cotton`                                                                          |
-| `enabled`                     | `true` or `false`                                                                                                                  | `true`                                                                                     |
-| Custom fields                 | Column name = custom field name; value depends on field type                                                                       | Add columns for any Product or ProductVariant custom fields defined in your Vendure config |
+| Column                        | Format                                                       | Example                                                                                    |
+| ----------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
+| `name`, `slug`, `description` | Text, or `name:en`, `name:sv` for translations               | `My Product`                                                                               |
+| `assets`                      | Pipe-separated URLs, or JSON `[{"url":"...","name":"..."}]`  | `https://example.com/1.jpg\|https://example.com/2.jpg`                                     |
+| `facets`                      | `facet:value` pairs, pipe-separated                          | `Brand:Acme\|Category:Electronics`                                                         |
+| `optionGroups`                | Pipe-separated group names                                   | `Size\|Color`                                                                              |
+| `optionValues`                | Pipe-separated values (order matches option groups)          | `Large\|Blue`                                                                              |
+| `price`                       | Number (in smallest currency unit)                           | `9999`                                                                                     |
+| `taxCategory`                 | Tax category name                                            | `standard`                                                                                 |
+| `stockOnHand`                 | Number                                                       | `100`                                                                                      |
+| `trackInventory`              | `true` or `false`                                            | `true`                                                                                     |
+| `variantAssets`               | Same format as `assets`                                      | `https://example.com/variant.jpg`                                                          |
+| `variantFacets`               | Same format as `facets`                                      | `Material:Cotton`                                                                          |
+| `enabled`                     | `true` or `false`                                            | `true`                                                                                     |
+| Custom fields                 | Column name = custom field name; value depends on field type | Add columns for any Product or ProductVariant custom fields defined in your Vendure config |
 
 #### Import behavior rules
 
@@ -128,28 +128,6 @@ The plugin supports configurable storage for exported files:
 - If a column exists in the header but the cell is empty, that field is explicitly cleared.
 - For products with more than one variant, `optionGroups` and `optionValues` are required.
 
-#### Sharing option groups
-
-By default, each product gets its own option groups. To **share an option group** across
-multiple products (e.g. a common "Size" group for all shoes), use the `name:code` syntax in the
-`optionGroups` column: `size:shoe-size`. All products that reference the same code will share
-a single option group. Products using a plain name (e.g. just `size`) will each get their own
-independent option group.
-
-```csv
-...optionGroups     , optionValues , ...
-# Each shoe product shares a single "shoe-size" option group:
-"size:shoe-size"    , Small        , ...
-"size:shoe-size"    , Medium       , ...
-# This product gets its own independent "size" group:
-"size"              , 4GB          , ...
-```
-
-The first product to reference a given code defines the full set of option values for that
-shared group; subsequent products may use any subset of those values. Codes are language-
-agnostic — only the `name` portion before the colon is translated per language column
-(`optionGroups:en`, `optionGroups:sv`, etc.).
-
 #### Multi-language support
 
 Use language-specific columns by suffixing the field name with the language code. The language codes must match those configured in your Vendure instance (e.g. `en`, `sv`).
@@ -216,11 +194,7 @@ Note: templates for `@vendure/email-plugin` should be valid MJML.
 
 ```typescript
 import path from 'path'
-import {
-  DefaultEmailPlugin,
-  FileBasedTemplateLoader,
-  defaultEmailHandlers,
-} from '@vendure/email-plugin'
+import { DefaultEmailPlugin, FileBasedTemplateLoader, defaultEmailHandlers } from '@vendure/email-plugin'
 import {
   withProductExportedHandler,
   withProductExportedTemplateFallback,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haus-tech/product-import-export-plugin",
-  "version": "3.3.10-next.1",
+  "version": "3.3.10-next.3",
   "description": "A Vendure plugin for importing and exporting products using a CSV file",
   "author": "Haus Tech",
   "repository": {
@@ -53,13 +53,13 @@
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "csv-parse": "^6.0.0",
+    "csv-parse": "^5.6.0",
     "csv-stringify": "^6.6.0"
   },
   "peerDependencies": {
-    "@vendure/core": "^3.6.0",
-    "@vendure/email-plugin": "^3.6.0",
-    "csv-parse": "^6.0.0",
+    "@vendure/core": "^2.0.0 || ^3.0.0",
+    "@vendure/email-plugin": "^2.0.0 || ^3.0.0",
+    "csv-parse": "^5.5.6",
     "csv-stringify": "^6.5.1",
     "slug": "^9.1.0"
   },

package/src/dashboard/bulk-export.tsx

@@ -22,7 +22,6 @@ export function ExportProductsBulkAction({
   return (
     <>
       <DataTableBulkActionItem
-        closeOnClick={false}
         onClick={() => setDialogOpen(true)}
         label="Export products to CSV"
         icon={DownloadIcon}

package/src/dashboard/export-dialog.tsx

@@ -6,18 +6,27 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
+  Input,
+  Label,
+  RadioGroup,
+  RadioGroupItem,
+  Checkbox,
 } from '@vendure/dashboard'
-import { useRef, useState } from 'react'
+import { useState, useEffect } from 'react'
+import { toast } from 'sonner'
 import {
-  ExportConfigurationPanel,
-  type ExportConfigurationPanelHandle,
-} from './export-configuration-panel'
+  getServerLocation,
+  getChannelHeader,
+  type PluginInitOptions,
+  type ExportFields,
+  type ProductFields,
+  type VariantFields,
+} from './utils'
 
 interface ExportDialogProps {
   open: boolean
   onOpenChange: (open: boolean) => void
-  /** Omit for export-all-only dialogs; bulk export passes selected IDs. */
-  productIds?: string[]
+  productIds: string[]
   isExportAll?: boolean
 }
 
@@ -27,15 +36,156 @@ export function ExportDialog({
   productIds,
   isExportAll = false,
 }: ExportDialogProps) {
-  const panelRef = useRef<ExportConfigurationPanelHandle>(null)
-  const [isSubmitting, setIsSubmitting] = useState(false)
+  const mandatoryOptionFields: Array<ProductFields | VariantFields> = ['optionGroups', 'optionValues']
+  const [fileName, setFileName] = useState('')
+  const [customFields, setCustomFields] = useState<string[]>([])
+  const [selectedFields, setSelectedFields] = useState<string[]>([])
+  const [exportAssetsAs, setExportAssetsAs] = useState<'url' | 'json'>('url')
+  const [selectedExportFields, setSelectedExportFields] = useState<ExportFields>([])
+  const [availableExportFields] = useState<ExportFields>([
+    'name',
+    'slug',
+    'description',
+    'assets',
+    'facets',
+    'optionGroups',
+    'sku',
+    'optionValues',
+    'price',
+    'taxCategory',
+    'stockOnHand',
+    'trackInventory',
+    'variantAssets',
+    'variantFacets',
+    'enabled',
+  ])
+  const [config, setConfig] = useState<PluginInitOptions['exportOptions'] | null>(null)
+  const [toggleAllChecked, setToggleAllChecked] = useState(false)
+
+  useEffect(() => {
+    const fetchConfig = async () => {
+      try {
+        const serverPath = getServerLocation()
+        const [configRes, customFieldsRes] = await Promise.all([
+          fetch(`${serverPath}/product-import-export/config`, {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json',
+              ...getChannelHeader(),
+            },
+            credentials: 'include',
+          }),
+          fetch(`${serverPath}/product-export/custom-fields`, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+              ...getChannelHeader(),
+            },
+            credentials: 'include',
+            body: JSON.stringify(productIds.length > 0 ? productIds : []),
+          }),
+        ])
+
+        const configData = await configRes.json()
+        const customFieldsData = await customFieldsRes.json()
+
+        setConfig(configData.exportOptions)
+        setCustomFields(customFieldsData.map((field: { name: string }) => field.name))
+        setSelectedFields([...customFieldsData.map((field: { name: string }) => field.name)])
+        setExportAssetsAs(
+          configData.exportOptions?.defaultExportAssetsAs ||
+            configData.exportOptions?.exportAssetsAsOptions?.[0] ||
+            'url',
+        )
+        if (
+          configData.exportOptions?.defaultExportFields ||
+          configData.exportOptions?.requiredExportFields
+        ) {
+          setSelectedExportFields(
+            Array.from(
+              new Set([
+                ...(configData.exportOptions.defaultExportFields || []),
+                ...(configData.exportOptions.requiredExportFields || []),
+                ...mandatoryOptionFields,
+              ]),
+            ) as ExportFields,
+          )
+        }
+      } catch (error) {
+        console.error('Failed to fetch config:', error)
+      }
+    }
+
+    if (open) {
+      fetchConfig()
+    }
+  }, [open, productIds])
+
+  const toggleFieldSelection = (fieldName: string) => {
+    setSelectedFields((prev) =>
+      prev.includes(fieldName) ? prev.filter((f) => f !== fieldName) : [...prev, fieldName],
+    )
+  }
+
+  const toggleExportFieldSelection = (fieldName: ProductFields | VariantFields) => {
+    if (mandatoryOptionFields.includes(fieldName)) {
+      return
+    }
+    setSelectedExportFields((prev) =>
+      prev.includes(fieldName) ? prev.filter((f) => f !== fieldName) : [...prev, fieldName],
+    )
+  }
+
+  const toggleSelectAll = (checked: boolean) => {
+    setToggleAllChecked(checked)
+    if (checked) {
+      setSelectedExportFields([...availableExportFields])
+      setSelectedFields([...customFields])
+    } else {
+      setSelectedExportFields([
+        ...(config?.requiredExportFields || []),
+        ...mandatoryOptionFields,
+      ])
+      setSelectedFields([])
+    }
+  }
 
   const handleExport = async () => {
-    setIsSubmitting(true)
+    const trimmedFileName = fileName.trim()
+    const finalFileName = trimmedFileName || config?.defaultFileName || 'products_export.csv'
+
     try {
-      await panelRef.current?.submitExport()
-    } finally {
-      setIsSubmitting(false)
+      const serverPath = getServerLocation()
+      const endpoint = isExportAll ? 'export-all' : 'export'
+      const body = isExportAll ? undefined : JSON.stringify(productIds)
+
+      const res = await fetch(
+        `${serverPath}/product-export/${endpoint}?fileName=${encodeURIComponent(finalFileName)}&customFields=${encodeURIComponent(selectedFields.join(','))}&exportAssetsAs=${exportAssetsAs}&selectedExportFields=${encodeURIComponent(selectedExportFields.join(','))}`,
+        {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            ...getChannelHeader(),
+          },
+          credentials: 'include',
+          ...(body && { body }),
+        },
+      )
+
+      if (!res.ok) {
+        const json = await res.json()
+        throw new Error(json?.message || 'Export failed')
+      }
+
+      onOpenChange(false)
+      toast.success(
+        `Export job queued successfully. ${
+          isExportAll ? 'All' : productIds.length
+        } products will be exported.`,
+      )
+    } catch (error: unknown) {
+      console.error(error)
+      toast.error((error as Error)?.message || 'Failed to queue export')
     }
   }
 
@@ -47,21 +197,101 @@ export function ExportDialog({
           <DialogDescription>Configure export settings</DialogDescription>
         </DialogHeader>
 
-        <ExportConfigurationPanel
-          ref={panelRef}
-          productIds={productIds}
-          isExportAll={isExportAll}
-          active={open}
-          idPrefix="dialog-export"
-          fieldsAccordionDefaultOpen
-          onExportSuccess={() => onOpenChange(false)}
-        />
+        <div className="space-y-4">
+          <div>
+            <Label htmlFor="file-name">File name (optional)</Label>
+            <p className="text-sm text-muted-foreground mt-1">
+              A timestamp will be automatically added to the filename to ensure uniqueness.
+            </p>
+            <Input
+              id="file-name"
+              value={fileName}
+              onChange={(e) => setFileName(e.target.value)}
+              placeholder={config?.defaultFileName || 'products_export.csv'}
+              className="mt-1"
+            />
+          </div>
+
+          <div>
+            <Label>Select fields to export</Label>
+            <div className="flex items-center space-x-2 mt-2">
+              <Checkbox
+                id="select-all"
+                checked={toggleAllChecked}
+                onCheckedChange={(checked) => toggleSelectAll(checked as boolean)}
+              />
+              <Label htmlFor="select-all" className="font-normal">
+                Select all
+              </Label>
+            </div>
+            <div className="grid grid-cols-2 gap-2 mt-2">
+              {availableExportFields.map((field) => (
+                <div key={field} className="flex items-center space-x-2">
+                  <Checkbox
+                    id={`field-${field}`}
+                    checked={selectedExportFields.includes(field)}
+                    onCheckedChange={() => toggleExportFieldSelection(field)}
+                    disabled={
+                      config?.requiredExportFields?.includes(field) ||
+                      mandatoryOptionFields.includes(field)
+                    }
+                  />
+                  <Label htmlFor={`field-${field}`} className="font-normal">
+                    {field}
+                  </Label>
+                </div>
+              ))}
+            </div>
+            {customFields.length > 0 && (
+              <div className="grid grid-cols-2 gap-2 mt-2">
+                {customFields.map((field) => (
+                  <div key={field} className="flex items-center space-x-2">
+                    <Checkbox
+                      id={`custom-${field}`}
+                      checked={selectedFields.includes(field)}
+                      onCheckedChange={() => toggleFieldSelection(field)}
+                    />
+                    <Label htmlFor={`custom-${field}`} className="font-normal">
+                      {field}
+                    </Label>
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+
+          <div>
+            <Label>Export assets as:</Label>
+            <RadioGroup
+              value={exportAssetsAs}
+              onValueChange={(val) => setExportAssetsAs(val as 'url' | 'json')}
+              className="mt-2"
+            >
+              {config?.exportAssetsAsOptions?.includes('url') && (
+                <div className="flex items-center space-x-2">
+                  <RadioGroupItem value="url" id="assets-url" />
+                  <Label htmlFor="assets-url" className="font-normal">
+                    URL
+                  </Label>
+                </div>
+              )}
+              {config?.exportAssetsAsOptions?.includes('json') && (
+                <div className="flex items-center space-x-2">
+                  <RadioGroupItem value="json" id="assets-json" />
+                  <Label htmlFor="assets-json" className="font-normal">
+                    JSON
+                  </Label>
+                </div>
+              )}
+            </RadioGroup>
+          </div>
+        </div>
 
         <DialogFooter>
           <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
             Cancel
           </Button>
-          <Button type="button" onClick={handleExport} disabled={isSubmitting || !open}>
+          <Button type="button" onClick={handleExport}>
             Export
           </Button>
         </DialogFooter>

package/src/dashboard/export.tsx

@@ -1,60 +1,25 @@
-import {
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@vendure/dashboard'
-import { DownloadIcon, InfoIcon } from 'lucide-react'
-import { useRef, useState } from 'react'
-import {
-  ExportConfigurationPanel,
-  type ExportConfigurationPanelHandle,
-} from './export-configuration-panel'
+import { Button } from '@vendure/dashboard'
+import { useState } from 'react'
+import { ExportDialog } from './export-dialog'
 
 export function ProductExportBlock() {
-  const panelRef = useRef<ExportConfigurationPanelHandle>(null)
-  const [isExporting, setIsExporting] = useState(false)
+  const [dialogOpen, setDialogOpen] = useState(false)
 
-  const handleExport = async () => {
-    setIsExporting(true)
-    try {
-      await panelRef.current?.submitExport()
-    } finally {
-      setIsExporting(false)
-    }
+  const handleExport = () => {
+    setDialogOpen(true)
   }
 
   return (
-    <Card className="h-full">
-      <CardHeader className="flex flex-row items-start gap-3 space-y-0 items-center">
-        <div className="bg-primary/10 text-primary rounded-md p-2 flex h-9 w-9 items-center justify-center">
-          <DownloadIcon className="h-5 w-5" />
-        </div>
-        <div className="space-y-1">
-          <CardTitle className="mb-0">Export all products</CardTitle>
-          <CardDescription className="text-xs">Export all your products to a CSV file.</CardDescription>
-        </div>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <ExportConfigurationPanel
-          ref={panelRef}
-          isExportAll
-          active
-          idPrefix="page-export"
-        />
-
-        <Button className="w-full" onClick={handleExport} disabled={isExporting}>
-          <DownloadIcon className="mr-2 h-4 w-4" />
-          {isExporting ? 'Queuing export…' : 'Export products'}
-        </Button>
-
-        <div className="flex items-start gap-2 text-xs text-muted-foreground">
-          <InfoIcon className="h-3.5 w-3.5 shrink-0" />
-          <span>You will receive an email when the export is ready to download.</span>
-        </div>
-      </CardContent>
-    </Card>
+    <div className="space-y-4">
+      <div>
+        <Button onClick={handleExport}>Export all products</Button>
+      </div>
+      <ExportDialog
+        open={dialogOpen}
+        onOpenChange={setDialogOpen}
+        productIds={[]}
+        isExportAll={true}
+      />
+    </div>
   )
 }