medusa-plugin-content 0.2.0 → 0.2.1

package/.medusa/server/src/admin/index.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { useState, useEffect, useMemo, useRef, useCallback } from "react";
+import React, { useState, useEffect, useRef, useMemo, useCallback } from "react";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
-import { FocusModal, Heading, Text, Select, Input, toast, Container, Button, Badge, Switch, Label, createDataTableColumnHelper, createDataTableCommandHelper, usePrompt, useDataTable, DataTable, DropdownMenu, IconButton, clx, Drawer, Textarea, DatePicker, Tooltip } from "@medusajs/ui";
-import { ImageSparkle, ChevronLeft, ChevronRight, Trash, Plus, PencilSquare, EllipsisHorizontal, ArrowUpRightOnBox, ArchiveBox, PaperPlane } from "@medusajs/icons";
+import { FocusModal, Heading, Text, Select, Input, toast, Container, Button, Switch, Label, createDataTableColumnHelper, createDataTableCommandHelper, usePrompt, Badge, useDataTable, DataTable, DropdownMenu, IconButton, clx, Drawer, Textarea, DatePicker, Tooltip } from "@medusajs/ui";
+import { ImageSparkle, Trash, Plus, PencilSquare, ChevronLeft, ChevronRight, EllipsisHorizontal, ArrowUpRightOnBox, ArchiveBox, PaperPlane } from "@medusajs/icons";
 import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
 import Medusa from "@medusajs/js-sdk";
 import { useNavigate, Link, useParams, useBlocker } from "react-router-dom";
@@ -291,136 +291,6 @@ const ProductVariantImageLibraryWidget = ({
     )
   ] });
 };
-const config$2 = defineRouteConfig({
-  label: "Image Gallery",
-  icon: ImageSparkle,
-  rank: 7
-});
-const handle$4 = { breadcrumb: () => "Image Gallery" };
-const STATUS_COLORS$2 = {
-  published: "green",
-  draft: "orange",
-  archived: "grey"
-};
-const PAGE_SIZE = 48;
-const ImageGalleryPage = () => {
-  const navigate = useNavigate();
-  const [selectedCollectionId, setSelectedCollectionId] = useState();
-  const [search, setSearch] = useState("");
-  const [pageIndex, setPageIndex] = useState(0);
-  const { data: collectionsData } = useContentCollections({ limit: 100 });
-  const imgCollections = ((collectionsData == null ? void 0 : collectionsData.content_collections) ?? []).filter((t2) => t2.format === "img");
-  useEffect(() => {
-    if (imgCollections.length > 0 && !selectedCollectionId) {
-      setSelectedCollectionId(imgCollections[0].id);
-    }
-  }, [imgCollections.length]);
-  useEffect(() => {
-    setPageIndex(0);
-  }, [selectedCollectionId, search]);
-  const offset = useMemo(() => pageIndex * PAGE_SIZE, [pageIndex]);
-  const { data: itemsData, isLoading } = useContentItems(
-    selectedCollectionId,
-    selectedCollectionId ? { limit: PAGE_SIZE, offset, q: search || void 0 } : {}
-  );
-  const items = (itemsData == null ? void 0 : itemsData.content_items) ?? [];
-  const total = (itemsData == null ? void 0 : itemsData.count) ?? 0;
-  const pageCount = Math.ceil(total / PAGE_SIZE);
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-between gap-2 px-6 py-4 md:flex-row md:items-center", children: [
-      /* @__PURE__ */ jsx(Heading, { children: "Image Gallery" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "search",
-            placeholder: "Search images...",
-            value: search,
-            onChange: (e2) => setSearch(e2.target.value),
-            className: "w-48 md:w-64"
-          }
-        ),
-        imgCollections.length > 1 && /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: selectedCollectionId ?? "",
-            onValueChange: setSelectedCollectionId,
-            children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { className: "w-48", children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select library..." }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: imgCollections.map((t2) => /* @__PURE__ */ jsx(Select.Item, { value: t2.id, children: t2.label }, t2.id)) })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    imgCollections.length === 0 ? /* @__PURE__ */ jsx(Text, { className: "px-6 py-8 text-center text-ui-fg-muted", children: "No image content collections found." }) : isLoading ? /* @__PURE__ */ jsx(Text, { className: "px-6 py-4 text-ui-fg-muted", children: "Loading..." }) : items.length === 0 ? /* @__PURE__ */ jsx(Text, { className: "px-6 py-8 text-center text-ui-fg-muted", children: search ? "No images match your search." : "No images in this library." }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4 p-6", children: items.map((item) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "group flex-none flex flex-col cursor-pointer overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-subtle",
-        onClick: () => navigate(`/content/${selectedCollectionId}/items/${item.id}`),
-        children: [
-          item.body ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: item.body,
-              alt: item.title,
-              className: "block h-40 w-auto object-contain bg-ui-bg-component transition-transform group-hover:scale-105"
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: "flex h-40 w-32 items-center justify-center bg-ui-bg-component", children: /* @__PURE__ */ jsx(Text, { className: "text-sm text-ui-fg-muted", children: "No image" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "w-0 min-w-full overflow-hidden p-2", children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "truncate", children: item.title }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "xsmall",
-                color: STATUS_COLORS$2[item.status] ?? "grey",
-                className: "mt-1",
-                children: item.status
-              }
-            )
-          ] })
-        ]
-      },
-      item.id
-    )) }),
-    pageCount > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [
-      /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-muted", children: [
-        offset + 1,
-        "–",
-        Math.min(offset + PAGE_SIZE, total),
-        " of ",
-        total
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "small",
-            variant: "transparent",
-            disabled: pageIndex === 0,
-            onClick: () => setPageIndex((p) => p - 1),
-            children: /* @__PURE__ */ jsx(ChevronLeft, {})
-          }
-        ),
-        /* @__PURE__ */ jsxs(Text, { size: "small", className: "min-w-[4rem] text-center text-ui-fg-subtle", children: [
-          pageIndex + 1,
-          " / ",
-          pageCount
-        ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "small",
-            variant: "transparent",
-            disabled: pageIndex >= pageCount - 1,
-            onClick: () => setPageIndex((p) => p + 1),
-            children: /* @__PURE__ */ jsx(ChevronRight, {})
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
 function $constructor(name, initializer2, params) {
   function init(inst, def) {
     if (!inst._zod) {
@@ -485,7 +355,7 @@ class $ZodEncodeError extends Error {
   }
 }
 const globalConfig = {};
-function config$1(newConfig) {
+function config$2(newConfig) {
   return globalConfig;
 }
 function getEnumValues(entries) {
@@ -930,7 +800,7 @@ const _parse = (_Err) => (schema2, value, _ctx, _params) => {
     throw new $ZodAsyncError();
   }
   if (result.issues.length) {
-    const e2 = new ((_params == null ? void 0 : _params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx, config$1())));
+    const e2 = new ((_params == null ? void 0 : _params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx, config$2())));
     captureStackTrace(e2, _params == null ? void 0 : _params.callee);
     throw e2;
   }
@@ -942,7 +812,7 @@ const _parseAsync = (_Err) => async (schema2, value, _ctx, params) => {
   if (result instanceof Promise)
     result = await result;
   if (result.issues.length) {
-    const e2 = new ((params == null ? void 0 : params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx, config$1())));
+    const e2 = new ((params == null ? void 0 : params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx, config$2())));
     captureStackTrace(e2, params == null ? void 0 : params.callee);
     throw e2;
   }
@@ -956,7 +826,7 @@ const _safeParse = (_Err) => (schema2, value, _ctx) => {
   }
   return result.issues.length ? {
     success: false,
-    error: new (_Err ?? $ZodError)(result.issues.map((iss) => finalizeIssue(iss, ctx, config$1())))
+    error: new (_Err ?? $ZodError)(result.issues.map((iss) => finalizeIssue(iss, ctx, config$2())))
   } : { success: true, data: result.value };
 };
 const safeParse$1 = /* @__PURE__ */ _safeParse($ZodRealError);
@@ -967,7 +837,7 @@ const _safeParseAsync = (_Err) => async (schema2, value, _ctx) => {
     result = await result;
   return result.issues.length ? {
     success: false,
-    error: new _Err(result.issues.map((iss) => finalizeIssue(iss, ctx, config$1())))
+    error: new _Err(result.issues.map((iss) => finalizeIssue(iss, ctx, config$2())))
   } : { success: true, data: result.value };
 };
 const safeParseAsync$1 = /* @__PURE__ */ _safeParseAsync($ZodRealError);
@@ -2021,7 +1891,7 @@ function handleUnionResults(results, final, inst, ctx) {
     code: "invalid_union",
     input: final.value,
     inst,
-    errors: results.map((result) => result.issues.map((iss) => finalizeIssue(iss, ctx, config$1())))
+    errors: results.map((result) => result.issues.map((iss) => finalizeIssue(iss, ctx, config$2())))
   });
   return final;
 }
@@ -2346,7 +2216,7 @@ const $ZodCatch = /* @__PURE__ */ $constructor("$ZodCatch", (inst, def) => {
           payload.value = def.catchValue({
             ...payload,
             error: {
-              issues: result2.issues.map((iss) => finalizeIssue(iss, ctx, config$1()))
+              issues: result2.issues.map((iss) => finalizeIssue(iss, ctx, config$2()))
             },
             input: payload.value
           });
@@ -2360,7 +2230,7 @@ const $ZodCatch = /* @__PURE__ */ $constructor("$ZodCatch", (inst, def) => {
       payload.value = def.catchValue({
         ...payload,
         error: {
-          issues: result.issues.map((iss) => finalizeIssue(iss, ctx, config$1()))
+          issues: result.issues.map((iss) => finalizeIssue(iss, ctx, config$2()))
         },
         input: payload.value
       });
@@ -6057,12 +5927,12 @@ const CreateContentCollectionModal = ({ open, onOpenChange }) => {
     ] }) })
   ] }) }) });
 };
-const config = defineRouteConfig({
+const config$1 = defineRouteConfig({
   label: "Content",
   icon: PencilSquare,
   rank: 6
 });
-const handle$3 = { breadcrumb: () => "Content" };
+const handle$4 = { breadcrumb: () => "Content" };
 const FORMAT_LABELS$1 = {
   html: "HTML",
   img: "Image",
@@ -6166,6 +6036,136 @@ const ContentCollectionsPage = () => {
     /* @__PURE__ */ jsx(CreateContentCollectionModal, { open: createOpen, onOpenChange: setCreateOpen })
   ] });
 };
+const config = defineRouteConfig({
+  label: "Image Gallery",
+  icon: ImageSparkle,
+  rank: 7
+});
+const handle$3 = { breadcrumb: () => "Image Gallery" };
+const STATUS_COLORS$2 = {
+  published: "green",
+  draft: "orange",
+  archived: "grey"
+};
+const PAGE_SIZE = 48;
+const ImageGalleryPage = () => {
+  const navigate = useNavigate();
+  const [selectedCollectionId, setSelectedCollectionId] = useState();
+  const [search, setSearch] = useState("");
+  const [pageIndex, setPageIndex] = useState(0);
+  const { data: collectionsData } = useContentCollections({ limit: 100 });
+  const imgCollections = ((collectionsData == null ? void 0 : collectionsData.content_collections) ?? []).filter((t2) => t2.format === "img");
+  useEffect(() => {
+    if (imgCollections.length > 0 && !selectedCollectionId) {
+      setSelectedCollectionId(imgCollections[0].id);
+    }
+  }, [imgCollections.length]);
+  useEffect(() => {
+    setPageIndex(0);
+  }, [selectedCollectionId, search]);
+  const offset = useMemo(() => pageIndex * PAGE_SIZE, [pageIndex]);
+  const { data: itemsData, isLoading } = useContentItems(
+    selectedCollectionId,
+    selectedCollectionId ? { limit: PAGE_SIZE, offset, q: search || void 0 } : {}
+  );
+  const items = (itemsData == null ? void 0 : itemsData.content_items) ?? [];
+  const total = (itemsData == null ? void 0 : itemsData.count) ?? 0;
+  const pageCount = Math.ceil(total / PAGE_SIZE);
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-between gap-2 px-6 py-4 md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsx(Heading, { children: "Image Gallery" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "search",
+            placeholder: "Search images...",
+            value: search,
+            onChange: (e2) => setSearch(e2.target.value),
+            className: "w-48 md:w-64"
+          }
+        ),
+        imgCollections.length > 1 && /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: selectedCollectionId ?? "",
+            onValueChange: setSelectedCollectionId,
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { className: "w-48", children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Select library..." }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: imgCollections.map((t2) => /* @__PURE__ */ jsx(Select.Item, { value: t2.id, children: t2.label }, t2.id)) })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    imgCollections.length === 0 ? /* @__PURE__ */ jsx(Text, { className: "px-6 py-8 text-center text-ui-fg-muted", children: "No image content collections found." }) : isLoading ? /* @__PURE__ */ jsx(Text, { className: "px-6 py-4 text-ui-fg-muted", children: "Loading..." }) : items.length === 0 ? /* @__PURE__ */ jsx(Text, { className: "px-6 py-8 text-center text-ui-fg-muted", children: search ? "No images match your search." : "No images in this library." }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4 p-6", children: items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "group flex-none flex flex-col cursor-pointer overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-subtle",
+        onClick: () => navigate(`/content/${selectedCollectionId}/items/${item.id}`),
+        children: [
+          item.body ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: item.body,
+              alt: item.title,
+              className: "block h-40 w-auto object-contain bg-ui-bg-component transition-transform group-hover:scale-105"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "flex h-40 w-32 items-center justify-center bg-ui-bg-component", children: /* @__PURE__ */ jsx(Text, { className: "text-sm text-ui-fg-muted", children: "No image" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "w-0 min-w-full overflow-hidden p-2", children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "truncate", children: item.title }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "xsmall",
+                color: STATUS_COLORS$2[item.status] ?? "grey",
+                className: "mt-1",
+                children: item.status
+              }
+            )
+          ] })
+        ]
+      },
+      item.id
+    )) }),
+    pageCount > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [
+      /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-muted", children: [
+        offset + 1,
+        "–",
+        Math.min(offset + PAGE_SIZE, total),
+        " of ",
+        total
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "transparent",
+            disabled: pageIndex === 0,
+            onClick: () => setPageIndex((p) => p - 1),
+            children: /* @__PURE__ */ jsx(ChevronLeft, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(Text, { size: "small", className: "min-w-[4rem] text-center text-ui-fg-subtle", children: [
+          pageIndex + 1,
+          " / ",
+          pageCount
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "transparent",
+            disabled: pageIndex >= pageCount - 1,
+            onClick: () => setPageIndex((p) => p + 1),
+            children: /* @__PURE__ */ jsx(ChevronRight, {})
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
 const ActionMenu = ({ groups }) => {
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", variant: "transparent", children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) }) }),
@@ -7560,13 +7560,13 @@ const widgetModule = { widgets: [
 const routeModule = {
   routes: [
     {
-      Component: ImageGalleryPage,
-      path: "/images",
+      Component: ContentCollectionsPage,
+      path: "/content",
       handle: handle$4
     },
     {
-      Component: ContentCollectionsPage,
-      path: "/content",
+      Component: ImageGalleryPage,
+      path: "/images",
       handle: handle$3
     },
     {
@@ -7591,16 +7591,16 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config.label,
-      icon: config.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/content",
       nested: void 0,
       rank: 6,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/images",
       nested: void 0,
       rank: 7,