@btst/stack 3.0.0-rc.2 → 3.0.0-rc.4

package/dist/packages/stack/src/plugins/media/client/components/pages/library-page.internal.cjs

@@ -8,15 +8,20 @@ const button = require('../../../../../../../ui/src/components/button.cjs');
 const LucideIcons = require('lucide-react');
 const utils = require('../../../../../../../ui/src/lib/utils.cjs');
 const context = require('@btst/stack/context');
-const client = require('@btst/stack/client');
+const hooks = require('@btst/stack/client/hooks');
+const constants = require('../../constants.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const browseTab = require('../media-picker/browse-tab.cjs');
 const folderTree = require('../media-picker/folder-tree.cjs');
+const uploadPermissionCheck = require('../upload-permission-check.cjs');
 
 function LibraryPage() {
   const t = context.useTranslate();
   const notify = context.useNotify();
-  const overrides = context.usePluginOverrides("media", {});
+  const overrides = context.usePluginOverrides(constants.MEDIA_PLUGIN_ID, {});
+  const { plugins } = context.useStack();
+  const providerConfig = plugins?.[constants.MEDIA_PLUGIN_ID]?.config;
+  const uploadMode = providerConfig?.uploadMode ?? "direct";
   useRouteLifecycle.useRouteLifecycle({
     routeName: "library",
     context: {
@@ -25,7 +30,7 @@ function LibraryPage() {
     },
     overrides
   });
-  const [{ folder, q: search }, setListState] = client.useListState("media-library", {
+  const [{ folder, q: search }, setListState] = hooks.useListState("media-library", {
     folder: { type: "string", default: "" },
     q: { type: "string", default: "", history: "replace" }
   });
@@ -54,13 +59,8 @@ function LibraryPage() {
   const fileInputRef = React.useRef(null);
   const { mutateAsync: uploadAsset, isPending: isUploading } = useMedia.useUploadAsset();
   const { mutateAsync: deleteAsset } = useMedia.useDeleteAsset();
-  const { can: canCreateAsset } = context.useCan({
-    resource: "media:asset",
-    action: "create"
-  });
   const handleUpload = React.useCallback(
     async (files) => {
-      if (!canCreateAsset) return;
       const arr = Array.from(files);
       for (const file of arr) {
         try {
@@ -77,7 +77,7 @@ function LibraryPage() {
         }
       }
     },
-    [canCreateAsset, notify, selectedFolder, t, uploadAsset]
+    [notify, selectedFolder, t, uploadAsset]
   );
   const handleDelete = async (id) => {
     if (!confirm(t("media.assets.deleteConfirm", "Delete this asset?"))) return;
@@ -90,75 +90,92 @@ function LibraryPage() {
       );
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[calc(100dvh-4rem)] flex-col overflow-hidden md:flex-row", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-48 shrink-0 overflow-hidden border-b bg-muted/20 md:h-full md:max-h-none md:w-52 md:border-b-0 md:border-r", children: /* @__PURE__ */ jsxRuntime.jsx(folderTree.FolderTree, { selectedId: selectedFolder, onSelect: setSelectedFolder }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: utils.cn(
-          "relative flex flex-1 flex-col overflow-hidden border-t md:border-t-0",
-          dragging && "ring-2 ring-inset ring-ring"
-        ),
-        onDragOver: (e) => {
-          if (!canCreateAsset) return;
-          e.preventDefault();
-          setDragging(true);
-        },
-        onDragLeave: () => setDragging(false),
-        onDrop: (e) => {
-          if (!canCreateAsset) return;
-          e.preventDefault();
-          setDragging(false);
-          void handleUpload(e.dataTransfer.files);
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 border-b px-4 py-3 sm:flex-row sm:items-center sm:justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(context.CanAccess, { resource: "media:asset", action: "create", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              button.Button,
-              {
-                size: "sm",
-                onClick: () => fileInputRef.current?.click(),
-                disabled: isUploading,
-                className: "w-full sm:w-auto",
-                children: [
-                  isUploading ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2, { className: "mr-2 size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Upload, { className: "mr-2 size-3.5" }),
-                  t("media.actions.upload", "Upload")
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                ref: fileInputRef,
-                type: "file",
-                multiple: true,
-                className: "hidden",
-                onChange: (e) => e.target.files && handleUpload(e.target.files)
-              }
-            )
-          ] }) }),
-          dragging && canCreateAsset && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border-2 border-dashed border-ring p-8 text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Upload, { className: "mx-auto mb-2 size-10 text-ring" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: t("media.upload.dropFiles", "Drop files to upload") })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 p-3 sm:p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-            browseTab.BrowseTab,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    uploadPermissionCheck.MediaUploadPermissionCheck,
+    {
+      mode: uploadMode,
+      folderId: selectedFolder ?? void 0,
+      children: ({ can: canUpload, isPending, error }) => {
+        if (error) throw error;
+        const uploadAllowed = canUpload && !isPending;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[calc(100dvh-4rem)] flex-col overflow-hidden md:flex-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-48 shrink-0 overflow-hidden border-b bg-muted/20 md:h-full md:max-h-none md:w-52 md:border-b-0 md:border-r", children: /* @__PURE__ */ jsxRuntime.jsx(
+            folderTree.FolderTree,
+            {
+              selectedId: selectedFolder,
+              onSelect: setSelectedFolder
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
             {
-              folderId: selectedFolder,
-              search: searchInput,
-              searchQuery: search,
-              onSearchChange: setSearchInput,
-              onDelete: handleDelete,
-              emptyMessage: t(
-                "media.assets.emptyLibrary",
-                "No files yet. Drag & drop or click Upload."
-              )
+              className: utils.cn(
+                "relative flex flex-1 flex-col overflow-hidden border-t md:border-t-0",
+                dragging && "ring-2 ring-inset ring-ring"
+              ),
+              onDragOver: (e) => {
+                if (!uploadAllowed) return;
+                e.preventDefault();
+                setDragging(true);
+              },
+              onDragLeave: () => setDragging(false),
+              onDrop: (e) => {
+                if (!uploadAllowed) return;
+                e.preventDefault();
+                setDragging(false);
+                void handleUpload(e.dataTransfer.files);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 border-b px-4 py-3 sm:flex-row sm:items-center sm:justify-end", children: uploadAllowed ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    button.Button,
+                    {
+                      size: "sm",
+                      onClick: () => fileInputRef.current?.click(),
+                      disabled: isUploading,
+                      className: "w-full sm:w-auto",
+                      children: [
+                        isUploading ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2, { className: "mr-2 size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Upload, { className: "mr-2 size-3.5" }),
+                        t("media.actions.upload", "Upload")
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      ref: fileInputRef,
+                      type: "file",
+                      multiple: true,
+                      className: "hidden",
+                      onChange: (e) => e.target.files && handleUpload(e.target.files)
+                    }
+                  )
+                ] }) : null }),
+                dragging && uploadAllowed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border-2 border-dashed border-ring p-8 text-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Upload, { className: "mx-auto mb-2 size-10 text-ring" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: t("media.upload.dropFiles", "Drop files to upload") })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 p-3 sm:p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  browseTab.BrowseTab,
+                  {
+                    folderId: selectedFolder,
+                    search: searchInput,
+                    searchQuery: search,
+                    onSearchChange: setSearchInput,
+                    onDelete: handleDelete,
+                    emptyMessage: t(
+                      "media.assets.emptyLibrary",
+                      "No files yet. Drag & drop or click Upload."
+                    )
+                  }
+                ) })
+              ]
             }
-          ) })
-        ]
+          )
+        ] });
       }
-    )
-  ] });
+    }
+  );
 }
 
 exports.LibraryPage = LibraryPage;

package/dist/packages/stack/src/plugins/media/client/components/pages/library-page.internal.mjs

@@ -1,20 +1,25 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { useUploadAsset, useDeleteAsset } from '../../hooks/use-media.mjs';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { Loader2, Upload } from 'lucide-react';
 import { cn } from '../../../../../../../ui/src/lib/utils.mjs';
-import { useTranslate, useNotify, usePluginOverrides, useCan, CanAccess } from '@btst/stack/context';
-import { useListState } from '@btst/stack/client';
+import { useTranslate, useNotify, usePluginOverrides, useStack } from '@btst/stack/context';
+import { useListState } from '@btst/stack/client/hooks';
+import { MEDIA_PLUGIN_ID } from '../../constants.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { BrowseTab } from '../media-picker/browse-tab.mjs';
 import { FolderTree } from '../media-picker/folder-tree.mjs';
+import { MediaUploadPermissionCheck } from '../upload-permission-check.mjs';
 
 function LibraryPage() {
   const t = useTranslate();
   const notify = useNotify();
-  const overrides = usePluginOverrides("media", {});
+  const overrides = usePluginOverrides(MEDIA_PLUGIN_ID, {});
+  const { plugins } = useStack();
+  const providerConfig = plugins?.[MEDIA_PLUGIN_ID]?.config;
+  const uploadMode = providerConfig?.uploadMode ?? "direct";
   useRouteLifecycle({
     routeName: "library",
     context: {
@@ -52,13 +57,8 @@ function LibraryPage() {
   const fileInputRef = useRef(null);
   const { mutateAsync: uploadAsset, isPending: isUploading } = useUploadAsset();
   const { mutateAsync: deleteAsset } = useDeleteAsset();
-  const { can: canCreateAsset } = useCan({
-    resource: "media:asset",
-    action: "create"
-  });
   const handleUpload = useCallback(
     async (files) => {
-      if (!canCreateAsset) return;
       const arr = Array.from(files);
       for (const file of arr) {
         try {
@@ -75,7 +75,7 @@ function LibraryPage() {
         }
       }
     },
-    [canCreateAsset, notify, selectedFolder, t, uploadAsset]
+    [notify, selectedFolder, t, uploadAsset]
   );
   const handleDelete = async (id) => {
     if (!confirm(t("media.assets.deleteConfirm", "Delete this asset?"))) return;
@@ -88,75 +88,92 @@ function LibraryPage() {
       );
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-[calc(100dvh-4rem)] flex-col overflow-hidden md:flex-row", children: [
-    /* @__PURE__ */ jsx("div", { className: "max-h-48 shrink-0 overflow-hidden border-b bg-muted/20 md:h-full md:max-h-none md:w-52 md:border-b-0 md:border-r", children: /* @__PURE__ */ jsx(FolderTree, { selectedId: selectedFolder, onSelect: setSelectedFolder }) }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "relative flex flex-1 flex-col overflow-hidden border-t md:border-t-0",
-          dragging && "ring-2 ring-inset ring-ring"
-        ),
-        onDragOver: (e) => {
-          if (!canCreateAsset) return;
-          e.preventDefault();
-          setDragging(true);
-        },
-        onDragLeave: () => setDragging(false),
-        onDrop: (e) => {
-          if (!canCreateAsset) return;
-          e.preventDefault();
-          setDragging(false);
-          void handleUpload(e.dataTransfer.files);
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 border-b px-4 py-3 sm:flex-row sm:items-center sm:justify-end", children: /* @__PURE__ */ jsxs(CanAccess, { resource: "media:asset", action: "create", children: [
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                size: "sm",
-                onClick: () => fileInputRef.current?.click(),
-                disabled: isUploading,
-                className: "w-full sm:w-auto",
-                children: [
-                  isUploading ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Upload, { className: "mr-2 size-3.5" }),
-                  t("media.actions.upload", "Upload")
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: fileInputRef,
-                type: "file",
-                multiple: true,
-                className: "hidden",
-                onChange: (e) => e.target.files && handleUpload(e.target.files)
-              }
-            )
-          ] }) }),
-          dragging && canCreateAsset && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-ring p-8 text-center", children: [
-            /* @__PURE__ */ jsx(Upload, { className: "mx-auto mb-2 size-10 text-ring" }),
-            /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("media.upload.dropFiles", "Drop files to upload") })
-          ] }) }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 p-3 sm:p-4", children: /* @__PURE__ */ jsx(
-            BrowseTab,
+  return /* @__PURE__ */ jsx(
+    MediaUploadPermissionCheck,
+    {
+      mode: uploadMode,
+      folderId: selectedFolder ?? void 0,
+      children: ({ can: canUpload, isPending, error }) => {
+        if (error) throw error;
+        const uploadAllowed = canUpload && !isPending;
+        return /* @__PURE__ */ jsxs("div", { className: "flex h-[calc(100dvh-4rem)] flex-col overflow-hidden md:flex-row", children: [
+          /* @__PURE__ */ jsx("div", { className: "max-h-48 shrink-0 overflow-hidden border-b bg-muted/20 md:h-full md:max-h-none md:w-52 md:border-b-0 md:border-r", children: /* @__PURE__ */ jsx(
+            FolderTree,
+            {
+              selectedId: selectedFolder,
+              onSelect: setSelectedFolder
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(
+            "div",
             {
-              folderId: selectedFolder,
-              search: searchInput,
-              searchQuery: search,
-              onSearchChange: setSearchInput,
-              onDelete: handleDelete,
-              emptyMessage: t(
-                "media.assets.emptyLibrary",
-                "No files yet. Drag & drop or click Upload."
-              )
+              className: cn(
+                "relative flex flex-1 flex-col overflow-hidden border-t md:border-t-0",
+                dragging && "ring-2 ring-inset ring-ring"
+              ),
+              onDragOver: (e) => {
+                if (!uploadAllowed) return;
+                e.preventDefault();
+                setDragging(true);
+              },
+              onDragLeave: () => setDragging(false),
+              onDrop: (e) => {
+                if (!uploadAllowed) return;
+                e.preventDefault();
+                setDragging(false);
+                void handleUpload(e.dataTransfer.files);
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 border-b px-4 py-3 sm:flex-row sm:items-center sm:justify-end", children: uploadAllowed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      size: "sm",
+                      onClick: () => fileInputRef.current?.click(),
+                      disabled: isUploading,
+                      className: "w-full sm:w-auto",
+                      children: [
+                        isUploading ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Upload, { className: "mr-2 size-3.5" }),
+                        t("media.actions.upload", "Upload")
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ref: fileInputRef,
+                      type: "file",
+                      multiple: true,
+                      className: "hidden",
+                      onChange: (e) => e.target.files && handleUpload(e.target.files)
+                    }
+                  )
+                ] }) : null }),
+                dragging && uploadAllowed && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-2 border-dashed border-ring p-8 text-center", children: [
+                  /* @__PURE__ */ jsx(Upload, { className: "mx-auto mb-2 size-10 text-ring" }),
+                  /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("media.upload.dropFiles", "Drop files to upload") })
+                ] }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 p-3 sm:p-4", children: /* @__PURE__ */ jsx(
+                  BrowseTab,
+                  {
+                    folderId: selectedFolder,
+                    search: searchInput,
+                    searchQuery: search,
+                    onSearchChange: setSearchInput,
+                    onDelete: handleDelete,
+                    emptyMessage: t(
+                      "media.assets.emptyLibrary",
+                      "No files yet. Drag & drop or click Upload."
+                    )
+                  }
+                ) })
+              ]
             }
-          ) })
-        ]
+          )
+        ] });
       }
-    )
-  ] });
+    }
+  );
 }
 
 export { LibraryPage };

package/dist/packages/stack/src/plugins/media/client/components/pages/library-page.mjs

@@ -3,7 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { usePluginOverrides } from '@btst/stack/context';
 import { ComposedRoute } from '@btst/stack/client/components';
+import { MEDIA_PLUGIN_ID } from '../../constants.mjs';
 import { Loader2 } from 'lucide-react';
+import { mediaPermissions } from '../../../../../../../../plugins/media/permissions.mjs';
 
 const LibraryPage = lazy(
   () => import('./library-page.internal.mjs').then((m) => ({ default: m.LibraryPage }))
@@ -16,12 +18,12 @@ function LibraryError({ error }) {
   return /* @__PURE__ */ jsx("div", { className: "flex h-96 items-center justify-center p-8 text-destructive", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: message }) });
 }
 function LibraryPageComponent() {
-  usePluginOverrides("media");
+  usePluginOverrides(MEDIA_PLUGIN_ID);
   return /* @__PURE__ */ jsx(
     ComposedRoute,
     {
       path: "/media",
-      permission: { resource: "media:asset", action: "read" },
+      permission: mediaPermissions.library.read(),
       PageComponent: LibraryPage,
       ErrorComponent: LibraryError,
       LoadingComponent: LibraryLoading,

package/dist/packages/stack/src/plugins/media/client/components/upload-permission-check.cjs

@@ -0,0 +1,52 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const plugins_media_permissions = require('../../../../../../../plugins/media/permissions.cjs');
+
+function UploadPhaseCheck({
+  phases,
+  folderId,
+  children
+}) {
+  const [phase, ...rest] = phases;
+  if (!phase) return children({ can: true, isPending: false });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    context.PermissionCheck,
+    {
+      permission: plugins_media_permissions.mediaPermissions.asset.upload({
+        phase,
+        ...folderId ? { folderId } : {}
+      }),
+      children: (state) => {
+        if (state.error || state.isPending || !state.can)
+          return children(state);
+        return /* @__PURE__ */ jsxRuntime.jsx(UploadPhaseCheck, { phases: rest, folderId, children });
+      }
+    }
+  );
+}
+function MediaUploadPermissionCheck({
+  mode,
+  folderId,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UploadPhaseCheck,
+    {
+      phases: mode === "direct" ? ["direct"] : ["initialize", "finalize"],
+      folderId,
+      children
+    }
+  );
+}
+function MediaFinalizePermissionCheck({
+  folderId,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(UploadPhaseCheck, { phases: ["finalize"], folderId, children });
+}
+
+exports.MediaFinalizePermissionCheck = MediaFinalizePermissionCheck;
+exports.MediaUploadPermissionCheck = MediaUploadPermissionCheck;

package/dist/packages/stack/src/plugins/media/client/components/upload-permission-check.mjs

@@ -0,0 +1,49 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { PermissionCheck } from '@btst/stack/context';
+import { mediaPermissions } from '../../../../../../../plugins/media/permissions.mjs';
+
+function UploadPhaseCheck({
+  phases,
+  folderId,
+  children
+}) {
+  const [phase, ...rest] = phases;
+  if (!phase) return children({ can: true, isPending: false });
+  return /* @__PURE__ */ jsx(
+    PermissionCheck,
+    {
+      permission: mediaPermissions.asset.upload({
+        phase,
+        ...folderId ? { folderId } : {}
+      }),
+      children: (state) => {
+        if (state.error || state.isPending || !state.can)
+          return children(state);
+        return /* @__PURE__ */ jsx(UploadPhaseCheck, { phases: rest, folderId, children });
+      }
+    }
+  );
+}
+function MediaUploadPermissionCheck({
+  mode,
+  folderId,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    UploadPhaseCheck,
+    {
+      phases: mode === "direct" ? ["direct"] : ["initialize", "finalize"],
+      folderId,
+      children
+    }
+  );
+}
+function MediaFinalizePermissionCheck({
+  folderId,
+  children
+}) {
+  return /* @__PURE__ */ jsx(UploadPhaseCheck, { phases: ["finalize"], folderId, children });
+}
+
+export { MediaFinalizePermissionCheck, MediaUploadPermissionCheck };

package/dist/packages/stack/src/plugins/media/client/constants.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const MEDIA_PLUGIN_ID = "media";
+
+exports.MEDIA_PLUGIN_ID = MEDIA_PLUGIN_ID;

package/dist/packages/stack/src/plugins/media/client/constants.mjs

@@ -0,0 +1,3 @@
+const MEDIA_PLUGIN_ID = "media";
+
+export { MEDIA_PLUGIN_ID };

package/dist/packages/stack/src/plugins/media/client/hooks/media-resource.cjs

@@ -3,9 +3,10 @@
 
 const hooks = require('@btst/stack/plugins/client/hooks');
 const plugins_media_queryKeys = require('../../../../../../../plugins/media/query-keys.cjs');
+const constants = require('../constants.cjs');
 
 const media = hooks.createResource({
-  plugin: "media",
+  plugin: constants.MEDIA_PLUGIN_ID,
   resources: plugins_media_queryKeys.mediaResources
 });
 

package/dist/packages/stack/src/plugins/media/client/hooks/media-resource.mjs

@@ -1,9 +1,10 @@
 "use client";
 import { createResource } from '@btst/stack/plugins/client/hooks';
 import { mediaResources } from '../../../../../../../plugins/media/query-keys.mjs';
+import { MEDIA_PLUGIN_ID } from '../constants.mjs';
 
 const media = createResource({
-  plugin: "media",
+  plugin: MEDIA_PLUGIN_ID,
   resources: mediaResources
 });