@strapi/upload 5.25.0 → 5.27.0

package/dist/admin/hooks/useAiAvailability.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAiAvailability.mjs","sources":["../../../admin/src/hooks/useAiAvailability.ts"],"sourcesContent":["import { useAIAvailability as useGlobalAIAvailability } from '@strapi/admin/strapi-admin/ee';\n\nimport { useSettings } from './useSettings';\n\nexport const useAIAvailability = () => {\n  const isAiAvailable = useGlobalAIAvailability();\n  const { status, data } = useSettings(isAiAvailable);\n\n  if (!isAiAvailable) {\n    return { status: 'success' as const, isEnabled: false };\n  }\n\n  return { status, isEnabled: data?.aiMetadata };\n};\n"],"names":["useAIAvailability","isAiAvailable","useGlobalAIAvailability","status","data","useSettings","isEnabled","aiMetadata"],"mappings":";;;MAIaA,iBAAoB,GAAA,IAAA;AAC/B,IAAA,MAAMC,aAAgBC,GAAAA,mBAAAA,EAAAA;AACtB,IAAA,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGC,WAAYJ,CAAAA,aAAAA,CAAAA;AAErC,IAAA,IAAI,CAACA,aAAe,EAAA;QAClB,OAAO;YAAEE,MAAQ,EAAA,SAAA;YAAoBG,SAAW,EAAA;AAAM,SAAA;AACxD;IAEA,OAAO;AAAEH,QAAAA,MAAAA;AAAQG,QAAAA,SAAAA,EAAWF,IAAMG,EAAAA;AAAW,KAAA;AAC/C;;;;"}

package/dist/admin/hooks/useBulkEdit.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var pluginId = require('../pluginId.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../utils/getTrad.js');
+require('qs');
+require('../constants.js');
+require('../utils/urlYupSchema.js');
+
+const useBulkEdit = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const queryClient = reactQuery.useQueryClient();
+    const { post } = strapiAdmin.useFetchClient();
+    const bulkEditQuery = ({ updates })=>{
+        return post('/upload/actions/bulk-update', {
+            updates
+        });
+    };
+    const mutation = reactQuery.useMutation(bulkEditQuery, {
+        onSuccess (res) {
+            const { data } = res;
+            if (data && data.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'folders'
+                ], {
+                    active: true
+                });
+            }
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad.getTrad('modal.edit.success-label'),
+                    defaultMessage: 'Files have been successfully updated.'
+                })
+            });
+        }
+    });
+    const edit = (updates)=>mutation.mutateAsync({
+            updates
+        });
+    return {
+        ...mutation,
+        edit
+    };
+};
+
+exports.useBulkEdit = useBulkEdit;
+//# sourceMappingURL=useBulkEdit.js.map

package/dist/admin/hooks/useBulkEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkEdit.js","sources":["../../../admin/src/hooks/useBulkEdit.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { BulkUpdateFiles } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\ninterface FileInfoUpdate {\n  name: string;\n  alternativeText: string | null;\n  caption: string | null;\n  folder: number | null;\n}\n\ninterface BulkEditParams {\n  updates: Array<{\n    id: number;\n    fileInfo: FileInfoUpdate;\n  }>;\n}\n\nexport const useBulkEdit = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkEditQuery = ({ updates }: BulkEditParams) => {\n    return post('/upload/actions/bulk-update', { updates });\n  };\n\n  const mutation = useMutation<\n    BulkUpdateFiles.Response,\n    BulkUpdateFiles.Response['error'],\n    BulkEditParams\n  >(bulkEditQuery, {\n    onSuccess(res) {\n      const { data } = res;\n\n      if (data && data.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.edit.success-label'),\n          defaultMessage: 'Files have been successfully updated.',\n        }),\n      });\n    },\n  });\n\n  const edit = (\n    updates: Array<{\n      id: number;\n      fileInfo: FileInfoUpdate;\n    }>\n  ) => mutation.mutateAsync({ updates });\n\n  return { ...mutation, edit };\n};\n"],"names":["useBulkEdit","formatMessage","useIntl","toggleNotification","useNotification","queryClient","useQueryClient","post","useFetchClient","bulkEditQuery","updates","mutation","useMutation","onSuccess","res","data","length","refetchQueries","pluginId","active","type","message","id","getTrad","defaultMessage","edit","mutateAsync"],"mappings":";;;;;;;;;;;;;MAsBaA,WAAc,GAAA,IAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAMC,WAAcC,GAAAA,yBAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,0BAAAA,EAAAA;AAEjB,IAAA,MAAMC,aAAgB,GAAA,CAAC,EAAEC,OAAO,EAAkB,GAAA;AAChD,QAAA,OAAOH,KAAK,6BAA+B,EAAA;AAAEG,YAAAA;AAAQ,SAAA,CAAA;AACvD,KAAA;IAEA,MAAMC,QAAAA,GAAWC,uBAIfH,aAAe,EAAA;AACfI,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;YACX,MAAM,EAAEC,IAAI,EAAE,GAAGD,GAAAA;AAEjB,YAAA,IAAIC,IAAQA,IAAAA,IAAAA,CAAKC,MAAM,GAAG,CAAG,EAAA;AAC3BX,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AAChEd,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AACrEd,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAU,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AACnE;YAEAhB,kBAAmB,CAAA;gBACjBiB,IAAM,EAAA,SAAA;AACNC,gBAAAA,OAAAA,EAASpB,aAAc,CAAA;AACrBqB,oBAAAA,EAAAA,EAAIC,eAAQ,CAAA,0BAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAO,GAAA,CACXf,OAIGC,GAAAA,QAAAA,CAASe,WAAW,CAAC;AAAEhB,YAAAA;AAAQ,SAAA,CAAA;IAEpC,OAAO;AAAE,QAAA,GAAGC,QAAQ;AAAEc,QAAAA;AAAK,KAAA;AAC7B;;;;"}

package/dist/admin/hooks/useBulkEdit.mjs

@@ -0,0 +1,64 @@
+import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useQueryClient, useMutation } from 'react-query';
+import { pluginId } from '../pluginId.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../utils/getTrad.mjs';
+import 'qs';
+import '../constants.mjs';
+import '../utils/urlYupSchema.mjs';
+
+const useBulkEdit = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const queryClient = useQueryClient();
+    const { post } = useFetchClient();
+    const bulkEditQuery = ({ updates })=>{
+        return post('/upload/actions/bulk-update', {
+            updates
+        });
+    };
+    const mutation = useMutation(bulkEditQuery, {
+        onSuccess (res) {
+            const { data } = res;
+            if (data && data.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId,
+                    'folders'
+                ], {
+                    active: true
+                });
+            }
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('modal.edit.success-label'),
+                    defaultMessage: 'Files have been successfully updated.'
+                })
+            });
+        }
+    });
+    const edit = (updates)=>mutation.mutateAsync({
+            updates
+        });
+    return {
+        ...mutation,
+        edit
+    };
+};
+
+export { useBulkEdit };
+//# sourceMappingURL=useBulkEdit.mjs.map

package/dist/admin/hooks/useBulkEdit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkEdit.mjs","sources":["../../../admin/src/hooks/useBulkEdit.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { BulkUpdateFiles } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\ninterface FileInfoUpdate {\n  name: string;\n  alternativeText: string | null;\n  caption: string | null;\n  folder: number | null;\n}\n\ninterface BulkEditParams {\n  updates: Array<{\n    id: number;\n    fileInfo: FileInfoUpdate;\n  }>;\n}\n\nexport const useBulkEdit = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkEditQuery = ({ updates }: BulkEditParams) => {\n    return post('/upload/actions/bulk-update', { updates });\n  };\n\n  const mutation = useMutation<\n    BulkUpdateFiles.Response,\n    BulkUpdateFiles.Response['error'],\n    BulkEditParams\n  >(bulkEditQuery, {\n    onSuccess(res) {\n      const { data } = res;\n\n      if (data && data.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.edit.success-label'),\n          defaultMessage: 'Files have been successfully updated.',\n        }),\n      });\n    },\n  });\n\n  const edit = (\n    updates: Array<{\n      id: number;\n      fileInfo: FileInfoUpdate;\n    }>\n  ) => mutation.mutateAsync({ updates });\n\n  return { ...mutation, edit };\n};\n"],"names":["useBulkEdit","formatMessage","useIntl","toggleNotification","useNotification","queryClient","useQueryClient","post","useFetchClient","bulkEditQuery","updates","mutation","useMutation","onSuccess","res","data","length","refetchQueries","pluginId","active","type","message","id","getTrad","defaultMessage","edit","mutateAsync"],"mappings":";;;;;;;;;;;MAsBaA,WAAc,GAAA,IAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAMC,WAAcC,GAAAA,cAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAAA,EAAAA;AAEjB,IAAA,MAAMC,aAAgB,GAAA,CAAC,EAAEC,OAAO,EAAkB,GAAA;AAChD,QAAA,OAAOH,KAAK,6BAA+B,EAAA;AAAEG,YAAAA;AAAQ,SAAA,CAAA;AACvD,KAAA;IAEA,MAAMC,QAAAA,GAAWC,YAIfH,aAAe,EAAA;AACfI,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;YACX,MAAM,EAAEC,IAAI,EAAE,GAAGD,GAAAA;AAEjB,YAAA,IAAIC,IAAQA,IAAAA,IAAAA,CAAKC,MAAM,GAAG,CAAG,EAAA;AAC3BX,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AAChEd,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AACrEd,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAU,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AACnE;YAEAhB,kBAAmB,CAAA;gBACjBiB,IAAM,EAAA,SAAA;AACNC,gBAAAA,OAAAA,EAASpB,aAAc,CAAA;AACrBqB,oBAAAA,EAAAA,EAAIC,OAAQ,CAAA,0BAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAO,GAAA,CACXf,OAIGC,GAAAA,QAAAA,CAASe,WAAW,CAAC;AAAEhB,YAAAA;AAAQ,SAAA,CAAA;IAEpC,OAAO;AAAE,QAAA,GAAGC,QAAQ;AAAEc,QAAAA;AAAK,KAAA;AAC7B;;;;"}

package/dist/admin/hooks/useSettings.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactQuery = require('react-query');
+
+function useSettings(isEnabled = true) {
+    const { get } = strapiAdmin.useFetchClient();
+    return reactQuery.useQuery({
+        queryKey: [
+            'upload',
+            'settings'
+        ],
+        enabled: isEnabled,
+        async queryFn () {
+            const { data: { data } } = await get('/upload/settings');
+            return data;
+        }
+    });
+}
+
+exports.useSettings = useSettings;
+//# sourceMappingURL=useSettings.js.map

package/dist/admin/hooks/useSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettings.js","sources":["../../../admin/src/hooks/useSettings.ts"],"sourcesContent":["import { useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useQuery } from 'react-query';\n\nimport type { GetSettings } from '../../../shared/contracts/settings';\n\nexport function useSettings(isEnabled: boolean = true) {\n  const { get } = useFetchClient();\n\n  return useQuery({\n    queryKey: ['upload', 'settings'],\n    enabled: isEnabled,\n    async queryFn() {\n      const {\n        data: { data },\n      } = await get<GetSettings.Response['data']>('/upload/settings');\n\n      return data;\n    },\n  });\n}\n"],"names":["useSettings","isEnabled","get","useFetchClient","useQuery","queryKey","enabled","queryFn","data"],"mappings":";;;;;AAKO,SAASA,WAAYC,CAAAA,SAAAA,GAAqB,IAAI,EAAA;IACnD,MAAM,EAAEC,GAAG,EAAE,GAAGC,0BAAAA,EAAAA;AAEhB,IAAA,OAAOC,mBAAS,CAAA;QACdC,QAAU,EAAA;AAAC,YAAA,QAAA;AAAU,YAAA;AAAW,SAAA;QAChCC,OAASL,EAAAA,SAAAA;QACT,MAAMM,OAAAA,CAAAA,GAAAA;YACJ,MAAM,EACJC,MAAM,EAAEA,IAAI,EAAE,EACf,GAAG,MAAMN,GAAkC,CAAA,kBAAA,CAAA;YAE5C,OAAOM,IAAAA;AACT;AACF,KAAA,CAAA;AACF;;;;"}

package/dist/admin/hooks/useSettings.mjs

@@ -0,0 +1,20 @@
+import { useFetchClient } from '@strapi/admin/strapi-admin';
+import { useQuery } from 'react-query';
+
+function useSettings(isEnabled = true) {
+    const { get } = useFetchClient();
+    return useQuery({
+        queryKey: [
+            'upload',
+            'settings'
+        ],
+        enabled: isEnabled,
+        async queryFn () {
+            const { data: { data } } = await get('/upload/settings');
+            return data;
+        }
+    });
+}
+
+export { useSettings };
+//# sourceMappingURL=useSettings.mjs.map

package/dist/admin/hooks/useSettings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettings.mjs","sources":["../../../admin/src/hooks/useSettings.ts"],"sourcesContent":["import { useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useQuery } from 'react-query';\n\nimport type { GetSettings } from '../../../shared/contracts/settings';\n\nexport function useSettings(isEnabled: boolean = true) {\n  const { get } = useFetchClient();\n\n  return useQuery({\n    queryKey: ['upload', 'settings'],\n    enabled: isEnabled,\n    async queryFn() {\n      const {\n        data: { data },\n      } = await get<GetSettings.Response['data']>('/upload/settings');\n\n      return data;\n    },\n  });\n}\n"],"names":["useSettings","isEnabled","get","useFetchClient","useQuery","queryKey","enabled","queryFn","data"],"mappings":";;;AAKO,SAASA,WAAYC,CAAAA,SAAAA,GAAqB,IAAI,EAAA;IACnD,MAAM,EAAEC,GAAG,EAAE,GAAGC,cAAAA,EAAAA;AAEhB,IAAA,OAAOC,QAAS,CAAA;QACdC,QAAU,EAAA;AAAC,YAAA,QAAA;AAAU,YAAA;AAAW,SAAA;QAChCC,OAASL,EAAAA,SAAAA;QACT,MAAMM,OAAAA,CAAAA,GAAAA;YACJ,MAAM,EACJC,MAAM,EAAEA,IAAI,EAAE,EACf,GAAG,MAAMN,GAAkC,CAAA,kBAAA,CAAA;YAE5C,OAAOM,IAAAA;AACT;AACF,KAAA,CAAA;AACF;;;;"}

package/dist/admin/hooks/useUpload.js

@@ -26,16 +26,26 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const endpoint = `/${pluginId.pluginId}`;
-const uploadAsset = (asset, folderId, signal, onProgress, post)=>{
-    const { rawFile, caption, name, alternativeText } = asset;
+const uploadAssets = (assets, folderId, signal, onProgress, post)=>{
+    const assetsArray = Array.isArray(assets) ? assets : [
+        assets
+    ];
     const formData = new FormData();
-    formData.append('files', rawFile);
-    formData.append('fileInfo', JSON.stringify({
-        name,
-        caption,
-        alternativeText,
-        folder: folderId
-    }));
+    // Add all files to the form data
+    assetsArray.forEach((asset)=>{
+        if (asset.rawFile) {
+            formData.append('files', asset.rawFile);
+        }
+    });
+    // Add each fileInfo as a separate stringified field
+    assetsArray.forEach((asset)=>{
+        formData.append('fileInfo', JSON.stringify({
+            name: asset.name,
+            caption: asset.caption,
+            alternativeText: asset.alternativeText,
+            folder: folderId
+        }));
+    });
     /**
    * onProgress is not possible using native fetch
    * need to look into an alternative to make it work
@@ -51,8 +61,8 @@ const useUpload = ()=>{
     const abortController = new AbortController();
     const signal = abortController.signal;
     const { post } = strapiAdmin.useFetchClient();
-    const mutation = reactQuery.useMutation(({ asset, folderId })=>{
-        return uploadAsset(asset, folderId, signal, setProgress, post);
+    const mutation = reactQuery.useMutation(({ assets, folderId })=>{
+        return uploadAssets(assets, folderId, signal, setProgress, post);
     }, {
         onSuccess () {
             queryClient.refetchQueries([
@@ -68,12 +78,13 @@ const useUpload = ()=>{
                 active: true
             });
             dispatch(strapiAdmin.adminApi.util.invalidateTags([
-                'HomepageKeyStatistics'
+                'HomepageKeyStatistics',
+                'AIUsage'
             ]));
         }
     });
-    const upload = (asset, folderId)=>mutation.mutateAsync({
-            asset,
+    const upload = (assets, folderId)=>mutation.mutateAsync({
+            assets,
             folderId
         });
     const cancel = ()=>abortController.abort();

package/dist/admin/hooks/useUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.js","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useFetchClient, FetchClient, adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\nconst uploadAsset = (\n  asset: Asset,\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  post: FetchClient['post']\n) => {\n  const { rawFile, caption, name, alternativeText } = asset;\n  const formData = new FormData();\n\n  formData.append('files', rawFile!);\n\n  formData.append(\n    'fileInfo',\n    JSON.stringify({\n      name,\n      caption,\n      alternativeText,\n      folder: folderId,\n    })\n  );\n\n  /**\n   * onProgress is not possible using native fetch\n   * need to look into an alternative to make it work\n   * perhaps using xhr like Axios does\n   */\n  return post(endpoint, formData, {\n    signal,\n  }).then((res) => res.data);\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const { post } = useFetchClient();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { asset: Asset; folderId: number | null }\n  >(\n    ({ asset, folderId }) => {\n      return uploadAsset(asset, folderId, signal, setProgress, post);\n    },\n    {\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics']));\n      },\n    }\n  );\n\n  const upload = (asset: Asset, folderId: number | null) =>\n    mutation.mutateAsync({ asset, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAsset","asset","folderId","signal","onProgress","post","rawFile","caption","name","alternativeText","formData","FormData","append","JSON","stringify","folder","then","res","data","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","useFetchClient","mutation","useMutation","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,QAAW,GAAA,CAAC,CAAC,EAAEC,kBAAS,CAAC;AAQ/B,MAAMC,WAAc,GAAA,CAClBC,KACAC,EAAAA,QAAAA,EACAC,QACAC,UACAC,EAAAA,IAAAA,GAAAA;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAEC,eAAe,EAAE,GAAGR,KAAAA;AACpD,IAAA,MAAMS,WAAW,IAAIC,QAAAA,EAAAA;IAErBD,QAASE,CAAAA,MAAM,CAAC,OAASN,EAAAA,OAAAA,CAAAA;AAEzBI,IAAAA,QAAAA,CAASE,MAAM,CACb,UACAC,EAAAA,IAAAA,CAAKC,SAAS,CAAC;AACbN,QAAAA,IAAAA;AACAD,QAAAA,OAAAA;AACAE,QAAAA,eAAAA;QACAM,MAAQb,EAAAA;AACV,KAAA,CAAA,CAAA;AAGF;;;;MAKA,OAAOG,IAAKP,CAAAA,QAAAA,EAAUY,QAAU,EAAA;AAC9BP,QAAAA;AACF,KAAA,CAAA,CAAGa,IAAI,CAAC,CAACC,GAAAA,GAAQA,IAAIC,IAAI,CAAA;AAC3B,CAAA;MAEaC,SAAY,GAAA,IAAA;AACvB,IAAA,MAAMC,QAAWC,GAAAA,sBAAAA,EAAAA;AACjB,IAAA,MAAM,CAACC,QAAUC,EAAAA,WAAAA,CAAY,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,CAAA,CAAA;AAC/C,IAAA,MAAMC,WAAcC,GAAAA,yBAAAA,EAAAA;AACpB,IAAA,MAAMC,kBAAkB,IAAIC,eAAAA,EAAAA;IAC5B,MAAM1B,MAAAA,GAASyB,gBAAgBzB,MAAM;IACrC,MAAM,EAAEE,IAAI,EAAE,GAAGyB,0BAAAA,EAAAA;AAEjB,IAAA,MAAMC,WAAWC,sBAKf,CAAA,CAAC,EAAE/B,KAAK,EAAEC,QAAQ,EAAE,GAAA;AAClB,QAAA,OAAOF,WAAYC,CAAAA,KAAAA,EAAOC,QAAUC,EAAAA,MAAAA,EAAQoB,WAAalB,EAAAA,IAAAA,CAAAA;KAE3D,EAAA;AACE4B,QAAAA,SAAAA,CAAAA,GAAAA;AACEP,YAAAA,WAAAA,CAAYQ,cAAc,CAAC;AAACnC,gBAAAA,iBAAAA;AAAU,gBAAA;aAAS,EAAE;gBAAEoC,MAAQ,EAAA;AAAK,aAAA,CAAA;AAChET,YAAAA,WAAAA,CAAYQ,cAAc,CAAC;AAACnC,gBAAAA,iBAAAA;AAAU,gBAAA;aAAc,EAAE;gBAAEoC,MAAQ,EAAA;AAAK,aAAA,CAAA;AACrEf,YAAAA,QAAAA,CAASgB,oBAASC,CAAAA,IAAI,CAACC,cAAc,CAAC;AAAC,gBAAA;AAAwB,aAAA,CAAA,CAAA;AACjE;AACF,KAAA,CAAA;AAGF,IAAA,MAAMC,SAAS,CAACtC,KAAAA,EAAcC,QAC5B6B,GAAAA,QAAAA,CAASS,WAAW,CAAC;AAAEvC,YAAAA,KAAAA;AAAOC,YAAAA;AAAS,SAAA,CAAA;IAEzC,MAAMuC,MAAAA,GAAS,IAAMb,eAAAA,CAAgBc,KAAK,EAAA;IAE1C,OAAO;AACLH,QAAAA,MAAAA;AACAI,QAAAA,SAAAA,EAAWZ,SAASY,SAAS;AAC7BF,QAAAA,MAAAA;AACAG,QAAAA,KAAAA,EAAOb,SAASa,KAAK;AACrBtB,QAAAA,QAAAA;AACAuB,QAAAA,MAAAA,EAAQd,SAASc;AACnB,KAAA;AACF;;;;"}
+{"version":3,"file":"useUpload.js","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useFetchClient, FetchClient, adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  post: FetchClient['post']\n) => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * onProgress is not possible using native fetch\n   * need to look into an alternative to make it work\n   * perhaps using xhr like Axios does\n   */\n  return post(endpoint, formData, {\n    signal,\n  }).then((res) => res.data);\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const { post } = useFetchClient();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, post);\n    },\n    {\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AIUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","post","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","then","res","data","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","useFetchClient","mutation","useMutation","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}

package/dist/admin/hooks/useUpload.mjs

@@ -5,16 +5,26 @@ import { useDispatch } from 'react-redux';
 import { pluginId } from '../pluginId.mjs';
 
 const endpoint = `/${pluginId}`;
-const uploadAsset = (asset, folderId, signal, onProgress, post)=>{
-    const { rawFile, caption, name, alternativeText } = asset;
+const uploadAssets = (assets, folderId, signal, onProgress, post)=>{
+    const assetsArray = Array.isArray(assets) ? assets : [
+        assets
+    ];
     const formData = new FormData();
-    formData.append('files', rawFile);
-    formData.append('fileInfo', JSON.stringify({
-        name,
-        caption,
-        alternativeText,
-        folder: folderId
-    }));
+    // Add all files to the form data
+    assetsArray.forEach((asset)=>{
+        if (asset.rawFile) {
+            formData.append('files', asset.rawFile);
+        }
+    });
+    // Add each fileInfo as a separate stringified field
+    assetsArray.forEach((asset)=>{
+        formData.append('fileInfo', JSON.stringify({
+            name: asset.name,
+            caption: asset.caption,
+            alternativeText: asset.alternativeText,
+            folder: folderId
+        }));
+    });
     /**
    * onProgress is not possible using native fetch
    * need to look into an alternative to make it work
@@ -30,8 +40,8 @@ const useUpload = ()=>{
     const abortController = new AbortController();
     const signal = abortController.signal;
     const { post } = useFetchClient();
-    const mutation = useMutation(({ asset, folderId })=>{
-        return uploadAsset(asset, folderId, signal, setProgress, post);
+    const mutation = useMutation(({ assets, folderId })=>{
+        return uploadAssets(assets, folderId, signal, setProgress, post);
     }, {
         onSuccess () {
             queryClient.refetchQueries([
@@ -47,12 +57,13 @@ const useUpload = ()=>{
                 active: true
             });
             dispatch(adminApi.util.invalidateTags([
-                'HomepageKeyStatistics'
+                'HomepageKeyStatistics',
+                'AIUsage'
             ]));
         }
     });
-    const upload = (asset, folderId)=>mutation.mutateAsync({
-            asset,
+    const upload = (assets, folderId)=>mutation.mutateAsync({
+            assets,
             folderId
         });
     const cancel = ()=>abortController.abort();

package/dist/admin/hooks/useUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.mjs","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useFetchClient, FetchClient, adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\nconst uploadAsset = (\n  asset: Asset,\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  post: FetchClient['post']\n) => {\n  const { rawFile, caption, name, alternativeText } = asset;\n  const formData = new FormData();\n\n  formData.append('files', rawFile!);\n\n  formData.append(\n    'fileInfo',\n    JSON.stringify({\n      name,\n      caption,\n      alternativeText,\n      folder: folderId,\n    })\n  );\n\n  /**\n   * onProgress is not possible using native fetch\n   * need to look into an alternative to make it work\n   * perhaps using xhr like Axios does\n   */\n  return post(endpoint, formData, {\n    signal,\n  }).then((res) => res.data);\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const { post } = useFetchClient();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { asset: Asset; folderId: number | null }\n  >(\n    ({ asset, folderId }) => {\n      return uploadAsset(asset, folderId, signal, setProgress, post);\n    },\n    {\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics']));\n      },\n    }\n  );\n\n  const upload = (asset: Asset, folderId: number | null) =>\n    mutation.mutateAsync({ asset, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAsset","asset","folderId","signal","onProgress","post","rawFile","caption","name","alternativeText","formData","FormData","append","JSON","stringify","folder","then","res","data","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","useFetchClient","mutation","useMutation","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":";;;;;;AASA,MAAMA,QAAW,GAAA,CAAC,CAAC,EAAEC,SAAS,CAAC;AAQ/B,MAAMC,WAAc,GAAA,CAClBC,KACAC,EAAAA,QAAAA,EACAC,QACAC,UACAC,EAAAA,IAAAA,GAAAA;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAEC,eAAe,EAAE,GAAGR,KAAAA;AACpD,IAAA,MAAMS,WAAW,IAAIC,QAAAA,EAAAA;IAErBD,QAASE,CAAAA,MAAM,CAAC,OAASN,EAAAA,OAAAA,CAAAA;AAEzBI,IAAAA,QAAAA,CAASE,MAAM,CACb,UACAC,EAAAA,IAAAA,CAAKC,SAAS,CAAC;AACbN,QAAAA,IAAAA;AACAD,QAAAA,OAAAA;AACAE,QAAAA,eAAAA;QACAM,MAAQb,EAAAA;AACV,KAAA,CAAA,CAAA;AAGF;;;;MAKA,OAAOG,IAAKP,CAAAA,QAAAA,EAAUY,QAAU,EAAA;AAC9BP,QAAAA;AACF,KAAA,CAAA,CAAGa,IAAI,CAAC,CAACC,GAAAA,GAAQA,IAAIC,IAAI,CAAA;AAC3B,CAAA;MAEaC,SAAY,GAAA,IAAA;AACvB,IAAA,MAAMC,QAAWC,GAAAA,WAAAA,EAAAA;AACjB,IAAA,MAAM,CAACC,QAAUC,EAAAA,WAAAA,CAAY,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,CAAA,CAAA;AAC/C,IAAA,MAAMC,WAAcC,GAAAA,cAAAA,EAAAA;AACpB,IAAA,MAAMC,kBAAkB,IAAIC,eAAAA,EAAAA;IAC5B,MAAM1B,MAAAA,GAASyB,gBAAgBzB,MAAM;IACrC,MAAM,EAAEE,IAAI,EAAE,GAAGyB,cAAAA,EAAAA;AAEjB,IAAA,MAAMC,WAAWC,WAKf,CAAA,CAAC,EAAE/B,KAAK,EAAEC,QAAQ,EAAE,GAAA;AAClB,QAAA,OAAOF,WAAYC,CAAAA,KAAAA,EAAOC,QAAUC,EAAAA,MAAAA,EAAQoB,WAAalB,EAAAA,IAAAA,CAAAA;KAE3D,EAAA;AACE4B,QAAAA,SAAAA,CAAAA,GAAAA;AACEP,YAAAA,WAAAA,CAAYQ,cAAc,CAAC;AAACnC,gBAAAA,QAAAA;AAAU,gBAAA;aAAS,EAAE;gBAAEoC,MAAQ,EAAA;AAAK,aAAA,CAAA;AAChET,YAAAA,WAAAA,CAAYQ,cAAc,CAAC;AAACnC,gBAAAA,QAAAA;AAAU,gBAAA;aAAc,EAAE;gBAAEoC,MAAQ,EAAA;AAAK,aAAA,CAAA;AACrEf,YAAAA,QAAAA,CAASgB,QAASC,CAAAA,IAAI,CAACC,cAAc,CAAC;AAAC,gBAAA;AAAwB,aAAA,CAAA,CAAA;AACjE;AACF,KAAA,CAAA;AAGF,IAAA,MAAMC,SAAS,CAACtC,KAAAA,EAAcC,QAC5B6B,GAAAA,QAAAA,CAASS,WAAW,CAAC;AAAEvC,YAAAA,KAAAA;AAAOC,YAAAA;AAAS,SAAA,CAAA;IAEzC,MAAMuC,MAAAA,GAAS,IAAMb,eAAAA,CAAgBc,KAAK,EAAA;IAE1C,OAAO;AACLH,QAAAA,MAAAA;AACAI,QAAAA,SAAAA,EAAWZ,SAASY,SAAS;AAC7BF,QAAAA,MAAAA;AACAG,QAAAA,KAAAA,EAAOb,SAASa,KAAK;AACrBtB,QAAAA,QAAAA;AACAuB,QAAAA,MAAAA,EAAQd,SAASc;AACnB,KAAA;AACF;;;;"}
+{"version":3,"file":"useUpload.mjs","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useFetchClient, FetchClient, adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  post: FetchClient['post']\n) => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * onProgress is not possible using native fetch\n   * need to look into an alternative to make it work\n   * perhaps using xhr like Axios does\n   */\n  return post(endpoint, formData, {\n    signal,\n  }).then((res) => res.data);\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const { post } = useFetchClient();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, post);\n    },\n    {\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AIUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","post","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","then","res","data","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","useFetchClient","mutation","useMutation","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}

package/dist/admin/package.json.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var name = "@strapi/upload";
-var version = "5.25.0";
+var version = "5.27.0";
 var description = "Makes it easy to upload images and files to your Strapi Application.";
 var license = "SEE LICENSE IN LICENSE";
 var author = {
@@ -67,8 +67,8 @@ var dependencies = {
     "@reduxjs/toolkit": "1.9.7",
     "@strapi/design-system": "2.0.0-rc.30",
     "@strapi/icons": "2.0.0-rc.30",
-    "@strapi/provider-upload-local": "5.25.0",
-    "@strapi/utils": "5.25.0",
+    "@strapi/provider-upload-local": "5.27.0",
+    "@strapi/utils": "5.27.0",
     "byte-size": "8.1.1",
     cropperjs: "1.6.1",
     "date-fns": "2.30.0",
@@ -91,8 +91,8 @@ var dependencies = {
     zod: "3.25.67"
 };
 var devDependencies = {
-    "@strapi/admin": "5.25.0",
-    "@strapi/types": "5.25.0",
+    "@strapi/admin": "5.27.0",
+    "@strapi/types": "5.27.0",
     "@testing-library/dom": "10.1.0",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "14.5.2",

package/dist/admin/package.json.mjs

@@ -1,5 +1,5 @@
 var name = "@strapi/upload";
-var version = "5.25.0";
+var version = "5.27.0";
 var description = "Makes it easy to upload images and files to your Strapi Application.";
 var license = "SEE LICENSE IN LICENSE";
 var author = {
@@ -63,8 +63,8 @@ var dependencies = {
     "@reduxjs/toolkit": "1.9.7",
     "@strapi/design-system": "2.0.0-rc.30",
     "@strapi/icons": "2.0.0-rc.30",
-    "@strapi/provider-upload-local": "5.25.0",
-    "@strapi/utils": "5.25.0",
+    "@strapi/provider-upload-local": "5.27.0",
+    "@strapi/utils": "5.27.0",
     "byte-size": "8.1.1",
     cropperjs: "1.6.1",
     "date-fns": "2.30.0",
@@ -87,8 +87,8 @@ var dependencies = {
     zod: "3.25.67"
 };
 var devDependencies = {
-    "@strapi/admin": "5.25.0",
-    "@strapi/types": "5.25.0",
+    "@strapi/admin": "5.27.0",
+    "@strapi/types": "5.27.0",
     "@testing-library/dom": "10.1.0",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "14.5.2",

package/dist/admin/pages/App/MediaLibrary/MediaLibrary.js

@@ -9,6 +9,7 @@ var qs = require('qs');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var styledComponents = require('styled-components');
+var AIUploadModal = require('../../../ai/components/AIUploadModal.js');
 var AssetGridList = require('../../../components/AssetGridList/AssetGridList.js');
 var EditAssetContent = require('../../../components/EditAssetDialog/EditAssetContent.js');
 var EditFolderDialog = require('../../../components/EditFolderDialog/EditFolderDialog.js');
@@ -21,6 +22,7 @@ var SortPicker = require('../../../components/SortPicker/SortPicker.js');
 var TableList = require('../../../components/TableList/TableList.js');
 var UploadAssetDialog = require('../../../components/UploadAssetDialog/UploadAssetDialog.js');
 var constants = require('../../../constants.js');
+var useAiAvailability = require('../../../hooks/useAiAvailability.js');
 var useAssets = require('../../../hooks/useAssets.js');
 var useFolder = require('../../../hooks/useFolder.js');
 var useFolders = require('../../../hooks/useFolders.js');
@@ -77,6 +79,7 @@ const ActionContainer = styledComponents.styled(designSystem.Box)`
 const MediaLibrary = ()=>{
     const navigate = reactRouterDom.useNavigate();
     const { canRead, canCreate, canUpdate, canCopyLink, canDownload, canConfigureView, isLoading: permissionsLoading } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    const { isEnabled: isAiEnabled, status: aiAvailabilityStatus } = useAiAvailability.useAIAvailability();
     const currentFolderToEditRef = React__namespace.useRef();
     const { formatMessage } = reactIntl.useIntl();
     const { pathname } = reactRouterDom.useLocation();
@@ -117,7 +120,7 @@ const MediaLibrary = ()=>{
         })) || [];
     const assetCount = assets?.length ?? 0;
     const totalAssetCount = assetsData?.pagination?.total;
-    const isLoading = isCurrentFolderLoading || foldersLoading || permissionsLoading || assetsLoading;
+    const isLoading = isCurrentFolderLoading || foldersLoading || permissionsLoading || assetsLoading || aiAvailabilityStatus === 'loading';
     const [showUploadAssetDialog, setShowUploadAssetDialog] = React__namespace.useState(false);
     const [showEditFolderDialog, setShowEditFolderDialog] = React__namespace.useState(false);
     const [assetToEdit, setAssetToEdit] = React__namespace.useState(undefined);
@@ -181,7 +184,7 @@ const MediaLibrary = ()=>{
     if (isLoading) {
         return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
     }
-    if (assetsError || foldersError) {
+    if (assetsError || foldersError || aiAvailabilityStatus === 'error') {
         return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
     }
     return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Layouts.Root, {
@@ -417,12 +420,16 @@ const MediaLibrary = ()=>{
                     })
                 ]
             }),
-            showUploadAssetDialog && /*#__PURE__*/ jsxRuntime.jsx(UploadAssetDialog.UploadAssetDialog, {
+            showUploadAssetDialog && (isAiEnabled ? /*#__PURE__*/ jsxRuntime.jsx(AIUploadModal.AIUploadModal, {
+                open: showUploadAssetDialog,
+                onClose: toggleUploadAssetDialog,
+                folderId: query?.folder ? Number(query.folder) : null
+            }) : /*#__PURE__*/ jsxRuntime.jsx(UploadAssetDialog.UploadAssetDialog, {
                 open: showUploadAssetDialog,
                 onClose: toggleUploadAssetDialog,
                 trackedLocation: "upload",
                 folderId: query?.folder
-            }),
+            })),
             showEditFolderDialog && /*#__PURE__*/ jsxRuntime.jsx(EditFolderDialog.EditFolderDialog, {
                 open: showEditFolderDialog,
                 onClose: ()=>handleEditFolderClose(),