@aglyn/plugins-marketplace 1.0.0-beta.147 → 1.0.0-beta.150

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-marketplace",
-  "version": "1.0.0-beta.147",
+  "version": "1.0.0-beta.150",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,20 +25,24 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.147",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.147",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.147",
-    "@aglyn/shared-ui-next": "1.0.0-beta.147",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.147",
-    "@aglyn/shared-util-email": "1.0.0-beta.147",
-    "@aglyn/shared-util-http": "1.0.0-beta.147",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.147",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.147",
-    "@aglyn/tenant-runtime": "1.0.0-beta.147",
+    "@aglyn/aglyn": "1.0.0-beta.150",
+    "@aglyn/aglyn-markdown-editor": "1.0.0-beta.150",
+    "@aglyn/shared-data-enums": "1.0.0-beta.150",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.150",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.150",
+    "@aglyn/shared-ui-next": "1.0.0-beta.150",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.150",
+    "@aglyn/shared-util-email": "1.0.0-beta.150",
+    "@aglyn/shared-util-http": "1.0.0-beta.150",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.150",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.150",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.150",
+    "@aglyn/tenant-runtime": "1.0.0-beta.150",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {
     "@mui/material": "^9.3.1",
+    "@mui/x-data-grid": "^9.12.0",
     "firebase": "^12.18.0",
     "firebase-admin": "^14.3.0",
     "next": "16.3.3",

package/src/lib/components/edit-listing-dialog.component.d.ts

@@ -0,0 +1,20 @@
+export interface EditListingDialogProps {
+    orgId: string;
+    /** The listing being edited (a `marketplaceListings` doc with `$id`). */
+    listing: Record<string, any> | null;
+    open: boolean;
+    onClose: () => void;
+    /** Firebase user, for the ID token on the update requests. */
+    user: unknown;
+}
+/**
+ * Listings-tab entry point to the listing editor (AGL-862/869). A thin dialog
+ * wrapper around the same full editor the detail page uses ({@link
+ * ListingDetailEditor}) — one implementation, so the WYSIWYG body, DAM image
+ * pickers, and field set are identical on both surfaces.
+ */
+export declare function EditListingDialog(props: EditListingDialogProps): import("react").JSX.Element;
+export declare namespace EditListingDialog {
+    var displayName: string;
+}
+export default EditListingDialog;

package/src/lib/components/edit-listing-dialog.component.js

@@ -0,0 +1,51 @@
+/**
+ * @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 { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Dialog } from "@mui/material";
+import ListingDetailEditor from "./listing-detail-editor.component.js";
+/**
+ * Listings-tab entry point to the listing editor (AGL-862/869). A thin dialog
+ * wrapper around the same full editor the detail page uses ({@link
+ * ListingDetailEditor}) — one implementation, so the WYSIWYG body, DAM image
+ * pickers, and field set are identical on both surfaces.
+ */ export function EditListingDialog(props) {
+    const { orgId, listing, open, onClose, user } = props;
+    return /*#__PURE__*/ _jsx(Dialog, {
+        open: open,
+        onClose: onClose,
+        maxWidth: "md",
+        fullWidth: true,
+        children: /*#__PURE__*/ _jsx(Box, {
+            sx: {
+                flex: 1,
+                minHeight: 0,
+                overflowY: 'auto'
+            },
+            children: listing ? /*#__PURE__*/ _jsx(ListingDetailEditor, {
+                orgId: orgId,
+                listingId: listing.$id,
+                listing: listing,
+                user: user,
+                onDone: onClose
+            }) : null
+        })
+    });
+}
+EditListingDialog.displayName = 'EditListingDialog';
+export default EditListingDialog;
+
+//# sourceMappingURL=edit-listing-dialog.component.js.map

package/src/lib/components/edit-listing-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketplace/src/lib/components/edit-listing-dialog.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 { Box, Dialog } from '@mui/material'\nimport ListingDetailEditor from './listing-detail-editor.component'\n\nexport interface EditListingDialogProps {\n  orgId: string\n  /** The listing being edited (a `marketplaceListings` doc with `$id`). */\n  listing: Record<string, any> | null\n  open: boolean\n  onClose: () => void\n  /** Firebase user, for the ID token on the update requests. */\n  user: unknown\n}\n\n/**\n * Listings-tab entry point to the listing editor (AGL-862/869). A thin dialog\n * wrapper around the same full editor the detail page uses ({@link\n * ListingDetailEditor}) — one implementation, so the WYSIWYG body, DAM image\n * pickers, and field set are identical on both surfaces.\n */\nexport function EditListingDialog(props: EditListingDialogProps) {\n  const { orgId, listing, open, onClose, user } = props\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"md\" fullWidth>\n      {/* The editor is a full form, taller than any viewport (AGL-987). The\n          dialog paper caps at the screen, so without a scroller of its own\n          everything below the body — including Save — was unreachable. */}\n      {/* flex:1 + minHeight:0 inside the paper's column, or the child just\n          grows past the capped paper instead of scrolling within it. */}\n      <Box sx={{ flex: 1, minHeight: 0, overflowY: 'auto' }}>\n        {listing ? (\n          <ListingDetailEditor\n            orgId={orgId}\n            listingId={listing.$id}\n            listing={listing}\n            user={user}\n            onDone={onClose}\n          />\n        ) : null}\n      </Box>\n    </Dialog>\n  )\n}\n\nEditListingDialog.displayName = 'EditListingDialog'\n\nexport default EditListingDialog\n"],"names":["Box","Dialog","ListingDetailEditor","EditListingDialog","props","orgId","listing","open","onClose","user","maxWidth","fullWidth","sx","flex","minHeight","overflowY","listingId","$id","onDone","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,GAAG,EAAEC,MAAM,QAAQ,gBAAe;AAC3C,OAAOC,yBAAyB,uCAAmC;AAYnE;;;;;CAKC,GACD,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGL;IAChD,qBACE,KAACH;QAAOM,MAAMA;QAAMC,SAASA;QAASE,UAAS;QAAKC,SAAS;kBAM3D,cAAA,KAACX;YAAIY,IAAI;gBAAEC,MAAM;gBAAGC,WAAW;gBAAGC,WAAW;YAAO;sBACjDT,wBACC,KAACJ;gBACCG,OAAOA;gBACPW,WAAWV,QAAQW,GAAG;gBACtBX,SAASA;gBACTG,MAAMA;gBACNS,QAAQV;iBAER;;;AAIZ;AAEAL,kBAAkBgB,WAAW,GAAG;AAEhC,eAAehB,kBAAiB"}

package/src/lib/components/listing-detail-editor.component.d.ts

@@ -0,0 +1,24 @@
+export interface ListingDetailEditorProps {
+    orgId: string;
+    listingId: string;
+    listing: Record<string, any>;
+    /** Firebase user, for the ID token on the update requests. */
+    user: unknown;
+    /** Leave edit mode (Cancel or after a successful save). */
+    onDone: () => void;
+}
+/**
+ * Full-page listing editor (AGL-869): the owner edits the whole detail page,
+ * not a cramped sidebar card. The body uses the same WYSIWYG markdown editor
+ * as blog content (`MarkdownVisualEditor`), and every image — preview, logo,
+ * screenshots, and inline body images — picks from the shared DAM.
+ *
+ * Content saves through the marketplace plugin's HTTP API (`update-listing`);
+ * the preview image goes through its dedicated endpoint since it isn't a
+ * content field. Both are merges, so an unchanged field is left untouched.
+ */
+export declare function ListingDetailEditor(props: ListingDetailEditorProps): import("react").JSX.Element;
+export declare namespace ListingDetailEditor {
+    var displayName: string;
+}
+export default ListingDetailEditor;

package/src/lib/components/listing-detail-editor.component.js

@@ -0,0 +1,457 @@
+/**
+ * @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 { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+// The stored preview may be a `media:` reference (AGL-1424), which is not a
+// URL. Resolved where it is DISPLAYED, never in `values`.
+import { resolveMediaSrc } from "@aglyn/aglyn/app-utils/media-ref";
+import { inheritedMediaAlt } from "@aglyn/aglyn/app-utils/media-metadata";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { Box, Button, Divider, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { useEffect, useRef, useState } from "react";
+import { LISTING_LOGO_HINT } from "../constants/listing-media.js";
+import { formatMediaRef, pluginDocsHelp, useMediaPicker } from "@aglyn/aglyn";
+import { MarkdownField } from "@aglyn/aglyn-markdown-editor";
+// Mirrors the server's fixed taxonomy (marketplace plugin model), which the
+// console can't import across the aglyn:addons boundary. The server
+// re-validates, so drift fails the save rather than corrupting a listing.
+const LISTING_CATEGORIES = [
+    'analytics',
+    'automation',
+    'commerce',
+    'communication',
+    'content',
+    'design',
+    'forms',
+    'integrations',
+    'marketing',
+    'productivity',
+    'seo',
+    'security'
+];
+const MAX_SCREENSHOTS = 6;
+/**
+ * Full-page listing editor (AGL-869): the owner edits the whole detail page,
+ * not a cramped sidebar card. The body uses the same WYSIWYG markdown editor
+ * as blog content (`MarkdownVisualEditor`), and every image — preview, logo,
+ * screenshots, and inline body images — picks from the shared DAM.
+ *
+ * Content saves through the marketplace plugin's HTTP API (`update-listing`);
+ * the preview image goes through its dedicated endpoint since it isn't a
+ * content field. Both are merges, so an unchanged field is left untouched.
+ */ export function ListingDetailEditor(props) {
+    const { orgId, listingId, listing, user, onDone } = props;
+    const { enqueueSnackbar } = useSnackbar();
+    const editorRef = useRef(null);
+    const [busy, setBusy] = useState(false);
+    const [values, setValues] = useState({
+        displayName: '',
+        description: '',
+        previewImageUrl: '',
+        logoUrl: '',
+        homepageUrl: '',
+        repositoryUrl: '',
+        license: '',
+        category: ''
+    });
+    const [readme, setReadme] = useState('');
+    const [screenshots, setScreenshots] = useState([]);
+    const originalPreview = useRef('');
+    useEffect(()=>{
+        var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10;
+        var _listing_categories;
+        setValues({
+            displayName: (_ref = listing == null ? void 0 : listing.displayName) != null ? _ref : '',
+            description: (_ref1 = listing == null ? void 0 : listing.description) != null ? _ref1 : '',
+            previewImageUrl: (_ref2 = listing == null ? void 0 : listing.previewImageUrl) != null ? _ref2 : '',
+            logoUrl: (_ref3 = listing == null ? void 0 : listing.logoUrl) != null ? _ref3 : '',
+            homepageUrl: (_ref4 = listing == null ? void 0 : listing.homepageUrl) != null ? _ref4 : '',
+            repositoryUrl: (_ref5 = listing == null ? void 0 : listing.repositoryUrl) != null ? _ref5 : '',
+            license: (_ref6 = listing == null ? void 0 : listing.license) != null ? _ref6 : '',
+            category: (_ref7 = (_ref8 = listing == null ? void 0 : (_listing_categories = listing.categories) == null ? void 0 : _listing_categories[0]) != null ? _ref8 : listing == null ? void 0 : listing.category) != null ? _ref7 : ''
+        });
+        setReadme((_ref9 = listing == null ? void 0 : listing.readme) != null ? _ref9 : '');
+        setScreenshots(Array.isArray(listing == null ? void 0 : listing.screenshots) ? listing.screenshots : []);
+        originalPreview.current = (_ref10 = listing == null ? void 0 : listing.previewImageUrl) != null ? _ref10 : '';
+    }, [
+        listing == null ? void 0 : listing.$id
+    ]);
+    const set = (key)=>(event)=>setValues((current)=>_extends({}, current, {
+                    [key]: event.target.value
+                }));
+    /*
+   * The console's media library, opened through the picker context rather
+   * than by mounting its dialog (AGL-3080). The library is coupled to the
+   * org and the session, which a plugin has no way to reach, and the console
+   * provides `pickMedia` around every plugin page for exactly this — so the
+   * `pickTarget` state that only existed to keep one dialog open for four
+   * buttons goes with it: the target is now the argument.
+   *
+   * The URL comes back already resolved (CDN path over the raw download URL,
+   * AGL-1215), which is what `mediaSrc` was doing here.
+   */ const { pickMedia } = useMediaPicker();
+    const onPickMedia = async (target)=>{
+        const media = await (pickMedia == null ? void 0 : pickMedia({
+            kind: 'image'
+        }));
+        if (!media) return;
+        const url = media.url;
+        if (!url) return;
+        if (target === 'preview') setValues((c)=>_extends({}, c, {
+                previewImageUrl: url
+            }));
+        else if (target === 'logo') setValues((c)=>_extends({}, c, {
+                logoUrl: url
+            }));
+        else if (target === 'body') {
+            var _formatMediaRef, _inheritedMediaAlt;
+            var // The alt was a hardcoded '' (AGL-1896). This surface offers no alt
+            // prompt at all, so the asset's own alt was the only description that
+            // could ever have reached the row — and a markdown-lite image row's
+            // alt cannot be edited after insertion, so '' was permanent. Still ''
+            // for an asset nobody has described; never a fabricated one.
+            _editorRef_current;
+            // The README BODY takes a reference; the three image FIELDS above keep
+            // `mediaSrc` (AGL-1705). Not an inconsistency — a field is one string
+            // with known readers and its own AGL-1701 validator, while the body is
+            // markdown that AGL-1686 taught every renderer to resolve.
+            //
+            // The absolute form was justified by `mediaSrc`'s own docstring — it
+            // prefixes the origin because the markdown "renders elsewhere". That
+            // was checked rather than assumed, and it is not true. The renderer
+            // `MarketplaceListingContent` is registered through
+            // `registerConsoleExtension`; its `marketplaceListing` slot has exactly
+            // one render site, the console's `/[orgSlug]/marketplace/[listingId]`
+            // route; and `apps/tenant` never imports the marketplace plugin at all.
+            // The body reaches no other origin by another door either — the social
+            // card builds `og:image` from `previewImageUrl`/`logoUrl`, never from
+            // the README.
+            //
+            // So a site-relative resolve lands on the console origin, which serves
+            // `/api/media/cdn/[...path]` — the very route the absolute URL pointed
+            // at. Same bytes over the same route, minus a baked-in origin and a
+            // baked-in route shape that cannot be changed without a migration.
+            const src = (_formatMediaRef = formatMediaRef(media.mediaScope, media.mediaId)) != null ? _formatMediaRef : url;
+            (_editorRef_current = editorRef.current) == null ? void 0 : _editorRef_current.insertImage((_inheritedMediaAlt = inheritedMediaAlt({
+                assetAlt: media.alt
+            })) != null ? _inheritedMediaAlt : '', src);
+        } else if (target === 'screenshot') setScreenshots((current)=>current.length >= MAX_SCREENSHOTS || current.includes(url) ? current : [
+                ...current,
+                url
+            ]);
+    };
+    const save = async ()=>{
+        setBusy(true);
+        try {
+            const headers = {
+                'Content-Type': 'application/json'
+            };
+            // Preview image isn't a content field, so it has its own endpoint
+            // (AGL-863). Only touch it when it actually changed.
+            if (values.previewImageUrl !== originalPreview.current) {
+                await authorizedFetch(user, '/api/marketplace/preview-image', {
+                    method: values.previewImageUrl ? 'POST' : 'DELETE',
+                    headers,
+                    body: JSON.stringify(_extends({
+                        listingId
+                    }, values.previewImageUrl ? {
+                        url: values.previewImageUrl
+                    } : {}))
+                });
+            }
+            const response = await authorizedFetch(user, '/api/marketplace/publish-plugin', {
+                method: 'POST',
+                headers,
+                body: JSON.stringify({
+                    action: 'update-listing',
+                    listingId,
+                    displayName: values.displayName,
+                    description: values.description,
+                    readme,
+                    logoUrl: values.logoUrl,
+                    homepageUrl: values.homepageUrl,
+                    repositoryUrl: values.repositoryUrl,
+                    license: values.license,
+                    categories: values.category ? [
+                        values.category
+                    ] : [],
+                    screenshots
+                })
+            });
+            const payload = await response.json().catch(()=>({}));
+            if (!response.ok) {
+                var _ref;
+                return void enqueueSnackbar((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Update failed', {
+                    variant: 'error',
+                    allowDuplicate: true
+                });
+            }
+            enqueueSnackbar('Listing updated', {
+                variant: 'success',
+                persist: false
+            });
+            onDone();
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('An error has occurred', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(false);
+        }
+    };
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Edit listing',
+        help: pluginDocsHelp('publisherHandbook', {
+            anchor: '#authoring-your-listing',
+            excerpt: 'What buyers see on the public listing page — name, summary, ' + 'rich-text body, and media.'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Everything here shows on the public listing page. The body is ' + 'rich text — use the toolbar, and add images from your media ' + 'library.'
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    label: "Listing name",
+                    value: values.displayName,
+                    onChange: set('displayName'),
+                    size: "small",
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    label: "Description",
+                    helperText: "One line, shown on every browse card",
+                    value: values.description,
+                    onChange: set('description'),
+                    size: "small",
+                    multiline: true,
+                    minRows: 2,
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: 'Preview image'
+                        }),
+                        resolveMediaSrc(values.previewImageUrl) ? /*#__PURE__*/ _jsx(Box, {
+                            component: "img",
+                            src: resolveMediaSrc(values.previewImageUrl),
+                            alt: "Preview",
+                            sx: {
+                                width: '100%',
+                                maxHeight: 220,
+                                objectFit: 'cover',
+                                borderRadius: 1,
+                                border: 1,
+                                borderColor: 'divider'
+                            }
+                        }) : null,
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: ()=>onPickMedia('preview'),
+                                    children: values.previewImageUrl ? 'Replace' : 'Choose from library'
+                                }),
+                                values.previewImageUrl ? /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    color: "error",
+                                    onClick: ()=>setValues((c)=>_extends({}, c, {
+                                                previewImageUrl: ''
+                                            })),
+                                    children: 'Remove'
+                                }) : null
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Divider, {}),
+                /*#__PURE__*/ _jsx(MarkdownField, {
+                    label: "About",
+                    value: readme,
+                    onChange: setReadme,
+                    onPickImageFromMedia: ()=>onPickMedia('body'),
+                    editorRef: (handle)=>{
+                        editorRef.current = handle;
+                    }
+                }),
+                /*#__PURE__*/ _jsx(Divider, {}),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: `Screenshots (${screenshots.length}/${MAX_SCREENSHOTS})`
+                        }),
+                        /*#__PURE__*/ _jsx(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                flexWrap: 'wrap'
+                            },
+                            children: screenshots.map((url, index)=>/*#__PURE__*/ _jsxs(Box, {
+                                    sx: {
+                                        position: 'relative'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Box, {
+                                            component: "img",
+                                            src: url,
+                                            alt: `Screenshot ${index + 1}`,
+                                            sx: {
+                                                height: 72,
+                                                borderRadius: 1,
+                                                border: 1,
+                                                borderColor: 'divider'
+                                            }
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            onClick: ()=>setScreenshots((current)=>current.filter((entry)=>entry !== url)),
+                                            children: 'Remove'
+                                        })
+                                    ]
+                                }, url))
+                        }),
+                        screenshots.length < MAX_SCREENSHOTS ? /*#__PURE__*/ _jsx(Box, {
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: ()=>onPickMedia('screenshot'),
+                                children: 'Add from library'
+                            })
+                        }) : null
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Divider, {}),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'flex-start'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Logo URL (https)",
+                            value: values.logoUrl,
+                            onChange: set('logoUrl'),
+                            size: "small",
+                            sx: {
+                                flex: 1
+                            },
+                            helperText: LISTING_LOGO_HINT
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            onClick: ()=>onPickMedia('logo'),
+                            sx: {
+                                mt: 0.5
+                            },
+                            children: 'Library'
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    label: "Homepage (https)",
+                    value: values.homepageUrl,
+                    onChange: set('homepageUrl'),
+                    size: "small",
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsx(TextField, {
+                    label: "Repository (https)",
+                    value: values.repositoryUrl,
+                    onChange: set('repositoryUrl'),
+                    size: "small",
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "License",
+                            value: values.license,
+                            onChange: set('license'),
+                            size: "small",
+                            sx: {
+                                flex: 1
+                            }
+                        }),
+                        /*#__PURE__*/ _jsxs(TextField, {
+                            select: true,
+                            label: "Category",
+                            value: values.category,
+                            onChange: set('category'),
+                            size: "small",
+                            sx: {
+                                flex: 1
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "",
+                                    children: 'None'
+                                }),
+                                LISTING_CATEGORIES.map((entry)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                        value: entry,
+                                        children: entry
+                                    }, entry))
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            color: "primary",
+                            disabled: busy || !values.displayName.trim(),
+                            onClick: ()=>void save(),
+                            children: busy ? 'Saving…' : 'Save listing'
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            disabled: busy,
+                            onClick: onDone,
+                            children: 'Cancel'
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+ListingDetailEditor.displayName = 'ListingDetailEditor';
+export default ListingDetailEditor;
+
+//# sourceMappingURL=listing-detail-editor.component.js.map