@vertebr/react 0.8.1 → 0.10.0

package/dist/components/admin/VertebrAdmin.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { createVertebrClient, } from "@vertebr/client";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useVertebrTheme } from "../../hooks/useVertebrTheme";
+import { hasCap } from "../../lib/capabilities";
 import { parseMetricsRangeId, } from "../../lib/metricsRanges";
+import { AdminCommandPalette } from "./AdminCommandPalette";
 import { AdminContent } from "./AdminContent";
 import { AdminHeader } from "./AdminHeader";
 import { AdminSaveBar } from "./AdminSaveBar";
@@ -38,6 +40,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         });
     });
     const [resourceData, setResourceData] = useState(null);
+    const [resourceSearch, setResourceSearch] = useState("");
     const [configData, setConfigData] = useState(null);
     const [metricsData, setMetricsData] = useState(null);
     const [metricsLoading, setMetricsLoading] = useState(false);
@@ -48,9 +51,11 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
     const [fontLibraryLoading, setFontLibraryLoading] = useState(false);
     const [emailsData, setEmailsData] = useState(null);
     const [emailsLoading, setEmailsLoading] = useState(false);
+    const [healthChecks, setHealthChecks] = useState(null);
     const [error, setError] = useState(null);
     const [loading, setLoading] = useState(true);
     const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+    const [searchOpen, setSearchOpen] = useState(false);
     /** Skip pushState when selection was applied from the URL (catalog/popstate). */
     const skipNextUrlPush = useRef(true);
     const syncUrl = useCallback((next, catalogSnapshot, replace = false) => {
@@ -130,6 +135,16 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         }
         syncUrl(selection, catalog, false);
     }, [selection, catalog, syncUrl]);
+    useEffect(() => {
+        const onKeyDown = (event) => {
+            if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+                event.preventDefault();
+                setSearchOpen(true);
+            }
+        };
+        window.addEventListener("keydown", onKeyDown);
+        return () => window.removeEventListener("keydown", onKeyDown);
+    }, []);
     useEffect(() => {
         const onPopState = () => {
             if (!catalog)
@@ -198,7 +213,10 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                     }
                 }
                 else if (selection.kind === "resource") {
-                    const data = await client.listResource(selection.id);
+                    const data = await client.listResource(selection.id, {
+                        ...(resourceSearch.trim() ? { q: resourceSearch.trim() } : {}),
+                        fresh: true,
+                    });
                     if (!cancelled) {
                         setResourceData(data);
                         setConfigData(null);
@@ -208,7 +226,19 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                         setEmailsData(null);
                     }
                 }
-                else {
+                else if (selection.kind === "sync" ||
+                    selection.kind === "addons" ||
+                    selection.kind === "audit") {
+                    if (!cancelled) {
+                        setResourceData(null);
+                        setConfigData(null);
+                        setMetricsData(null);
+                        setGalleryData(null);
+                        setFontLibraryData(null);
+                        setEmailsData(null);
+                    }
+                }
+                else if (selection.kind === "config" || selection.kind === "addon") {
                     const data = await client.getConfig(selection.id);
                     if (!cancelled) {
                         setConfigData(data);
@@ -248,12 +278,54 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         return () => {
             cancelled = true;
         };
-    }, [client, selection, catalog, environment, metricsRange]);
+    }, [client, selection, catalog, environment, metricsRange, resourceSearch]);
+    const resourceSelectionId = selection?.kind === "resource" ? selection.id : null;
+    useEffect(() => {
+        setResourceSearch("");
+    }, [resourceSelectionId]);
+    const refreshHealth = useCallback(async () => {
+        if (!catalog?.health) {
+            setHealthChecks(null);
+            return;
+        }
+        const data = await client.getHealth({ fresh: true });
+        setHealthChecks(data.checks);
+    }, [client, catalog]);
+    useEffect(() => {
+        if (!catalog?.health) {
+            setHealthChecks(null);
+            return;
+        }
+        let cancelled = false;
+        void (async () => {
+            try {
+                const data = await client.getHealth({ fresh: true });
+                if (!cancelled)
+                    setHealthChecks(data.checks);
+            }
+            catch {
+                if (!cancelled)
+                    setHealthChecks(null);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [client, catalog?.health, environment]);
     const refreshResource = useCallback(async () => {
         if (selection?.kind !== "resource")
             return;
-        const data = await client.listResource(selection.id);
+        const data = await client.listResource(selection.id, {
+            ...(resourceSearch.trim() ? { q: resourceSearch.trim() } : {}),
+            fresh: true,
+        });
         setResourceData(data);
+    }, [client, selection, resourceSearch]);
+    const refreshConfig = useCallback(async () => {
+        if (selection?.kind !== "config" && selection?.kind !== "addon")
+            return;
+        const data = await client.getConfig(selection.id, { fresh: true });
+        setConfigData(data);
     }, [client, selection]);
     const refreshMetrics = useCallback(async () => {
         setMetricsLoading(true);
@@ -336,11 +408,14 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
     const envList = catalog?.environments ?? bootstrap?.environments ?? [];
     const activeEnv = envList.find((env) => env.id === environment);
     const authRequired = Boolean(activeEnv?.auth?.required);
+    const authProvider = activeEnv?.auth?.client?.provider;
+    const authViaTokenOnly = authProvider === "custom" && Boolean(getAccessToken);
     const activeConfig = selection?.kind === "config"
         ? catalog?.configs.find((c) => c.id === selection.id)
         : undefined;
     const isPageSelection = activeConfig?.section === "page";
     const hasPagePreview = Boolean(activeConfig?.previewPath);
+    const syncEnabled = Boolean(catalog?.sync?.enabled) && hasCap(catalog, "sync.run");
     const switchEnvironment = (nextEnv) => {
         if (nextEnv === environment)
             return;
@@ -353,6 +428,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         writeStored(envStorageKey, nextEnv);
         setEnvironment(nextEnv);
         setResourceData(null);
+        setResourceSearch("");
         setConfigData(null);
         setGalleryData(null);
         setFontLibraryData(null);
@@ -384,6 +460,16 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                 onSelect: () => setSelection({ kind: "overview" }),
             });
         }
+        if (catalog.audit) {
+            entries.push({
+                key: "audit",
+                group: catalog.audit.group ?? "Analytics",
+                label: catalog.audit.label,
+                icon: iconForNavKey("audit"),
+                active: selection?.kind === "audit",
+                onSelect: () => setSelection({ kind: "audit" }),
+            });
+        }
         for (const resource of catalog.resources) {
             entries.push({
                 key: `resource:${resource.id}`,
@@ -445,6 +531,26 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                 ],
             });
         }
+        if (catalog.addons?.length) {
+            entries.push({
+                key: "addons:overview",
+                group: "Add-ons",
+                label: "Browse add-ons",
+                icon: iconForNavKey("addons:overview"),
+                active: selection?.kind === "addons",
+                onSelect: () => setSelection({ kind: "addons" }),
+            });
+        }
+        for (const addon of catalog.addons ?? []) {
+            entries.push({
+                key: `addon:${addon.id}`,
+                group: addon.group ?? "Add-ons",
+                label: addon.label,
+                icon: iconForNavKey(`addon:${addon.id}`),
+                active: selection?.kind === "addon" && selection.id === addon.id,
+                onSelect: () => setSelection({ kind: "addon", id: addon.id }),
+            });
+        }
         for (const config of catalog.configs) {
             const fallback = config.section === "page" ? "Pages" : "Config";
             entries.push({
@@ -456,6 +562,16 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                 onSelect: () => setSelection({ kind: "config", id: config.id }),
             });
         }
+        if (catalog.sync?.enabled && hasCap(catalog, "sync.run")) {
+            entries.push({
+                key: "sync",
+                group: "Settings",
+                label: "Sync environments",
+                icon: iconForNavKey("sync"),
+                active: selection?.kind === "sync",
+                onSelect: () => setSelection({ kind: "sync" }),
+            });
+        }
         return sidebarGroups(entries);
     }, [catalog, selection]);
     if (!bootstrap && loading) {
@@ -466,16 +582,29 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
     }
     const activeLabel = selection?.kind === "overview"
         ? (catalog?.metrics?.label ?? "Overview")
-        : selection?.kind === "gallery"
-            ? (catalog?.gallery?.label ?? "Gallery")
-            : selection?.kind === "fontLibrary"
-                ? (catalog?.fontLibrary?.label ?? "Font Library")
-                : selection?.kind === "emails"
-                    ? (catalog?.emails?.label ?? "Emails")
-                    : selection?.kind === "resource"
-                        ? catalog?.resources.find((r) => r.id === selection.id)?.label
-                        : selection?.kind === "config"
-                            ? catalog?.configs.find((c) => c.id === selection.id)?.label
-                            : null;
-    return (_jsx(SaveBarProvider, { children: _jsx(ToastProvider, { children: _jsxs("div", { className: "vertebr-root", "data-env": environment, "data-sidebar-collapsed": sidebarCollapsed || undefined, children: [_jsx(AdminTopBar, { brand: bootstrap?.brand ?? catalog?.brand ?? "Vertebr", envList: envList, environment: environment, onEnvironmentChange: switchEnvironment, activeEnv: activeEnv, authUserLabel: authUserLabel, onSignOut: onSignOut, getAccessToken: getAccessToken, authRequired: authRequired, token: token, tokenDraft: tokenDraft, onTokenDraftChange: setTokenDraft, onSaveToken: saveToken, onClearToken: clearToken, theme: theme, onThemeChange: setTheme, sidebarCollapsed: sidebarCollapsed, onToggleSidebar: () => setSidebarCollapsed((prev) => !prev) }), _jsx(AdminSidebar, { navGroups: navGroups, collapsed: sidebarCollapsed }), _jsxs("main", { className: "vertebr-main", children: [_jsx(AdminHeader, { activeLabel: activeLabel ?? (catalog ? "Dashboard" : "Sign in"), activeEnv: activeEnv, catalogLoaded: Boolean(catalog), authRequired: authRequired, selection: selection, isPageSelection: isPageSelection, hasPagePreview: hasPagePreview, error: error, breadcrumbs: breadcrumbsForSelection(selection, catalog) }), _jsx(AdminContent, { client: client, catalog: catalog, selection: selection, onSelectionChange: setSelection, authRequired: authRequired, loading: loading, isPageSelection: isPageSelection, metricsData: metricsData, metricsLoading: metricsLoading, metricsRange: metricsRange, onMetricsRangeChange: changeMetricsRange, onRefreshMetrics: refreshMetrics, galleryData: galleryData, galleryLoading: galleryLoading, onRefreshGallery: refreshGallery, fontLibraryData: fontLibraryData, fontLibraryLoading: fontLibraryLoading, onRefreshFonts: refreshFonts, emailsData: emailsData, emailsLoading: emailsLoading, onRefreshEmails: refreshEmails, resourceData: resourceData, onRefreshResource: refreshResource, configData: configData, onConfigSaved: setConfigData, galleryPicker: galleryPicker, fontLibraryPicker: fontLibraryPicker }), _jsx(AdminSaveBar, {})] }), _jsx(AdminToastStack, {})] }) }) }));
+        : selection?.kind === "sync"
+            ? "Sync environments"
+            : selection?.kind === "audit"
+                ? (catalog?.audit?.label ?? "Audit")
+                : selection?.kind === "addons"
+                    ? "Add-ons"
+                    : selection?.kind === "gallery"
+                        ? (catalog?.gallery?.label ?? "Gallery")
+                        : selection?.kind === "fontLibrary"
+                            ? (catalog?.fontLibrary?.label ?? "Font Library")
+                            : selection?.kind === "emails"
+                                ? (catalog?.emails?.label ?? "Emails")
+                                : selection?.kind === "resource"
+                                    ? catalog?.resources.find((r) => r.id === selection.id)?.label
+                                    : selection?.kind === "config"
+                                        ? catalog?.configs.find((c) => c.id === selection.id)?.label
+                                        : selection?.kind === "addon"
+                                            ? catalog?.addons?.find((a) => a.id === selection.id)?.label
+                                            : null;
+    const selectionDescription = selection?.kind === "addons"
+        ? "Preview how optional storefront features look in your shop, then configure each one."
+        : selection?.kind === "addon"
+            ? catalog?.addons?.find((item) => item.id === selection.id)?.description
+            : undefined;
+    return (_jsx(SaveBarProvider, { children: _jsx(ToastProvider, { children: _jsxs("div", { className: "vertebr-root", "data-env": environment, "data-sidebar-collapsed": sidebarCollapsed || undefined, children: [_jsx(AdminTopBar, { brand: bootstrap?.brand ?? catalog?.brand ?? "Vertebr", hostName: bootstrap?.appearance?.hostName ?? catalog?.appearance?.hostName, hostLogoUrl: bootstrap?.appearance?.hostLogoUrl ?? catalog?.appearance?.hostLogoUrl, envList: envList, environment: environment, onEnvironmentChange: switchEnvironment, authUserLabel: authUserLabel, onSignOut: onSignOut, getAccessToken: getAccessToken, authViaTokenOnly: authViaTokenOnly, authRequired: authRequired, token: token, tokenDraft: tokenDraft, onTokenDraftChange: setTokenDraft, onSaveToken: saveToken, onClearToken: clearToken, theme: theme, onThemeChange: setTheme, sidebarCollapsed: sidebarCollapsed, onToggleSidebar: () => setSidebarCollapsed((prev) => !prev), syncEnabled: syncEnabled, onOpenSync: () => setSelection({ kind: "sync" }), onOpenSearch: () => setSearchOpen(true), healthChecks: healthChecks, onRefreshHealth: catalog?.health ? refreshHealth : undefined }), catalog && searchOpen ? (_jsx(AdminCommandPalette, { catalog: catalog, onClose: () => setSearchOpen(false), onSelect: setSelection })) : null, _jsx(AdminSidebar, { navGroups: navGroups, collapsed: sidebarCollapsed }), _jsxs("main", { className: "vertebr-main", children: [_jsx(AdminHeader, { activeLabel: activeLabel ?? (catalog ? "Dashboard" : "Sign in"), catalogLoaded: Boolean(catalog), authRequired: authRequired, selection: selection, isPageSelection: isPageSelection, hasPagePreview: hasPagePreview, selectionDescription: selectionDescription, error: error, breadcrumbs: breadcrumbsForSelection(selection, catalog) }), _jsx(AdminContent, { client: client, catalog: catalog, selection: selection, onSelectionChange: setSelection, authRequired: authRequired, loading: loading, isPageSelection: isPageSelection, metricsData: metricsData, metricsLoading: metricsLoading, metricsRange: metricsRange, onMetricsRangeChange: changeMetricsRange, onRefreshMetrics: refreshMetrics, galleryData: galleryData, galleryLoading: galleryLoading, onRefreshGallery: refreshGallery, fontLibraryData: fontLibraryData, fontLibraryLoading: fontLibraryLoading, onRefreshFonts: refreshFonts, emailsData: emailsData, emailsLoading: emailsLoading, onRefreshEmails: refreshEmails, resourceData: resourceData, resourceSearch: resourceSearch, onResourceSearchChange: setResourceSearch, onRefreshResource: refreshResource, configData: configData, onConfigSaved: setConfigData, onRefreshConfig: refreshConfig, galleryPicker: galleryPicker, fontLibraryPicker: fontLibraryPicker }), _jsx(AdminSaveBar, {})] }), _jsx(AdminToastStack, {})] }) }) }));
 }

package/dist/components/admin/addonLabels.d.ts

@@ -0,0 +1,6 @@
+import type { CatalogAddonCategory } from "@vertebr/client";
+export declare const ADDON_CATEGORY_LABELS: Record<CatalogAddonCategory, string>;
+export declare function addonCategoryLabel(category: CatalogAddonCategory | undefined): string;
+export declare const ADDON_CATEGORY_HINTS: Record<CatalogAddonCategory, string>;
+export declare function addonCategoryHint(category: CatalogAddonCategory | undefined): string;
+//# sourceMappingURL=addonLabels.d.ts.map

package/dist/components/admin/addonLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonLabels.d.ts","sourceRoot":"","sources":["../../../src/components/admin/addonLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAItE,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,oBAAoB,GAAG,SAAS,GACzC,MAAM,CAGR;AAED,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIrE,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,oBAAoB,GAAG,SAAS,GACzC,MAAM,CAGR"}

package/dist/components/admin/addonLabels.js

@@ -0,0 +1,20 @@
+export const ADDON_CATEGORY_LABELS = {
+    product: "Products",
+    engagement: "Engagement",
+    sales: "Sales",
+};
+export function addonCategoryLabel(category) {
+    if (!category)
+        return "Add-on";
+    return ADDON_CATEGORY_LABELS[category] ?? "Add-on";
+}
+export const ADDON_CATEGORY_HINTS = {
+    product: "Tied to products, variants, and checkout",
+    engagement: "Brand story and feedback on the side",
+    sales: "Promos, urgency, and cart nudges",
+};
+export function addonCategoryHint(category) {
+    if (!category)
+        return "Optional storefront feature";
+    return ADDON_CATEGORY_HINTS[category] ?? "Optional storefront feature";
+}

package/dist/components/admin/adminSearch.d.ts

@@ -0,0 +1,12 @@
+import type { CatalogResponse } from "@vertebr/client";
+import type { Selection } from "./types";
+export type AdminSearchItem = {
+    id: string;
+    label: string;
+    group: string;
+    hint?: string;
+    selection: Selection;
+};
+export declare function adminSearchItems(catalog: CatalogResponse): AdminSearchItem[];
+export declare function filterAdminSearchItems(items: AdminSearchItem[], query: string): AdminSearchItem[];
+//# sourceMappingURL=adminSearch.d.ts.map

package/dist/components/admin/adminSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adminSearch.d.ts","sourceRoot":"","sources":["../../../src/components/admin/adminSearch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,eAAe,EAAE,CAuH5E;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,eAAe,EAAE,EACxB,KAAK,EAAE,MAAM,GACZ,eAAe,EAAE,CASnB"}

package/dist/components/admin/adminSearch.js

@@ -0,0 +1,120 @@
+export function adminSearchItems(catalog) {
+    const items = [];
+    if (catalog.metrics) {
+        items.push({
+            id: "overview",
+            label: catalog.metrics.label,
+            group: catalog.metrics.group ?? "Home",
+            hint: "Overview and metrics",
+            selection: { kind: "overview" },
+        });
+    }
+    if (catalog.audit) {
+        items.push({
+            id: "audit",
+            label: catalog.audit.label,
+            group: catalog.audit.group ?? "Analytics",
+            hint: "Audit log",
+            selection: { kind: "audit" },
+        });
+    }
+    for (const resource of catalog.resources) {
+        items.push({
+            id: `resource:${resource.id}`,
+            label: resource.label,
+            group: resource.group ?? "Resources",
+            hint: "Resource table",
+            selection: { kind: "resource", id: resource.id },
+        });
+    }
+    if (catalog.gallery) {
+        items.push({
+            id: "gallery",
+            label: catalog.gallery.label,
+            group: catalog.gallery.group ?? "Resources",
+            hint: "Media library",
+            selection: { kind: "gallery" },
+        });
+    }
+    if (catalog.fontLibrary) {
+        items.push({
+            id: "fonts",
+            label: catalog.fontLibrary.label,
+            group: catalog.fontLibrary.group ?? "Resources",
+            hint: "Font library",
+            selection: { kind: "fontLibrary" },
+        });
+    }
+    if (catalog.emails) {
+        items.push({
+            id: "emails:compose",
+            label: "Compose email",
+            group: catalog.emails.group ?? "Growth",
+            hint: catalog.emails.label,
+            selection: { kind: "emails", tab: "compose" },
+        });
+        items.push({
+            id: "emails:templates",
+            label: "Email templates",
+            group: catalog.emails.group ?? "Growth",
+            hint: catalog.emails.label,
+            selection: { kind: "emails", tab: "templates" },
+        });
+        items.push({
+            id: "emails:activity",
+            label: "Email activity",
+            group: catalog.emails.group ?? "Growth",
+            hint: catalog.emails.label,
+            selection: { kind: "emails", tab: "activity" },
+        });
+    }
+    if (catalog.addons?.length) {
+        items.push({
+            id: "addons:overview",
+            label: "Browse add-ons",
+            group: "Add-ons",
+            hint: "Preview and configure storefront features",
+            selection: { kind: "addons" },
+        });
+    }
+    for (const addon of catalog.addons ?? []) {
+        items.push({
+            id: `addon:${addon.id}`,
+            label: addon.label,
+            group: addon.group ?? "Add-ons",
+            hint: addon.description ?? "Storefront add-on",
+            selection: { kind: "addon", id: addon.id },
+        });
+    }
+    for (const config of catalog.configs) {
+        const bucket = config.section === "page" ? "Pages" : "Config";
+        items.push({
+            id: `config:${config.id}`,
+            label: config.label,
+            group: config.group ?? bucket,
+            hint: config.section === "page" ? "Page content" : "Settings",
+            selection: { kind: "config", id: config.id },
+        });
+    }
+    if (catalog.sync?.enabled) {
+        items.push({
+            id: "sync",
+            label: "Sync environments",
+            group: "Settings",
+            hint: "Copy content between environments",
+            selection: { kind: "sync" },
+        });
+    }
+    return items;
+}
+export function filterAdminSearchItems(items, query) {
+    const needle = query.trim().toLowerCase();
+    if (!needle)
+        return items;
+    return items.filter((item) => {
+        const haystack = [item.label, item.group, item.hint ?? "", item.id]
+            .join(" ")
+            .toLowerCase();
+        return haystack.includes(needle);
+    });
+}

package/dist/components/admin/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/admin/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,UAAU,EAAE,CA6Cd"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/admin/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,UAAU,EAAE,CA2Dd"}

package/dist/components/admin/breadcrumbs.js

@@ -5,6 +5,20 @@ export function breadcrumbsForSelection(selection, catalog) {
     switch (selection.kind) {
         case "overview":
             return [...crumbs, { label: catalog.metrics?.label ?? "Overview" }];
+        case "sync":
+            return [...crumbs, { label: "Sync environments" }];
+        case "audit":
+            return [...crumbs, { label: catalog.audit?.label ?? "Audit" }];
+        case "addons":
+            return [...crumbs, { label: "Add-ons" }];
+        case "addon": {
+            const addon = catalog.addons?.find((item) => item.id === selection.id);
+            return [
+                ...crumbs,
+                { label: "Add-ons", href: "/addons" },
+                { label: addon?.label ?? selection.id },
+            ];
+        }
         case "gallery":
             return [...crumbs, { label: catalog.gallery?.label ?? "Gallery" }];
         case "fontLibrary":

package/dist/components/admin/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/components/admin/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO5D;AAOD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CA0BR;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CAIR;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,SAAS,GAAG,IAAI,CAuClB;AAED,8DAA8D;AAC9D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,CAUpE;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,SAAS,CAyBX;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,CAenE"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/components/admin/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO5D;AAOD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CAkCR;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CAIR;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,SAAS,GAAG,IAAI,CAiDlB;AAED,8DAA8D;AAC9D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,CAUpE;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,SAAS,CAuCX;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,CAuBnE"}

package/dist/components/admin/routes.js

@@ -23,6 +23,14 @@ export function pathForSelection(selection, catalog) {
     switch (selection.kind) {
         case "overview":
             return "/overview";
+        case "sync":
+            return "/sync";
+        case "audit":
+            return "/audit";
+        case "addons":
+            return "/addons";
+        case "addon":
+            return `/addons/${encodeURIComponent(selection.id)}`;
         case "gallery":
             return "/gallery";
         case "fontLibrary":
@@ -77,6 +85,19 @@ export function selectionFromPath(pathname, basePath, catalog) {
     const [head, ...tail] = parts;
     if (head === "overview")
         return { kind: "overview" };
+    if (head === "sync")
+        return { kind: "sync" };
+    if (head === "audit")
+        return { kind: "audit" };
+    if (head === "addons") {
+        if (!tail[0])
+            return { kind: "addons" };
+        const id = decodeURIComponent(tail[0]);
+        if (catalog && !catalog.addons?.some((item) => item.id === id)) {
+            return null;
+        }
+        return { kind: "addon", id };
+    }
     if (head === "gallery")
         return { kind: "gallery" };
     if (head === "fonts")
@@ -134,6 +155,20 @@ export function coerceSelection(selection, catalog) {
     if (selection.kind === "overview") {
         return catalog.metrics ? selection : defaultSelection(catalog);
     }
+    if (selection.kind === "sync") {
+        return catalog.sync?.enabled ? selection : defaultSelection(catalog);
+    }
+    if (selection.kind === "audit") {
+        return catalog.audit ? selection : defaultSelection(catalog);
+    }
+    if (selection.kind === "addons") {
+        return catalog.addons?.length ? selection : defaultSelection(catalog);
+    }
+    if (selection.kind === "addon") {
+        return catalog.addons?.some((item) => item.id === selection.id)
+            ? selection
+            : defaultSelection(catalog);
+    }
     if (selection.kind === "gallery") {
         return catalog.gallery ? selection : defaultSelection(catalog);
     }
@@ -162,9 +197,16 @@ export function selectionsEqual(a, b) {
         return a === b;
     if (a.kind !== b.kind)
         return false;
-    if (a.kind === "overview" || a.kind === "gallery" || a.kind === "fontLibrary") {
+    if (a.kind === "overview" ||
+        a.kind === "gallery" ||
+        a.kind === "fontLibrary" ||
+        a.kind === "sync" ||
+        a.kind === "audit" ||
+        a.kind === "addons") {
         return true;
     }
+    if (a.kind === "addon" && b.kind === "addon")
+        return a.id === b.id;
     if (a.kind === "emails" && b.kind === "emails") {
         return (a.tab ?? "compose") === (b.tab ?? "compose");
     }

package/dist/components/admin/types.d.ts

@@ -29,6 +29,13 @@ export type NavIcon = (props: {
 }) => ReactElement;
 export type Selection = {
     kind: "overview";
+} | {
+    kind: "sync";
+} | {
+    kind: "addons";
+} | {
+    kind: "addon";
+    id: string;
 } | {
     kind: "resource";
     id: string;
@@ -40,6 +47,8 @@ export type Selection = {
 } | {
     kind: "emails";
     tab?: EmailsTab;
+} | {
+    kind: "audit";
 } | {
     kind: "config";
     id: string;

package/dist/components/admin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/admin/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oEAAoE;IACpE,cAAc,CAAC,EAAE,MACb,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACvC,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,CAAC;AAEF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,YAAY,CAAC;AAEtE,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9B,IAAI,CAAC;AAET,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/admin/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oEAAoE;IACpE,cAAc,CAAC,EAAE,MACb,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACvC,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,CAAC;AAEF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,YAAY,CAAC;AAEtE,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9B,IAAI,CAAC;AAET,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC"}

package/dist/components/config/ReferenceInput.d.ts

@@ -0,0 +1,11 @@
+import type { FieldSchema, VertebrClient } from "@vertebr/client";
+export type ReferenceInputProps = {
+    id?: string;
+    value: unknown;
+    field: FieldSchema;
+    client: VertebrClient;
+    readOnly?: boolean;
+    onChange: (value: string) => void;
+};
+export declare function ReferenceInput({ id: idProp, value, field, client, readOnly, onChange, }: ReferenceInputProps): import("react").JSX.Element;
+//# sourceMappingURL=ReferenceInput.d.ts.map

package/dist/components/config/ReferenceInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/ReferenceInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAuBF,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EAAE,MAAM,EACV,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,+BA0IrB"}