@aglyn/plugins-ai 1.0.0-beta.143

package/src/lib/components/ai-products-hub-card.component.js

@@ -0,0 +1,418 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { ListTable } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { Alert, Box, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, Link, Stack, TextField, Typography } from "@mui/material";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { AI_PRODUCTS_BULK_MAX, AI_PRODUCTS_IMPORT_WRITE_COPY, aiProductsBulkBrief, aiProductsBulkCount, aiProductsJobInputs, aiProductsProposalOfKind } from "../model/ai-products.js";
+import { AiBulkCopyReview, AiCatalogReview, AiCategoriesReview } from "./ai-products-proposals.component.js";
+import { useAiProductsJobs } from "./use-ai-products-jobs.js";
+/**
+ * Commerce by AI on the products hub (AGL-2916), through the `productsHub`
+ * zone. Three things a person asks for, each a `products` job, and each
+ * proposal reviewed in a table before anything is written:
+ *
+ * - **Write copy for products** — up to 50 saved products, picked from the
+ *   hub's rows; a job works through them a product at a time, and each row is
+ *   applied on its own or all at once.
+ * - **Propose products** — a store's first products from a brief, created as
+ *   drafts with their prices empty and no photo, both marked for the person to
+ *   set.
+ * - **Propose categories and discounts** — from a brief, created as the
+ *   catalog and discounts cards create them, every discount switched off.
+ *
+ * An import whose `productImport` option asked for it starts a copy job for
+ * the products the import created, as they land. Every write is the hub's
+ * (`ConsoleProductsHubZoneProps`); this card writes nothing itself.
+ */ const BRIEF_MAX_CHARS = 4000;
+/** What each brief dialog says. */ export const AI_PRODUCTS_BRIEF_COPY = {
+    catalog: {
+        title: 'Propose products',
+        label: 'What does the store sell?',
+        placeholder: 'A candle studio in Asheville: hand-poured soy candles in 8 oz and 16 oz jars, and wax melts',
+        next: 'You review up to twelve proposed products before any is created. Each is created as a draft with its ' + 'price left empty and no photo, and nothing is on your storefront until you price it and activate it.',
+        submit: 'Propose products'
+    },
+    categories: {
+        title: 'Propose categories and discounts',
+        label: 'What should shoppers be able to browse, and what offers suit the store?',
+        placeholder: 'A trail running shop: shoes, apparel and hydration packs, with a welcome offer for new runners',
+        next: 'You review the proposed categories and discounts before any is created. Discounts are created switched ' + 'off, and a shopper sees none until you switch it on.',
+        submit: 'Propose'
+    }
+};
+const nameKey = (name)=>name.replace(/\s+/g, ' ').trim().toLowerCase();
+/** Which card a `products` job belongs to: from what it proposed, or from what this card started. */ function targetOf(job, started) {
+    if (started[job.id]) return started[job.id];
+    if (aiProductsBulkCount(job) !== null) return 'bulk';
+    if (aiProductsProposalOfKind(job, 'catalog')) return 'catalog';
+    if (aiProductsProposalOfKind(job, 'categories')) return 'categories';
+    return null;
+}
+export function AiProductsHubCard(props) {
+    var _ref, _ref1;
+    const { hostId, products, lastImport, applyProductCopy, createProductDrafts, createCategories, createDiscountDrafts } = props;
+    const { orgId, verdict, jobs, notice, start } = useAiProductsJobs({
+        hostId,
+        orgId: props.orgId,
+        // A bulk job is known by its brief while it runs; a catalog or categories
+        // job started elsewhere is shown once it has proposed.
+        follows: (job)=>aiProductsBulkCount(job) !== null
+    });
+    const [started, setStarted] = useState({});
+    const [picking, setPicking] = useState(false);
+    const [picked, setPicked] = useState([]);
+    const [brief, setBrief] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const handledImports = useRef(new Set());
+    const startBulk = useCallback(async (productIds)=>{
+        const ids = productIds.slice(0, AI_PRODUCTS_BULK_MAX);
+        if (!ids.length) return false;
+        const job = await start(aiProductsBulkBrief(ids.length), aiProductsJobInputs({
+            target: 'bulk',
+            productIds: [
+                ...ids
+            ]
+        }));
+        if (job) setStarted((current)=>_extends({}, current, {
+                [job.id]: 'bulk'
+            }));
+        return Boolean(job);
+    }, [
+        start
+    ]);
+    // An import that asked for its copy starts the job once, as the import lands.
+    useEffect(()=>{
+        if (verdict !== 'ready' || !lastImport || handledImports.current.has(lastImport.key)) return;
+        handledImports.current.add(lastImport.key);
+        if (lastImport.options[AI_PRODUCTS_IMPORT_WRITE_COPY] && lastImport.productIds.length) {
+            void startBulk(lastImport.productIds);
+        }
+    }, [
+        verdict,
+        lastImport,
+        startBulk
+    ]);
+    const heldNames = useMemo(()=>new Set(products.map((product)=>nameKey(product.name))), [
+        products
+    ]);
+    const pickerRows = useMemo(()=>products.map((product)=>({
+                $id: product.id,
+                name: product.name,
+                status: product.status,
+                photo: product.hasPhoto ? 'Yes' : 'No photo'
+            })), [
+        products
+    ]);
+    const pickerColumns = useMemo(()=>[
+            {
+                field: 'name',
+                headerName: 'Product',
+                flex: 1,
+                minWidth: 180
+            },
+            {
+                field: 'status',
+                headerName: 'Status',
+                width: 110
+            },
+            {
+                field: 'photo',
+                headerName: 'Photo',
+                width: 110
+            }
+        ], []);
+    if (verdict !== 'ready') return null;
+    const latest = (target)=>{
+        var _jobs_find;
+        return (_jobs_find = jobs.find((job)=>targetOf(job, started) === target)) != null ? _jobs_find : null;
+    };
+    const bulkJob = latest('bulk');
+    const catalogJob = latest('catalog');
+    const categoriesJob = latest('categories');
+    const tooMany = picked.length > AI_PRODUCTS_BULK_MAX;
+    const help = pluginDocsHelp('aiProducts', {
+        excerpt: 'Write product copy, propose a first catalog, or propose categories and discounts from a brief. You review every proposal before anything is saved.'
+    });
+    const copy = brief ? AI_PRODUCTS_BRIEF_COPY[brief.kind] : null;
+    const submitBrief = async ()=>{
+        if (!(brief == null ? void 0 : brief.text.trim())) return;
+        setBusy(true);
+        try {
+            const job = await start(brief.text.trim(), aiProductsJobInputs({
+                target: brief.kind
+            }));
+            if (job) {
+                setStarted((current)=>_extends({}, current, {
+                        [job.id]: brief.kind
+                    }));
+                setBrief(null);
+            }
+        } finally{
+            setBusy(false);
+        }
+    };
+    const submitPicked = async ()=>{
+        setBusy(true);
+        try {
+            if (await startBulk(picked)) {
+                setPicking(false);
+                setPicked([]);
+            }
+        } finally{
+            setBusy(false);
+        }
+    };
+    return /*#__PURE__*/ _jsxs(Box, {
+        sx: {
+            border: 1,
+            borderColor: 'divider',
+            borderRadius: 1,
+            p: 1.5
+        },
+        "aria-label": "Products assistant",
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignItems: 'baseline'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "subtitle2",
+                                sx: {
+                                    flexGrow: 1
+                                },
+                                children: 'Build your catalog with AI'
+                            }),
+                            /*#__PURE__*/ _jsx(Link, {
+                                href: help.href,
+                                target: "_blank",
+                                rel: "noopener",
+                                variant: "caption",
+                                title: help.excerpt,
+                                children: 'How it works'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: {
+                            xs: 'column',
+                            sm: 'row'
+                        },
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                variant: "outlined",
+                                disabled: !orgId || !products.length,
+                                onClick: ()=>setPicking(true),
+                                children: 'Write copy for products'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                variant: "outlined",
+                                disabled: !orgId,
+                                onClick: ()=>setBrief({
+                                        kind: 'catalog',
+                                        text: ''
+                                    }),
+                                children: 'Propose products'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                variant: "outlined",
+                                disabled: !orgId,
+                                onClick: ()=>setBrief({
+                                        kind: 'categories',
+                                        text: ''
+                                    }),
+                                children: 'Propose categories and discounts'
+                            })
+                        ]
+                    }),
+                    notice ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        children: notice
+                    }) : null,
+                    bulkJob ? /*#__PURE__*/ _jsx(AiBulkCopyReview, {
+                        job: bulkJob,
+                        applyProductCopy: applyProductCopy
+                    }, bulkJob.id) : null,
+                    catalogJob ? /*#__PURE__*/ _jsx(AiCatalogReview, {
+                        job: catalogJob,
+                        heldNames: heldNames,
+                        createProductDrafts: createProductDrafts
+                    }, catalogJob.id) : null,
+                    categoriesJob ? /*#__PURE__*/ _jsx(AiCategoriesReview, {
+                        job: categoriesJob,
+                        createCategories: createCategories,
+                        createDiscountDrafts: createDiscountDrafts
+                    }, categoriesJob.id) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: picking,
+                onClose: busy ? undefined : ()=>setPicking(false),
+                fullWidth: true,
+                maxWidth: "md",
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: 'Write copy for products'
+                    }),
+                    /*#__PURE__*/ _jsx(DialogContent, {
+                        children: /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1.5,
+                            sx: {
+                                pt: 1
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: `Pick up to ${AI_PRODUCTS_BULK_MAX} products. Each gets a proposed description, search listing and ` + 'tags from its name, text, options and first photo, and you review every one before it is saved. ' + 'Prices are never written.'
+                                }),
+                                /*#__PURE__*/ _jsx(ListTable, {
+                                    rows: pickerRows,
+                                    columns: pickerColumns,
+                                    quickFilter: false,
+                                    selectable: {
+                                        selected: picked,
+                                        onChange: setPicked
+                                    }
+                                }),
+                                tooMany ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "info",
+                                    children: `Pick at most ${AI_PRODUCTS_BULK_MAX} products at a time.`
+                                }) : null,
+                                notice ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "warning",
+                                    children: notice
+                                }) : null
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setPicking(false),
+                                disabled: busy,
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: busy || !picked.length || tooMany,
+                                onClick: ()=>void submitPicked(),
+                                children: picked.length ? `Write copy for ${picked.length}` : 'Write copy'
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(brief),
+                onClose: busy ? undefined : ()=>setBrief(null),
+                fullWidth: true,
+                maxWidth: "sm",
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: copy == null ? void 0 : copy.title
+                    }),
+                    /*#__PURE__*/ _jsx(DialogContent, {
+                        children: /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 2,
+                            sx: {
+                                pt: 1
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: copy == null ? void 0 : copy.label,
+                                    placeholder: copy == null ? void 0 : copy.placeholder,
+                                    multiline: true,
+                                    minRows: 4,
+                                    value: (_ref = brief == null ? void 0 : brief.text) != null ? _ref : '',
+                                    onChange: (event)=>setBrief((current)=>current ? _extends({}, current, {
+                                                text: event.target.value.slice(0, BRIEF_MAX_CHARS)
+                                            }) : current),
+                                    helperText: `${((_ref1 = brief == null ? void 0 : brief.text.length) != null ? _ref1 : 0).toLocaleString('en-US')} / ${BRIEF_MAX_CHARS.toLocaleString('en-US')}`,
+                                    disabled: busy,
+                                    autoFocus: true
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: copy == null ? void 0 : copy.next
+                                }),
+                                (brief == null ? void 0 : brief.kind) === 'catalog' ? /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    useFlexGap: true,
+                                    sx: {
+                                        flexWrap: 'wrap'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Chip, {
+                                            size: "small",
+                                            color: "warning",
+                                            variant: "outlined",
+                                            label: "Prices stay empty"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Chip, {
+                                            size: "small",
+                                            color: "warning",
+                                            variant: "outlined",
+                                            label: "Photos are yours to add"
+                                        })
+                                    ]
+                                }) : null,
+                                notice ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "warning",
+                                    children: notice
+                                }) : null
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setBrief(null),
+                                disabled: busy,
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: busy || !orgId || !(brief == null ? void 0 : brief.text.trim()),
+                                onClick: ()=>void submitBrief(),
+                                children: copy == null ? void 0 : copy.submit
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+AiProductsHubCard.displayName = 'AiProductsHubCard';
+export default AiProductsHubCard;
+
+//# sourceMappingURL=ai-products-hub-card.component.js.map

package/src/lib/components/ai-products-hub-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/components/ai-products-hub-card.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn/app-utils/docs-help'\nimport type { ConsoleProductsHubZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins'\nimport { ListTable, type ListTableProps } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Link,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { AiJobSummary } from '../model/ai-jobs.types'\nimport {\n  AI_PRODUCTS_BULK_MAX,\n  AI_PRODUCTS_IMPORT_WRITE_COPY,\n  aiProductsBulkBrief,\n  aiProductsBulkCount,\n  aiProductsJobInputs,\n  aiProductsProposalOfKind,\n} from '../model/ai-products'\nimport { AiBulkCopyReview, AiCatalogReview, AiCategoriesReview } from './ai-products-proposals.component'\nimport { useAiProductsJobs } from './use-ai-products-jobs'\n\n/**\n * Commerce by AI on the products hub (AGL-2916), through the `productsHub`\n * zone. Three things a person asks for, each a `products` job, and each\n * proposal reviewed in a table before anything is written:\n *\n * - **Write copy for products** — up to 50 saved products, picked from the\n *   hub's rows; a job works through them a product at a time, and each row is\n *   applied on its own or all at once.\n * - **Propose products** — a store's first products from a brief, created as\n *   drafts with their prices empty and no photo, both marked for the person to\n *   set.\n * - **Propose categories and discounts** — from a brief, created as the\n *   catalog and discounts cards create them, every discount switched off.\n *\n * An import whose `productImport` option asked for it starts a copy job for\n * the products the import created, as they land. Every write is the hub's\n * (`ConsoleProductsHubZoneProps`); this card writes nothing itself.\n */\n\nconst BRIEF_MAX_CHARS = 4_000\n\n/** A column of the product picker, in the shared list table's own terms. */\ntype GridColDef = NonNullable<ListTableProps['columns']>[number]\n\ntype BriefKind = 'catalog' | 'categories'\n\n/** What each brief dialog says. */\nexport const AI_PRODUCTS_BRIEF_COPY: Readonly<\n  Record<BriefKind, { title: string; label: string; placeholder: string; next: string; submit: string }>\n> = {\n  catalog: {\n    title: 'Propose products',\n    label: 'What does the store sell?',\n    placeholder: 'A candle studio in Asheville: hand-poured soy candles in 8 oz and 16 oz jars, and wax melts',\n    next:\n      'You review up to twelve proposed products before any is created. Each is created as a draft with its ' +\n      'price left empty and no photo, and nothing is on your storefront until you price it and activate it.',\n    submit: 'Propose products',\n  },\n  categories: {\n    title: 'Propose categories and discounts',\n    label: 'What should shoppers be able to browse, and what offers suit the store?',\n    placeholder: 'A trail running shop: shoes, apparel and hydration packs, with a welcome offer for new runners',\n    next:\n      'You review the proposed categories and discounts before any is created. Discounts are created switched ' +\n      'off, and a shopper sees none until you switch it on.',\n    submit: 'Propose',\n  },\n}\n\nconst nameKey = (name: string) => name.replace(/\\s+/g, ' ').trim().toLowerCase()\n\n/** Which card a `products` job belongs to: from what it proposed, or from what this card started. */\nfunction targetOf(job: AiJobSummary, started: Readonly<Record<string, string>>): string | null {\n  if (started[job.id]) return started[job.id]\n  if (aiProductsBulkCount(job) !== null) return 'bulk'\n  if (aiProductsProposalOfKind(job, 'catalog')) return 'catalog'\n  if (aiProductsProposalOfKind(job, 'categories')) return 'categories'\n  return null\n}\n\nexport function AiProductsHubCard(props: ConsoleProductsHubZoneProps) {\n  const { hostId, products, lastImport, applyProductCopy, createProductDrafts, createCategories, createDiscountDrafts } =\n    props\n  const { orgId, verdict, jobs, notice, start } = useAiProductsJobs({\n    hostId,\n    orgId: props.orgId,\n    // A bulk job is known by its brief while it runs; a catalog or categories\n    // job started elsewhere is shown once it has proposed.\n    follows: (job) => aiProductsBulkCount(job) !== null,\n  })\n  const [started, setStarted] = useState<Record<string, string>>({})\n  const [picking, setPicking] = useState(false)\n  const [picked, setPicked] = useState<string[]>([])\n  const [brief, setBrief] = useState<{ kind: BriefKind; text: string } | null>(null)\n  const [busy, setBusy] = useState(false)\n  const handledImports = useRef(new Set<string>())\n\n  const startBulk = useCallback(\n    async (productIds: readonly string[]) => {\n      const ids = productIds.slice(0, AI_PRODUCTS_BULK_MAX)\n      if (!ids.length) return false\n      const job = await start(aiProductsBulkBrief(ids.length), aiProductsJobInputs({ target: 'bulk', productIds: [...ids] }))\n      if (job) setStarted((current) => ({ ...current, [job.id]: 'bulk' }))\n      return Boolean(job)\n    },\n    [start],\n  )\n\n  // An import that asked for its copy starts the job once, as the import lands.\n  useEffect(() => {\n    if (verdict !== 'ready' || !lastImport || handledImports.current.has(lastImport.key)) return\n    handledImports.current.add(lastImport.key)\n    if (lastImport.options[AI_PRODUCTS_IMPORT_WRITE_COPY] && lastImport.productIds.length) {\n      void startBulk(lastImport.productIds)\n    }\n  }, [verdict, lastImport, startBulk])\n\n  const heldNames = useMemo(() => new Set(products.map((product) => nameKey(product.name))), [products])\n  const pickerRows = useMemo(\n    () =>\n      products.map((product) => ({\n        $id: product.id,\n        name: product.name,\n        status: product.status,\n        photo: product.hasPhoto ? 'Yes' : 'No photo',\n      })),\n    [products],\n  )\n  const pickerColumns = useMemo<GridColDef[]>(\n    () => [\n      { field: 'name', headerName: 'Product', flex: 1, minWidth: 180 },\n      { field: 'status', headerName: 'Status', width: 110 },\n      { field: 'photo', headerName: 'Photo', width: 110 },\n    ],\n    [],\n  )\n\n  if (verdict !== 'ready') return null\n\n  const latest = (target: string) => jobs.find((job) => targetOf(job, started) === target) ?? null\n  const bulkJob = latest('bulk')\n  const catalogJob = latest('catalog')\n  const categoriesJob = latest('categories')\n  const tooMany = picked.length > AI_PRODUCTS_BULK_MAX\n  const help = pluginDocsHelp('aiProducts', {\n    excerpt:\n      'Write product copy, propose a first catalog, or propose categories and discounts from a brief. You review every proposal before anything is saved.',\n  })\n  const copy = brief ? AI_PRODUCTS_BRIEF_COPY[brief.kind] : null\n\n  const submitBrief = async () => {\n    if (!brief?.text.trim()) return\n    setBusy(true)\n    try {\n      const job = await start(brief.text.trim(), aiProductsJobInputs({ target: brief.kind }))\n      if (job) {\n        setStarted((current) => ({ ...current, [job.id]: brief.kind }))\n        setBrief(null)\n      }\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const submitPicked = async () => {\n    setBusy(true)\n    try {\n      if (await startBulk(picked)) {\n        setPicking(false)\n        setPicked([])\n      }\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  return (\n    <Box sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }} aria-label=\"Products assistant\">\n      <Stack spacing={1.5}>\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'baseline' }}>\n          <Typography variant=\"subtitle2\" sx={{ flexGrow: 1 }}>\n            {'Build your catalog with AI'}\n          </Typography>\n          <Link href={help.href} target=\"_blank\" rel=\"noopener\" variant=\"caption\" title={help.excerpt}>\n            {'How it works'}\n          </Link>\n        </Stack>\n        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={1}>\n          <Button size=\"small\" variant=\"outlined\" disabled={!orgId || !products.length} onClick={() => setPicking(true)}>\n            {'Write copy for products'}\n          </Button>\n          <Button size=\"small\" variant=\"outlined\" disabled={!orgId} onClick={() => setBrief({ kind: 'catalog', text: '' })}>\n            {'Propose products'}\n          </Button>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            disabled={!orgId}\n            onClick={() => setBrief({ kind: 'categories', text: '' })}\n          >\n            {'Propose categories and discounts'}\n          </Button>\n        </Stack>\n        {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n        {bulkJob ? (\n          <AiBulkCopyReview key={bulkJob.id} job={bulkJob} applyProductCopy={applyProductCopy} />\n        ) : null}\n        {catalogJob ? (\n          <AiCatalogReview\n            key={catalogJob.id}\n            job={catalogJob}\n            heldNames={heldNames}\n            createProductDrafts={createProductDrafts}\n          />\n        ) : null}\n        {categoriesJob ? (\n          <AiCategoriesReview\n            key={categoriesJob.id}\n            job={categoriesJob}\n            createCategories={createCategories}\n            createDiscountDrafts={createDiscountDrafts}\n          />\n        ) : null}\n      </Stack>\n\n      <Dialog open={picking} onClose={busy ? undefined : () => setPicking(false)} fullWidth maxWidth=\"md\">\n        <DialogTitle>{'Write copy for products'}</DialogTitle>\n        <DialogContent>\n          <Stack spacing={1.5} sx={{ pt: 1 }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {`Pick up to ${AI_PRODUCTS_BULK_MAX} products. Each gets a proposed description, search listing and ` +\n                'tags from its name, text, options and first photo, and you review every one before it is saved. ' +\n                'Prices are never written.'}\n            </Typography>\n            <ListTable\n              rows={pickerRows}\n              columns={pickerColumns}\n              quickFilter={false}\n              selectable={{ selected: picked, onChange: setPicked }}\n            />\n            {tooMany ? (\n              <Alert severity=\"info\">{`Pick at most ${AI_PRODUCTS_BULK_MAX} products at a time.`}</Alert>\n            ) : null}\n            {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setPicking(false)} disabled={busy}>\n            {'Cancel'}\n          </Button>\n          <Button variant=\"contained\" disabled={busy || !picked.length || tooMany} onClick={() => void submitPicked()}>\n            {picked.length ? `Write copy for ${picked.length}` : 'Write copy'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n\n      <Dialog open={Boolean(brief)} onClose={busy ? undefined : () => setBrief(null)} fullWidth maxWidth=\"sm\">\n        <DialogTitle>{copy?.title}</DialogTitle>\n        <DialogContent>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n            <TextField\n              label={copy?.label}\n              placeholder={copy?.placeholder}\n              multiline\n              minRows={4}\n              value={brief?.text ?? ''}\n              onChange={(event) =>\n                setBrief((current) => (current ? { ...current, text: event.target.value.slice(0, BRIEF_MAX_CHARS) } : current))\n              }\n              helperText={`${(brief?.text.length ?? 0).toLocaleString('en-US')} / ${BRIEF_MAX_CHARS.toLocaleString('en-US')}`}\n              disabled={busy}\n              autoFocus\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {copy?.next}\n            </Typography>\n            {brief?.kind === 'catalog' ? (\n              <Stack direction=\"row\" spacing={1} useFlexGap sx={{ flexWrap: 'wrap' }}>\n                <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Prices stay empty\" />\n                <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"Photos are yours to add\" />\n              </Stack>\n            ) : null}\n            {notice ? <Alert severity=\"warning\">{notice}</Alert> : null}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setBrief(null)} disabled={busy}>\n            {'Cancel'}\n          </Button>\n          <Button variant=\"contained\" disabled={busy || !orgId || !brief?.text.trim()} onClick={() => void submitBrief()}>\n            {copy?.submit}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Box>\n  )\n}\nAiProductsHubCard.displayName = 'AiProductsHubCard'\n\nexport default AiProductsHubCard\n"],"names":["pluginDocsHelp","ListTable","Alert","Box","Button","Chip","Dialog","DialogActions","DialogContent","DialogTitle","Link","Stack","TextField","Typography","useCallback","useEffect","useMemo","useRef","useState","AI_PRODUCTS_BULK_MAX","AI_PRODUCTS_IMPORT_WRITE_COPY","aiProductsBulkBrief","aiProductsBulkCount","aiProductsJobInputs","aiProductsProposalOfKind","AiBulkCopyReview","AiCatalogReview","AiCategoriesReview","useAiProductsJobs","BRIEF_MAX_CHARS","AI_PRODUCTS_BRIEF_COPY","catalog","title","label","placeholder","next","submit","categories","nameKey","name","replace","trim","toLowerCase","targetOf","job","started","id","AiProductsHubCard","props","hostId","products","lastImport","applyProductCopy","createProductDrafts","createCategories","createDiscountDrafts","orgId","verdict","jobs","notice","start","follows","setStarted","picking","setPicking","picked","setPicked","brief","setBrief","busy","setBusy","handledImports","Set","startBulk","productIds","ids","slice","length","target","current","Boolean","has","key","add","options","heldNames","map","product","pickerRows","$id","status","photo","hasPhoto","pickerColumns","field","headerName","flex","minWidth","width","latest","find","bulkJob","catalogJob","categoriesJob","tooMany","help","excerpt","copy","kind","submitBrief","text","submitPicked","sx","border","borderColor","borderRadius","p","aria-label","spacing","direction","alignItems","variant","flexGrow","href","rel","xs","sm","size","disabled","onClick","severity","open","onClose","undefined","fullWidth","maxWidth","pt","color","rows","columns","quickFilter","selectable","selected","onChange","multiline","minRows","value","event","helperText","toLocaleString","autoFocus","useFlexGap","flexWrap","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,cAAc,QAAQ,mCAAkC;AAEjE,SAASC,SAAS,QAA6B,uDAAsD;AACrG,SACEC,KAAK,EACLC,GAAG,EACHC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEzE,SACEC,oBAAoB,EACpBC,6BAA6B,EAC7BC,mBAAmB,EACnBC,mBAAmB,EACnBC,mBAAmB,EACnBC,wBAAwB,QACnB,0BAAsB;AAC7B,SAASC,gBAAgB,EAAEC,eAAe,EAAEC,kBAAkB,QAAQ,uCAAmC;AACzG,SAASC,iBAAiB,QAAQ,4BAAwB;AAE1D;;;;;;;;;;;;;;;;;CAiBC,GAED,MAAMC,kBAAkB;AAOxB,iCAAiC,GACjC,OAAO,MAAMC,yBAET;IACFC,SAAS;QACPC,OAAO;QACPC,OAAO;QACPC,aAAa;QACbC,MACE,0GACA;QACFC,QAAQ;IACV;IACAC,YAAY;QACVL,OAAO;QACPC,OAAO;QACPC,aAAa;QACbC,MACE,4GACA;QACFC,QAAQ;IACV;AACF,EAAC;AAED,MAAME,UAAU,CAACC,OAAiBA,KAAKC,OAAO,CAAC,QAAQ,KAAKC,IAAI,GAAGC,WAAW;AAE9E,mGAAmG,GACnG,SAASC,SAASC,GAAiB,EAAEC,OAAyC;IAC5E,IAAIA,OAAO,CAACD,IAAIE,EAAE,CAAC,EAAE,OAAOD,OAAO,CAACD,IAAIE,EAAE,CAAC;IAC3C,IAAIxB,oBAAoBsB,SAAS,MAAM,OAAO;IAC9C,IAAIpB,yBAAyBoB,KAAK,YAAY,OAAO;IACrD,IAAIpB,yBAAyBoB,KAAK,eAAe,OAAO;IACxD,OAAO;AACT;AAEA,OAAO,SAASG,kBAAkBC,KAAkC;;IAClE,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAEC,gBAAgB,EAAEC,oBAAoB,EAAE,GACnHP;IACF,MAAM,EAAEQ,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGhC,kBAAkB;QAChEqB;QACAO,OAAOR,MAAMQ,KAAK;QAClB,0EAA0E;QAC1E,uDAAuD;QACvDK,SAAS,CAACjB,MAAQtB,oBAAoBsB,SAAS;IACjD;IACA,MAAM,CAACC,SAASiB,WAAW,GAAG5C,SAAiC,CAAC;IAChE,MAAM,CAAC6C,SAASC,WAAW,GAAG9C,SAAS;IACvC,MAAM,CAAC+C,QAAQC,UAAU,GAAGhD,SAAmB,EAAE;IACjD,MAAM,CAACiD,OAAOC,SAAS,GAAGlD,SAAmD;IAC7E,MAAM,CAACmD,MAAMC,QAAQ,GAAGpD,SAAS;IACjC,MAAMqD,iBAAiBtD,OAAO,IAAIuD;IAElC,MAAMC,YAAY3D,YAChB,OAAO4D;QACL,MAAMC,MAAMD,WAAWE,KAAK,CAAC,GAAGzD;QAChC,IAAI,CAACwD,IAAIE,MAAM,EAAE,OAAO;QACxB,MAAMjC,MAAM,MAAMgB,MAAMvC,oBAAoBsD,IAAIE,MAAM,GAAGtD,oBAAoB;YAAEuD,QAAQ;YAAQJ,YAAY;mBAAIC;aAAI;QAAC;QACpH,IAAI/B,KAAKkB,WAAW,CAACiB,UAAa,aAAKA;gBAAS,CAACnC,IAAIE,EAAE,CAAC,EAAE;;QAC1D,OAAOkC,QAAQpC;IACjB,GACA;QAACgB;KAAM;IAGT,8EAA8E;IAC9E7C,UAAU;QACR,IAAI0C,YAAY,WAAW,CAACN,cAAcoB,eAAeQ,OAAO,CAACE,GAAG,CAAC9B,WAAW+B,GAAG,GAAG;QACtFX,eAAeQ,OAAO,CAACI,GAAG,CAAChC,WAAW+B,GAAG;QACzC,IAAI/B,WAAWiC,OAAO,CAAChE,8BAA8B,IAAI+B,WAAWuB,UAAU,CAACG,MAAM,EAAE;YACrF,KAAKJ,UAAUtB,WAAWuB,UAAU;QACtC;IACF,GAAG;QAACjB;QAASN;QAAYsB;KAAU;IAEnC,MAAMY,YAAYrE,QAAQ,IAAM,IAAIwD,IAAItB,SAASoC,GAAG,CAAC,CAACC,UAAYjD,QAAQiD,QAAQhD,IAAI,KAAK;QAACW;KAAS;IACrG,MAAMsC,aAAaxE,QACjB,IACEkC,SAASoC,GAAG,CAAC,CAACC,UAAa,CAAA;gBACzBE,KAAKF,QAAQzC,EAAE;gBACfP,MAAMgD,QAAQhD,IAAI;gBAClBmD,QAAQH,QAAQG,MAAM;gBACtBC,OAAOJ,QAAQK,QAAQ,GAAG,QAAQ;YACpC,CAAA,IACF;QAAC1C;KAAS;IAEZ,MAAM2C,gBAAgB7E,QACpB,IAAM;YACJ;gBAAE8E,OAAO;gBAAQC,YAAY;gBAAWC,MAAM;gBAAGC,UAAU;YAAI;YAC/D;gBAAEH,OAAO;gBAAUC,YAAY;gBAAUG,OAAO;YAAI;YACpD;gBAAEJ,OAAO;gBAASC,YAAY;gBAASG,OAAO;YAAI;SACnD,EACD,EAAE;IAGJ,IAAIzC,YAAY,SAAS,OAAO;IAEhC,MAAM0C,SAAS,CAACrB;YAAmBpB;gBAAAA,aAAAA,KAAK0C,IAAI,CAAC,CAACxD,MAAQD,SAASC,KAAKC,aAAaiC,mBAA9CpB,aAAyD;;IAC5F,MAAM2C,UAAUF,OAAO;IACvB,MAAMG,aAAaH,OAAO;IAC1B,MAAMI,gBAAgBJ,OAAO;IAC7B,MAAMK,UAAUvC,OAAOY,MAAM,GAAG1D;IAChC,MAAMsF,OAAOzG,eAAe,cAAc;QACxC0G,SACE;IACJ;IACA,MAAMC,OAAOxC,QAAQrC,sBAAsB,CAACqC,MAAMyC,IAAI,CAAC,GAAG;IAE1D,MAAMC,cAAc;QAClB,IAAI,EAAC1C,yBAAAA,MAAO2C,IAAI,CAACrE,IAAI,KAAI;QACzB6B,QAAQ;QACR,IAAI;YACF,MAAM1B,MAAM,MAAMgB,MAAMO,MAAM2C,IAAI,CAACrE,IAAI,IAAIlB,oBAAoB;gBAAEuD,QAAQX,MAAMyC,IAAI;YAAC;YACpF,IAAIhE,KAAK;gBACPkB,WAAW,CAACiB,UAAa,aAAKA;wBAAS,CAACnC,IAAIE,EAAE,CAAC,EAAEqB,MAAMyC,IAAI;;gBAC3DxC,SAAS;YACX;QACF,SAAU;YACRE,QAAQ;QACV;IACF;IAEA,MAAMyC,eAAe;QACnBzC,QAAQ;QACR,IAAI;YACF,IAAI,MAAMG,UAAUR,SAAS;gBAC3BD,WAAW;gBACXE,UAAU,EAAE;YACd;QACF,SAAU;YACRI,QAAQ;QACV;IACF;IAEA,qBACE,MAACnE;QAAI6G,IAAI;YAAEC,QAAQ;YAAGC,aAAa;YAAWC,cAAc;YAAGC,GAAG;QAAI;QAAGC,cAAW;;0BAClF,MAAC1G;gBAAM2G,SAAS;;kCACd,MAAC3G;wBAAM4G,WAAU;wBAAMD,SAAS;wBAAGN,IAAI;4BAAEQ,YAAY;wBAAW;;0CAC9D,KAAC3G;gCAAW4G,SAAQ;gCAAYT,IAAI;oCAAEU,UAAU;gCAAE;0CAC/C;;0CAEH,KAAChH;gCAAKiH,MAAMlB,KAAKkB,IAAI;gCAAE7C,QAAO;gCAAS8C,KAAI;gCAAWH,SAAQ;gCAAUzF,OAAOyE,KAAKC,OAAO;0CACxF;;;;kCAGL,MAAC/F;wBAAM4G,WAAW;4BAAEM,IAAI;4BAAUC,IAAI;wBAAM;wBAAGR,SAAS;;0CACtD,KAAClH;gCAAO2H,MAAK;gCAAQN,SAAQ;gCAAWO,UAAU,CAACxE,SAAS,CAACN,SAAS2B,MAAM;gCAAEoD,SAAS,IAAMjE,WAAW;0CACrG;;0CAEH,KAAC5D;gCAAO2H,MAAK;gCAAQN,SAAQ;gCAAWO,UAAU,CAACxE;gCAAOyE,SAAS,IAAM7D,SAAS;wCAAEwC,MAAM;wCAAWE,MAAM;oCAAG;0CAC3G;;0CAEH,KAAC1G;gCACC2H,MAAK;gCACLN,SAAQ;gCACRO,UAAU,CAACxE;gCACXyE,SAAS,IAAM7D,SAAS;wCAAEwC,MAAM;wCAAcE,MAAM;oCAAG;0CAEtD;;;;oBAGJnD,uBAAS,KAACzD;wBAAMgI,UAAS;kCAAWvE;yBAAkB;oBACtD0C,wBACC,KAAC5E;wBAAkCmB,KAAKyD;wBAASjD,kBAAkBA;uBAA5CiD,QAAQvD,EAAE,IAC/B;oBACHwD,2BACC,KAAC5E;wBAECkB,KAAK0D;wBACLjB,WAAWA;wBACXhC,qBAAqBA;uBAHhBiD,WAAWxD,EAAE,IAKlB;oBACHyD,8BACC,KAAC5E;wBAECiB,KAAK2D;wBACLjD,kBAAkBA;wBAClBC,sBAAsBA;uBAHjBgD,cAAczD,EAAE,IAKrB;;;0BAGN,MAACxC;gBAAO6H,MAAMpE;gBAASqE,SAAS/D,OAAOgE,YAAY,IAAMrE,WAAW;gBAAQsE,SAAS;gBAACC,UAAS;;kCAC7F,KAAC9H;kCAAa;;kCACd,KAACD;kCACC,cAAA,MAACG;4BAAM2G,SAAS;4BAAKN,IAAI;gCAAEwB,IAAI;4BAAE;;8CAC/B,KAAC3H;oCAAW4G,SAAQ;oCAAQgB,OAAM;8CAC/B,CAAC,WAAW,EAAEtH,qBAAqB,gEAAgE,CAAC,GACnG,qGACA;;8CAEJ,KAAClB;oCACCyI,MAAMlD;oCACNmD,SAAS9C;oCACT+C,aAAa;oCACbC,YAAY;wCAAEC,UAAU7E;wCAAQ8E,UAAU7E;oCAAU;;gCAErDsC,wBACC,KAACtG;oCAAMgI,UAAS;8CAAQ,CAAC,aAAa,EAAE/G,qBAAqB,oBAAoB,CAAC;qCAChF;gCACHwC,uBAAS,KAACzD;oCAAMgI,UAAS;8CAAWvE;qCAAkB;;;;kCAG3D,MAACpD;;0CACC,KAACH;gCAAO6H,SAAS,IAAMjE,WAAW;gCAAQgE,UAAU3D;0CACjD;;0CAEH,KAACjE;gCAAOqH,SAAQ;gCAAYO,UAAU3D,QAAQ,CAACJ,OAAOY,MAAM,IAAI2B;gCAASyB,SAAS,IAAM,KAAKlB;0CAC1F9C,OAAOY,MAAM,GAAG,CAAC,eAAe,EAAEZ,OAAOY,MAAM,EAAE,GAAG;;;;;;0BAK3D,MAACvE;gBAAO6H,MAAMnD,QAAQb;gBAAQiE,SAAS/D,OAAOgE,YAAY,IAAMjE,SAAS;gBAAOkE,SAAS;gBAACC,UAAS;;kCACjG,KAAC9H;kCAAakG,wBAAAA,KAAM3E,KAAK;;kCACzB,KAACxB;kCACC,cAAA,MAACG;4BAAM2G,SAAS;4BAAGN,IAAI;gCAAEwB,IAAI;4BAAE;;8CAC7B,KAAC5H;oCACCqB,KAAK,EAAE0E,wBAAAA,KAAM1E,KAAK;oCAClBC,WAAW,EAAEyE,wBAAAA,KAAMzE,WAAW;oCAC9B8G,SAAS;oCACTC,SAAS;oCACTC,KAAK,UAAE/E,yBAAAA,MAAO2C,IAAI,mBAAI;oCACtBiC,UAAU,CAACI,QACT/E,SAAS,CAACW,UAAaA,UAAU,aAAKA;gDAAS+B,MAAMqC,MAAMrE,MAAM,CAACoE,KAAK,CAACtE,KAAK,CAAC,GAAG/C;iDAAqBkD;oCAExGqE,YAAY,GAAG,UAACjF,yBAAAA,MAAO2C,IAAI,CAACjC,MAAM,oBAAI,GAAGwE,cAAc,CAAC,SAAS,GAAG,EAAExH,gBAAgBwH,cAAc,CAAC,UAAU;oCAC/GrB,UAAU3D;oCACViF,SAAS;;8CAEX,KAACzI;oCAAW4G,SAAQ;oCAAQgB,OAAM;8CAC/B9B,wBAAAA,KAAMxE,IAAI;;gCAEZgC,CAAAA,yBAAAA,MAAOyC,IAAI,MAAK,0BACf,MAACjG;oCAAM4G,WAAU;oCAAMD,SAAS;oCAAGiC,UAAU;oCAACvC,IAAI;wCAAEwC,UAAU;oCAAO;;sDACnE,KAACnJ;4CAAK0H,MAAK;4CAAQU,OAAM;4CAAUhB,SAAQ;4CAAWxF,OAAM;;sDAC5D,KAAC5B;4CAAK0H,MAAK;4CAAQU,OAAM;4CAAUhB,SAAQ;4CAAWxF,OAAM;;;qCAE5D;gCACH0B,uBAAS,KAACzD;oCAAMgI,UAAS;8CAAWvE;qCAAkB;;;;kCAG3D,MAACpD;;0CACC,KAACH;gCAAO6H,SAAS,IAAM7D,SAAS;gCAAO4D,UAAU3D;0CAC9C;;0CAEH,KAACjE;gCAAOqH,SAAQ;gCAAYO,UAAU3D,QAAQ,CAACb,SAAS,EAACW,yBAAAA,MAAO2C,IAAI,CAACrE,IAAI;gCAAIwF,SAAS,IAAM,KAAKpB;0CAC9FF,wBAAAA,KAAMvE,MAAM;;;;;;;;AAMzB;AACAW,kBAAkB0G,WAAW,GAAG;AAEhC,eAAe1G,kBAAiB"}

package/src/lib/components/ai-products-proposals.component.d.ts

@@ -0,0 +1,19 @@
+import type { ConsoleProductsHubZoneProps } from '@aglyn/aglyn/plugin-manager/feature-plugins';
+import type { AiJobSummary } from '../model/ai-jobs.types';
+import { type AiProposedDiscount } from '../model/ai-products';
+/** A discount's offer, in the words the discounts card uses. */
+export declare function aiDiscountOffer(discount: AiProposedDiscount): string;
+export declare function AiBulkCopyReview(props: {
+    job: AiJobSummary;
+    applyProductCopy: ConsoleProductsHubZoneProps['applyProductCopy'];
+}): import("react").JSX.Element;
+export declare function AiCatalogReview(props: {
+    job: AiJobSummary;
+    heldNames: ReadonlySet<string>;
+    createProductDrafts: ConsoleProductsHubZoneProps['createProductDrafts'];
+}): import("react").JSX.Element;
+export declare function AiCategoriesReview(props: {
+    job: AiJobSummary;
+    createCategories: ConsoleProductsHubZoneProps['createCategories'];
+    createDiscountDrafts: ConsoleProductsHubZoneProps['createDiscountDrafts'];
+}): import("react").JSX.Element;