@strapi/upload 5.53.0 → 5.55.0

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

@@ -0,0 +1,63 @@
+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 '../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/legacy/hooks/useBulkEdit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkEdit.mjs","sources":["../../../../admin/src/legacy/hooks/useBulkEdit.ts"],"sourcesContent":["import { type FetchResponse, 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<BulkUpdateFiles.Response['data'], BulkUpdateFiles.Request['body']>(\n      '/upload/actions/bulk-update',\n      { updates }\n    );\n  };\n\n  const mutation = useMutation<\n    FetchResponse<BulkUpdateFiles.Response['data']>,\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,WAAAA,GAAc,IAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAMC,WAAAA,GAAcC,cAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAAA,EAAAA;AAEjB,IAAA,MAAMC,aAAAA,GAAgB,CAAC,EAAEC,OAAO,EAAkB,GAAA;AAChD,QAAA,OAAOH,KACL,6BAAA,EACA;AAAEG,YAAAA;AAAQ,SAAA,CAAA;AAEd,IAAA,CAAA;IAEA,MAAMC,QAAAA,GAAWC,YAIfH,aAAAA,EAAe;AACfI,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;YACX,MAAM,EAAEC,IAAI,EAAE,GAAGD,GAAAA;AAEjB,YAAA,IAAIC,IAAAA,IAAQA,IAAAA,CAAKC,MAAM,GAAG,CAAA,EAAG;AAC3BX,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AAChEd,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACrEd,gBAAAA,WAAAA,CAAYY,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAU,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACnE,YAAA;YAEAhB,kBAAAA,CAAmB;gBACjBiB,IAAAA,EAAM,SAAA;AACNC,gBAAAA,OAAAA,EAASpB,aAAAA,CAAc;AACrBqB,oBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,0BAAA,CAAA;oBACZC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAAA,GAAO,CACXf,OAAAA,GAIGC,QAAAA,CAASe,WAAW,CAAC;AAAEhB,YAAAA;AAAQ,SAAA,CAAA;IAEpC,OAAO;AAAE,QAAA,GAAGC,QAAQ;AAAEc,QAAAA;AAAK,KAAA;AAC7B;;;;"}

package/dist/admin/legacy/hooks/useBulkMove.js

@@ -0,0 +1,78 @@
+'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('../utils/urlYupSchema.js');
+
+const useBulkMove = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const queryClient = reactQuery.useQueryClient();
+    const { post } = strapiAdmin.useFetchClient();
+    const bulkMoveQuery = ({ destinationFolderId, filesAndFolders })=>{
+        const payload = filesAndFolders.reduce((acc, selected)=>{
+            const { id, type } = selected;
+            const key = type === 'asset' ? 'fileIds' : 'folderIds';
+            if (!acc[key]) {
+                acc[key] = [];
+            }
+            acc[key].push(id);
+            return acc;
+        }, {});
+        return post('/upload/actions/bulk-move', {
+            ...payload,
+            destinationFolderId
+        });
+    };
+    const mutation = reactQuery.useMutation(bulkMoveQuery, {
+        onSuccess (res) {
+            const { data: { data } } = res;
+            if (data?.files?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+            }
+            // folders need to be re-fetched in any case, because assets might have been
+            // moved into a sub-folder and therefore the count needs to be updated
+            queryClient.refetchQueries([
+                pluginId.pluginId,
+                'folders'
+            ], {
+                active: true
+            });
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad.getTrad('modal.move.success-label'),
+                    defaultMessage: 'Elements have been moved successfully.'
+                })
+            });
+        }
+    });
+    const move = (destinationFolderId, filesAndFolders)=>mutation.mutateAsync({
+            destinationFolderId,
+            filesAndFolders
+        });
+    return {
+        ...mutation,
+        move
+    };
+};
+
+exports.useBulkMove = useBulkMove;
+//# sourceMappingURL=useBulkMove.js.map

package/dist/admin/legacy/hooks/useBulkMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkMove.js","sources":["../../../../admin/src/legacy/hooks/useBulkMove.ts"],"sourcesContent":["import { type FetchResponse, useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { File, BulkMoveFiles } from '../../../../shared/contracts/files';\nimport { Folder, BulkMoveFolders } from '../../../../shared/contracts/folders';\nimport { pluginId } from '../../pluginId';\nimport { getTrad } from '../utils';\n\nexport interface FolderWithType extends Folder {\n  type: string;\n}\n\nexport interface FileWithType extends File {\n  type: string;\n}\n\ninterface BulkMoveParams {\n  destinationFolderId: number | string;\n  filesAndFolders: Array<FolderWithType | FileWithType>;\n}\n\n// Define the shape of the accumulator object\ntype Payload = {\n  fileIds?: number[];\n  folderIds?: number[];\n};\n\nexport const useBulkMove = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkMoveQuery = ({ destinationFolderId, filesAndFolders }: BulkMoveParams) => {\n    const payload = filesAndFolders.reduce<Payload>((acc, selected) => {\n      const { id, type } = selected;\n      const key = type === 'asset' ? 'fileIds' : 'folderIds';\n\n      if (!acc[key]) {\n        acc[key] = [];\n      }\n\n      acc[key]!.push(id);\n\n      return acc;\n    }, {});\n\n    return post<BulkMoveFiles.Response['data'] | BulkMoveFolders.Response['data']>(\n      '/upload/actions/bulk-move',\n      { ...payload, destinationFolderId }\n    );\n  };\n\n  const mutation = useMutation<\n    FetchResponse<BulkMoveFiles.Response['data'] | BulkMoveFolders.Response['data']>,\n    BulkMoveFolders.Response['error'] | BulkMoveFiles.Response['error'],\n    BulkMoveParams\n  >(bulkMoveQuery, {\n    onSuccess(res) {\n      const {\n        data: { data },\n      } = res;\n\n      if (data?.files?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n      }\n\n      // folders need to be re-fetched in any case, because assets might have been\n      // moved into a sub-folder and therefore the count needs to be updated\n      queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.move.success-label'),\n          defaultMessage: 'Elements have been moved successfully.',\n        }),\n      });\n    },\n  });\n\n  const move = (\n    destinationFolderId: number | string,\n    filesAndFolders: Array<FolderWithType | FileWithType>\n  ) => mutation.mutateAsync({ destinationFolderId, filesAndFolders });\n\n  return { ...mutation, move };\n};\n"],"names":["useBulkMove","formatMessage","useIntl","toggleNotification","useNotification","queryClient","useQueryClient","post","useFetchClient","bulkMoveQuery","destinationFolderId","filesAndFolders","payload","reduce","acc","selected","id","type","key","push","mutation","useMutation","onSuccess","res","data","files","length","refetchQueries","pluginId","active","message","getTrad","defaultMessage","move","mutateAsync"],"mappings":";;;;;;;;;;;;MA4BaA,WAAAA,GAAc,IAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAMC,WAAAA,GAAcC,yBAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,0BAAAA,EAAAA;AAEjB,IAAA,MAAMC,gBAAgB,CAAC,EAAEC,mBAAmB,EAAEC,eAAe,EAAkB,GAAA;AAC7E,QAAA,MAAMC,OAAAA,GAAUD,eAAAA,CAAgBE,MAAM,CAAU,CAACC,GAAAA,EAAKC,QAAAA,GAAAA;AACpD,YAAA,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGF,QAAAA;YACrB,MAAMG,GAAAA,GAAMD,IAAAA,KAAS,OAAA,GAAU,SAAA,GAAY,WAAA;AAE3C,YAAA,IAAI,CAACH,GAAG,CAACI,GAAAA,CAAI,EAAE;gBACbJ,GAAG,CAACI,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;AAEAJ,YAAAA,GAAG,CAACI,GAAAA,CAAI,CAAEC,IAAI,CAACH,EAAAA,CAAAA;YAEf,OAAOF,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AAEJ,QAAA,OAAOP,KACL,2BAAA,EACA;AAAE,YAAA,GAAGK,OAAO;AAAEF,YAAAA;AAAoB,SAAA,CAAA;AAEtC,IAAA,CAAA;IAEA,MAAMU,QAAAA,GAAWC,uBAIfZ,aAAAA,EAAe;AACfa,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,YAAA,MAAM,EACJC,IAAAA,EAAM,EAAEA,IAAI,EAAE,EACf,GAAGD,GAAAA;YAEJ,IAAIC,IAAAA,EAAMC,KAAAA,EAAOC,MAAAA,GAAS,CAAA,EAAG;AAC3BrB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AAChExB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACvE,YAAA;;;AAIAxB,YAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,gBAAAA,iBAAAA;AAAU,gBAAA;aAAU,EAAE;gBAAEC,MAAAA,EAAQ;AAAK,aAAA,CAAA;YAEjE1B,kBAAAA,CAAmB;gBACjBc,IAAAA,EAAM,SAAA;AACNa,gBAAAA,OAAAA,EAAS7B,aAAAA,CAAc;AACrBe,oBAAAA,EAAAA,EAAIe,eAAAA,CAAQ,0BAAA,CAAA;oBACZC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,OAAO,CACXvB,mBAAAA,EACAC,eAAAA,GACGS,QAAAA,CAASc,WAAW,CAAC;AAAExB,YAAAA,mBAAAA;AAAqBC,YAAAA;AAAgB,SAAA,CAAA;IAEjE,OAAO;AAAE,QAAA,GAAGS,QAAQ;AAAEa,QAAAA;AAAK,KAAA;AAC7B;;;;"}

package/dist/admin/legacy/hooks/useBulkMove.mjs

@@ -0,0 +1,76 @@
+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 '../utils/urlYupSchema.mjs';
+
+const useBulkMove = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const queryClient = useQueryClient();
+    const { post } = useFetchClient();
+    const bulkMoveQuery = ({ destinationFolderId, filesAndFolders })=>{
+        const payload = filesAndFolders.reduce((acc, selected)=>{
+            const { id, type } = selected;
+            const key = type === 'asset' ? 'fileIds' : 'folderIds';
+            if (!acc[key]) {
+                acc[key] = [];
+            }
+            acc[key].push(id);
+            return acc;
+        }, {});
+        return post('/upload/actions/bulk-move', {
+            ...payload,
+            destinationFolderId
+        });
+    };
+    const mutation = useMutation(bulkMoveQuery, {
+        onSuccess (res) {
+            const { data: { data } } = res;
+            if (data?.files?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+            }
+            // folders need to be re-fetched in any case, because assets might have been
+            // moved into a sub-folder and therefore the count needs to be updated
+            queryClient.refetchQueries([
+                pluginId,
+                'folders'
+            ], {
+                active: true
+            });
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('modal.move.success-label'),
+                    defaultMessage: 'Elements have been moved successfully.'
+                })
+            });
+        }
+    });
+    const move = (destinationFolderId, filesAndFolders)=>mutation.mutateAsync({
+            destinationFolderId,
+            filesAndFolders
+        });
+    return {
+        ...mutation,
+        move
+    };
+};
+
+export { useBulkMove };
+//# sourceMappingURL=useBulkMove.mjs.map

package/dist/admin/legacy/hooks/useBulkMove.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkMove.mjs","sources":["../../../../admin/src/legacy/hooks/useBulkMove.ts"],"sourcesContent":["import { type FetchResponse, useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { File, BulkMoveFiles } from '../../../../shared/contracts/files';\nimport { Folder, BulkMoveFolders } from '../../../../shared/contracts/folders';\nimport { pluginId } from '../../pluginId';\nimport { getTrad } from '../utils';\n\nexport interface FolderWithType extends Folder {\n  type: string;\n}\n\nexport interface FileWithType extends File {\n  type: string;\n}\n\ninterface BulkMoveParams {\n  destinationFolderId: number | string;\n  filesAndFolders: Array<FolderWithType | FileWithType>;\n}\n\n// Define the shape of the accumulator object\ntype Payload = {\n  fileIds?: number[];\n  folderIds?: number[];\n};\n\nexport const useBulkMove = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkMoveQuery = ({ destinationFolderId, filesAndFolders }: BulkMoveParams) => {\n    const payload = filesAndFolders.reduce<Payload>((acc, selected) => {\n      const { id, type } = selected;\n      const key = type === 'asset' ? 'fileIds' : 'folderIds';\n\n      if (!acc[key]) {\n        acc[key] = [];\n      }\n\n      acc[key]!.push(id);\n\n      return acc;\n    }, {});\n\n    return post<BulkMoveFiles.Response['data'] | BulkMoveFolders.Response['data']>(\n      '/upload/actions/bulk-move',\n      { ...payload, destinationFolderId }\n    );\n  };\n\n  const mutation = useMutation<\n    FetchResponse<BulkMoveFiles.Response['data'] | BulkMoveFolders.Response['data']>,\n    BulkMoveFolders.Response['error'] | BulkMoveFiles.Response['error'],\n    BulkMoveParams\n  >(bulkMoveQuery, {\n    onSuccess(res) {\n      const {\n        data: { data },\n      } = res;\n\n      if (data?.files?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n      }\n\n      // folders need to be re-fetched in any case, because assets might have been\n      // moved into a sub-folder and therefore the count needs to be updated\n      queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.move.success-label'),\n          defaultMessage: 'Elements have been moved successfully.',\n        }),\n      });\n    },\n  });\n\n  const move = (\n    destinationFolderId: number | string,\n    filesAndFolders: Array<FolderWithType | FileWithType>\n  ) => mutation.mutateAsync({ destinationFolderId, filesAndFolders });\n\n  return { ...mutation, move };\n};\n"],"names":["useBulkMove","formatMessage","useIntl","toggleNotification","useNotification","queryClient","useQueryClient","post","useFetchClient","bulkMoveQuery","destinationFolderId","filesAndFolders","payload","reduce","acc","selected","id","type","key","push","mutation","useMutation","onSuccess","res","data","files","length","refetchQueries","pluginId","active","message","getTrad","defaultMessage","move","mutateAsync"],"mappings":";;;;;;;;;;MA4BaA,WAAAA,GAAc,IAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAMC,WAAAA,GAAcC,cAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAAA,EAAAA;AAEjB,IAAA,MAAMC,gBAAgB,CAAC,EAAEC,mBAAmB,EAAEC,eAAe,EAAkB,GAAA;AAC7E,QAAA,MAAMC,OAAAA,GAAUD,eAAAA,CAAgBE,MAAM,CAAU,CAACC,GAAAA,EAAKC,QAAAA,GAAAA;AACpD,YAAA,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGF,QAAAA;YACrB,MAAMG,GAAAA,GAAMD,IAAAA,KAAS,OAAA,GAAU,SAAA,GAAY,WAAA;AAE3C,YAAA,IAAI,CAACH,GAAG,CAACI,GAAAA,CAAI,EAAE;gBACbJ,GAAG,CAACI,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;AAEAJ,YAAAA,GAAG,CAACI,GAAAA,CAAI,CAAEC,IAAI,CAACH,EAAAA,CAAAA;YAEf,OAAOF,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AAEJ,QAAA,OAAOP,KACL,2BAAA,EACA;AAAE,YAAA,GAAGK,OAAO;AAAEF,YAAAA;AAAoB,SAAA,CAAA;AAEtC,IAAA,CAAA;IAEA,MAAMU,QAAAA,GAAWC,YAIfZ,aAAAA,EAAe;AACfa,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,YAAA,MAAM,EACJC,IAAAA,EAAM,EAAEA,IAAI,EAAE,EACf,GAAGD,GAAAA;YAEJ,IAAIC,IAAAA,EAAMC,KAAAA,EAAOC,MAAAA,GAAS,CAAA,EAAG;AAC3BrB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AAChExB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACvE,YAAA;;;AAIAxB,YAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,gBAAAA,QAAAA;AAAU,gBAAA;aAAU,EAAE;gBAAEC,MAAAA,EAAQ;AAAK,aAAA,CAAA;YAEjE1B,kBAAAA,CAAmB;gBACjBc,IAAAA,EAAM,SAAA;AACNa,gBAAAA,OAAAA,EAAS7B,aAAAA,CAAc;AACrBe,oBAAAA,EAAAA,EAAIe,OAAAA,CAAQ,0BAAA,CAAA;oBACZC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,OAAO,CACXvB,mBAAAA,EACAC,eAAAA,GACGS,QAAAA,CAASc,WAAW,CAAC;AAAExB,YAAAA,mBAAAA;AAAqBC,YAAAA;AAAgB,SAAA,CAAA;IAEjE,OAAO;AAAE,QAAA,GAAGS,QAAQ;AAAEa,QAAAA;AAAK,KAAA;AAC7B;;;;"}

package/dist/admin/legacy/hooks/useBulkRemove.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var reactRedux = require('react-redux');
+var pluginId = require('../../pluginId.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../utils/getTrad.js');
+require('qs');
+require('../utils/urlYupSchema.js');
+
+const useBulkRemove = ()=>{
+    const dispatch = reactRedux.useDispatch();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { formatMessage } = reactIntl.useIntl();
+    const queryClient = reactQuery.useQueryClient();
+    const { post } = strapiAdmin.useFetchClient();
+    const bulkRemoveQuery = (filesAndFolders)=>{
+        const payload = filesAndFolders.reduce((acc, selected)=>{
+            const { id, type } = selected;
+            const key = type === 'asset' ? 'fileIds' : 'folderIds';
+            if (!acc[key]) {
+                acc[key] = [];
+            }
+            acc[key].push(id);
+            return acc;
+        }, {});
+        return post('/upload/actions/bulk-delete', payload);
+    };
+    const mutation = reactQuery.useMutation(bulkRemoveQuery, {
+        onSuccess (res) {
+            const { data: { data } } = res;
+            if (data?.files?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+            }
+            if (data?.folders?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'folders'
+                ], {
+                    active: true
+                });
+            }
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad.getTrad('modal.remove.success-label'),
+                    defaultMessage: 'Elements have been successfully deleted.'
+                })
+            });
+            dispatch(strapiAdmin.adminApi.util.invalidateTags([
+                'HomepageKeyStatistics'
+            ]));
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: error?.message
+            });
+        }
+    });
+    const remove = (...args)=>mutation.mutateAsync(...args);
+    return {
+        ...mutation,
+        remove
+    };
+};
+
+exports.useBulkRemove = useBulkRemove;
+//# sourceMappingURL=useBulkRemove.js.map

package/dist/admin/legacy/hooks/useBulkRemove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkRemove.js","sources":["../../../../admin/src/legacy/hooks/useBulkRemove.ts"],"sourcesContent":["import {\n  type FetchResponse,\n  useNotification,\n  useFetchClient,\n  adminApi,\n} from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { BulkDeleteFiles, File } from '../../../../shared/contracts/files';\nimport { pluginId } from '../../pluginId';\nimport { getTrad } from '../utils';\n\nimport type { BulkDeleteFolders, FolderDefinition } from '../../../../shared/contracts/folders';\n\nexport interface FileWithType extends File {\n  type: string;\n}\n\ntype BulkRemovePayload = Partial<BulkDeleteFiles.Request['body']> &\n  Partial<BulkDeleteFolders.Request['body']>;\n\nexport const useBulkRemove = () => {\n  const dispatch = useDispatch();\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkRemoveQuery = (filesAndFolders: Array<FileWithType | FolderDefinition>) => {\n    const payload = filesAndFolders.reduce<BulkRemovePayload>((acc, selected) => {\n      const { id, type } = selected;\n      const key = type === 'asset' ? 'fileIds' : 'folderIds';\n\n      if (!acc[key]) {\n        acc[key] = [];\n      }\n\n      acc[key]!.push(id);\n\n      return acc;\n    }, {});\n\n    return post<BulkDeleteFiles.Response['data'] | BulkDeleteFolders.Response['data']>(\n      '/upload/actions/bulk-delete',\n      payload\n    );\n  };\n\n  const mutation = useMutation<\n    FetchResponse<BulkDeleteFiles.Response['data'] | BulkDeleteFolders.Response['data']>,\n    BulkDeleteFiles.Response['error'] | BulkDeleteFolders.Response['error'],\n    Array<FileWithType | FolderDefinition>\n  >(bulkRemoveQuery, {\n    onSuccess(res) {\n      const {\n        data: { data },\n      } = res;\n\n      if (data?.files?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n      }\n\n      if (data?.folders?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.remove.success-label'),\n          defaultMessage: 'Elements have been successfully deleted.',\n        }),\n      });\n\n      dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics']));\n    },\n    onError(error) {\n      toggleNotification({ type: 'danger', message: error?.message });\n    },\n  });\n\n  const remove = (...args: Parameters<typeof mutation.mutateAsync>) =>\n    mutation.mutateAsync(...args);\n\n  return { ...mutation, remove };\n};\n"],"names":["useBulkRemove","dispatch","useDispatch","toggleNotification","useNotification","formatMessage","useIntl","queryClient","useQueryClient","post","useFetchClient","bulkRemoveQuery","filesAndFolders","payload","reduce","acc","selected","id","type","key","push","mutation","useMutation","onSuccess","res","data","files","length","refetchQueries","pluginId","active","folders","message","getTrad","defaultMessage","adminApi","util","invalidateTags","onError","error","remove","args","mutateAsync"],"mappings":";;;;;;;;;;;;;MAuBaA,aAAAA,GAAgB,IAAA;AAC3B,IAAA,MAAMC,QAAAA,GAAWC,sBAAAA,EAAAA;IACjB,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,WAAAA,GAAcC,yBAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,0BAAAA,EAAAA;AAEjB,IAAA,MAAMC,kBAAkB,CAACC,eAAAA,GAAAA;AACvB,QAAA,MAAMC,OAAAA,GAAUD,eAAAA,CAAgBE,MAAM,CAAoB,CAACC,GAAAA,EAAKC,QAAAA,GAAAA;AAC9D,YAAA,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGF,QAAAA;YACrB,MAAMG,GAAAA,GAAMD,IAAAA,KAAS,OAAA,GAAU,SAAA,GAAY,WAAA;AAE3C,YAAA,IAAI,CAACH,GAAG,CAACI,GAAAA,CAAI,EAAE;gBACbJ,GAAG,CAACI,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;AAEAJ,YAAAA,GAAG,CAACI,GAAAA,CAAI,CAAEC,IAAI,CAACH,EAAAA,CAAAA;YAEf,OAAOF,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AAEJ,QAAA,OAAON,KACL,6BAAA,EACAI,OAAAA,CAAAA;AAEJ,IAAA,CAAA;IAEA,MAAMQ,QAAAA,GAAWC,uBAIfX,eAAAA,EAAiB;AACjBY,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,YAAA,MAAM,EACJC,IAAAA,EAAM,EAAEA,IAAI,EAAE,EACf,GAAGD,GAAAA;YAEJ,IAAIC,IAAAA,EAAMC,KAAAA,EAAOC,MAAAA,GAAS,CAAA,EAAG;AAC3BpB,gBAAAA,WAAAA,CAAYqB,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AAChEvB,gBAAAA,WAAAA,CAAYqB,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACvE,YAAA;YAEA,IAAIL,IAAAA,EAAMM,OAAAA,EAASJ,MAAAA,GAAS,CAAA,EAAG;AAC7BpB,gBAAAA,WAAAA,CAAYqB,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAU,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACnE,YAAA;YAEA3B,kBAAAA,CAAmB;gBACjBe,IAAAA,EAAM,SAAA;AACNc,gBAAAA,OAAAA,EAAS3B,aAAAA,CAAc;AACrBY,oBAAAA,EAAAA,EAAIgB,eAAAA,CAAQ,4BAAA,CAAA;oBACZC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AAEAjC,YAAAA,QAAAA,CAASkC,oBAAAA,CAASC,IAAI,CAACC,cAAc,CAAC;AAAC,gBAAA;AAAwB,aAAA,CAAA,CAAA;AACjE,QAAA,CAAA;AACAC,QAAAA,OAAAA,CAAAA,CAAQC,KAAK,EAAA;YACXpC,kBAAAA,CAAmB;gBAAEe,IAAAA,EAAM,QAAA;AAAUc,gBAAAA,OAAAA,EAASO,KAAAA,EAAOP;AAAQ,aAAA,CAAA;AAC/D,QAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMQ,SAAS,CAAC,GAAGC,IAAAA,GACjBpB,QAAAA,CAASqB,WAAW,CAAA,GAAID,IAAAA,CAAAA;IAE1B,OAAO;AAAE,QAAA,GAAGpB,QAAQ;AAAEmB,QAAAA;AAAO,KAAA;AAC/B;;;;"}

package/dist/admin/legacy/hooks/useBulkRemove.mjs

@@ -0,0 +1,81 @@
+import { useNotification, useFetchClient, adminApi } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useQueryClient, useMutation } from 'react-query';
+import { useDispatch } from 'react-redux';
+import { pluginId } from '../../pluginId.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../utils/getTrad.mjs';
+import 'qs';
+import '../utils/urlYupSchema.mjs';
+
+const useBulkRemove = ()=>{
+    const dispatch = useDispatch();
+    const { toggleNotification } = useNotification();
+    const { formatMessage } = useIntl();
+    const queryClient = useQueryClient();
+    const { post } = useFetchClient();
+    const bulkRemoveQuery = (filesAndFolders)=>{
+        const payload = filesAndFolders.reduce((acc, selected)=>{
+            const { id, type } = selected;
+            const key = type === 'asset' ? 'fileIds' : 'folderIds';
+            if (!acc[key]) {
+                acc[key] = [];
+            }
+            acc[key].push(id);
+            return acc;
+        }, {});
+        return post('/upload/actions/bulk-delete', payload);
+    };
+    const mutation = useMutation(bulkRemoveQuery, {
+        onSuccess (res) {
+            const { data: { data } } = res;
+            if (data?.files?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+            }
+            if (data?.folders?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId,
+                    'folders'
+                ], {
+                    active: true
+                });
+            }
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('modal.remove.success-label'),
+                    defaultMessage: 'Elements have been successfully deleted.'
+                })
+            });
+            dispatch(adminApi.util.invalidateTags([
+                'HomepageKeyStatistics'
+            ]));
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: error?.message
+            });
+        }
+    });
+    const remove = (...args)=>mutation.mutateAsync(...args);
+    return {
+        ...mutation,
+        remove
+    };
+};
+
+export { useBulkRemove };
+//# sourceMappingURL=useBulkRemove.mjs.map

package/dist/admin/legacy/hooks/useBulkRemove.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkRemove.mjs","sources":["../../../../admin/src/legacy/hooks/useBulkRemove.ts"],"sourcesContent":["import {\n  type FetchResponse,\n  useNotification,\n  useFetchClient,\n  adminApi,\n} from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { BulkDeleteFiles, File } from '../../../../shared/contracts/files';\nimport { pluginId } from '../../pluginId';\nimport { getTrad } from '../utils';\n\nimport type { BulkDeleteFolders, FolderDefinition } from '../../../../shared/contracts/folders';\n\nexport interface FileWithType extends File {\n  type: string;\n}\n\ntype BulkRemovePayload = Partial<BulkDeleteFiles.Request['body']> &\n  Partial<BulkDeleteFolders.Request['body']>;\n\nexport const useBulkRemove = () => {\n  const dispatch = useDispatch();\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkRemoveQuery = (filesAndFolders: Array<FileWithType | FolderDefinition>) => {\n    const payload = filesAndFolders.reduce<BulkRemovePayload>((acc, selected) => {\n      const { id, type } = selected;\n      const key = type === 'asset' ? 'fileIds' : 'folderIds';\n\n      if (!acc[key]) {\n        acc[key] = [];\n      }\n\n      acc[key]!.push(id);\n\n      return acc;\n    }, {});\n\n    return post<BulkDeleteFiles.Response['data'] | BulkDeleteFolders.Response['data']>(\n      '/upload/actions/bulk-delete',\n      payload\n    );\n  };\n\n  const mutation = useMutation<\n    FetchResponse<BulkDeleteFiles.Response['data'] | BulkDeleteFolders.Response['data']>,\n    BulkDeleteFiles.Response['error'] | BulkDeleteFolders.Response['error'],\n    Array<FileWithType | FolderDefinition>\n  >(bulkRemoveQuery, {\n    onSuccess(res) {\n      const {\n        data: { data },\n      } = res;\n\n      if (data?.files?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n      }\n\n      if (data?.folders?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.remove.success-label'),\n          defaultMessage: 'Elements have been successfully deleted.',\n        }),\n      });\n\n      dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics']));\n    },\n    onError(error) {\n      toggleNotification({ type: 'danger', message: error?.message });\n    },\n  });\n\n  const remove = (...args: Parameters<typeof mutation.mutateAsync>) =>\n    mutation.mutateAsync(...args);\n\n  return { ...mutation, remove };\n};\n"],"names":["useBulkRemove","dispatch","useDispatch","toggleNotification","useNotification","formatMessage","useIntl","queryClient","useQueryClient","post","useFetchClient","bulkRemoveQuery","filesAndFolders","payload","reduce","acc","selected","id","type","key","push","mutation","useMutation","onSuccess","res","data","files","length","refetchQueries","pluginId","active","folders","message","getTrad","defaultMessage","adminApi","util","invalidateTags","onError","error","remove","args","mutateAsync"],"mappings":";;;;;;;;;;;MAuBaA,aAAAA,GAAgB,IAAA;AAC3B,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;IACjB,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,WAAAA,GAAcC,cAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAAA,EAAAA;AAEjB,IAAA,MAAMC,kBAAkB,CAACC,eAAAA,GAAAA;AACvB,QAAA,MAAMC,OAAAA,GAAUD,eAAAA,CAAgBE,MAAM,CAAoB,CAACC,GAAAA,EAAKC,QAAAA,GAAAA;AAC9D,YAAA,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGF,QAAAA;YACrB,MAAMG,GAAAA,GAAMD,IAAAA,KAAS,OAAA,GAAU,SAAA,GAAY,WAAA;AAE3C,YAAA,IAAI,CAACH,GAAG,CAACI,GAAAA,CAAI,EAAE;gBACbJ,GAAG,CAACI,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;AAEAJ,YAAAA,GAAG,CAACI,GAAAA,CAAI,CAAEC,IAAI,CAACH,EAAAA,CAAAA;YAEf,OAAOF,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AAEJ,QAAA,OAAON,KACL,6BAAA,EACAI,OAAAA,CAAAA;AAEJ,IAAA,CAAA;IAEA,MAAMQ,QAAAA,GAAWC,YAIfX,eAAAA,EAAiB;AACjBY,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,YAAA,MAAM,EACJC,IAAAA,EAAM,EAAEA,IAAI,EAAE,EACf,GAAGD,GAAAA;YAEJ,IAAIC,IAAAA,EAAMC,KAAAA,EAAOC,MAAAA,GAAS,CAAA,EAAG;AAC3BpB,gBAAAA,WAAAA,CAAYqB,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AAChEvB,gBAAAA,WAAAA,CAAYqB,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACvE,YAAA;YAEA,IAAIL,IAAAA,EAAMM,OAAAA,EAASJ,MAAAA,GAAS,CAAA,EAAG;AAC7BpB,gBAAAA,WAAAA,CAAYqB,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAU,EAAE;oBAAEC,MAAAA,EAAQ;AAAK,iBAAA,CAAA;AACnE,YAAA;YAEA3B,kBAAAA,CAAmB;gBACjBe,IAAAA,EAAM,SAAA;AACNc,gBAAAA,OAAAA,EAAS3B,aAAAA,CAAc;AACrBY,oBAAAA,EAAAA,EAAIgB,OAAAA,CAAQ,4BAAA,CAAA;oBACZC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AAEAjC,YAAAA,QAAAA,CAASkC,QAAAA,CAASC,IAAI,CAACC,cAAc,CAAC;AAAC,gBAAA;AAAwB,aAAA,CAAA,CAAA;AACjE,QAAA,CAAA;AACAC,QAAAA,OAAAA,CAAAA,CAAQC,KAAK,EAAA;YACXpC,kBAAAA,CAAmB;gBAAEe,IAAAA,EAAM,QAAA;AAAUc,gBAAAA,OAAAA,EAASO,KAAAA,EAAOP;AAAQ,aAAA,CAAA;AAC/D,QAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMQ,SAAS,CAAC,GAAGC,IAAAA,GACjBpB,QAAAA,CAASqB,WAAW,CAAA,GAAID,IAAAA,CAAAA;IAE1B,OAAO;AAAE,QAAA,GAAGpB,QAAQ;AAAEmB,QAAAA;AAAO,KAAA;AAC/B;;;;"}

package/dist/admin/legacy/hooks/useConfig.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var pluginId = require('../../pluginId.js');
+var useTracking = require('./useTracking.js');
+
+const endpoint = `/${pluginId.pluginId}/configuration`;
+const queryKey = [
+    pluginId.pluginId,
+    'configuration'
+];
+const useConfig = ()=>{
+    const { trackUsage } = useTracking.useTracking();
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { get, put } = strapiAdmin.useFetchClient();
+    const config = reactQuery.useQuery(queryKey, async ()=>{
+        const res = await get(endpoint);
+        return res.data.data;
+    }, {
+        onError () {
+            return toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error'
+                })
+            });
+        },
+        /**
+       * We're cementing that we always expect an object to be returned.
+       */ select: (data)=>data || {}
+    });
+    const putMutation = reactQuery.useMutation(async (body)=>{
+        await put(endpoint, body);
+    }, {
+        onSuccess () {
+            trackUsage('didEditMediaLibraryConfig');
+            config.refetch();
+        },
+        onError () {
+            return toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error'
+                })
+            });
+        }
+    });
+    return {
+        config,
+        mutateConfig: putMutation
+    };
+};
+
+exports.useConfig = useConfig;
+//# sourceMappingURL=useConfig.js.map

package/dist/admin/legacy/hooks/useConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.js","sources":["../../../../admin/src/legacy/hooks/useConfig.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, UseMutationResult, UseQueryResult } from 'react-query';\n\nimport { GetConfiguration, UpdateConfiguration } from '../../../../shared/contracts/configuration';\nimport { pluginId } from '../../pluginId';\n\nimport { useTracking } from './useTracking';\n\nconst endpoint = `/${pluginId}/configuration`;\nconst queryKey = [pluginId, 'configuration'];\n\nexport const useConfig = () => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { get, put } = useFetchClient();\n\n  const config: UseQueryResult<\n    GetConfiguration.Response['data']['data'] | GetConfiguration.Response['error']\n  > = useQuery(\n    queryKey,\n    async () => {\n      const res: GetConfiguration.Response = await get(endpoint);\n\n      return res.data.data;\n    },\n    {\n      onError() {\n        return toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error' }),\n        });\n      },\n      /**\n       * We're cementing that we always expect an object to be returned.\n       */\n      select: (data) => data || {},\n    }\n  );\n\n  const putMutation: UseMutationResult<\n    void,\n    UpdateConfiguration.Response['error'],\n    UpdateConfiguration.Request['body']\n  > = useMutation(\n    async (body) => {\n      await put<UpdateConfiguration.Response>(endpoint, body);\n    },\n    {\n      onSuccess() {\n        trackUsage('didEditMediaLibraryConfig');\n        config.refetch();\n      },\n      onError() {\n        return toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error' }),\n        });\n      },\n    }\n  );\n\n  return {\n    config,\n    mutateConfig: putMutation,\n  };\n};\n"],"names":["endpoint","pluginId","queryKey","useConfig","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","get","put","useFetchClient","config","useQuery","res","data","onError","type","message","id","select","putMutation","useMutation","body","onSuccess","refetch","mutateConfig"],"mappings":";;;;;;;;AASA,MAAMA,WAAW,CAAC,CAAC,EAAEC,iBAAAA,CAAS,cAAc,CAAC;AAC7C,MAAMC,QAAAA,GAAW;AAACD,IAAAA,iBAAAA;AAAU,IAAA;AAAgB,CAAA;MAE/BE,SAAAA,GAAY,IAAA;IACvB,MAAM,EAAEC,UAAU,EAAE,GAAGC,uBAAAA,EAAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAE,GAAGC,0BAAAA,EAAAA;IAErB,MAAMC,MAAAA,GAEFC,oBACFZ,QAAAA,EACA,UAAA;QACE,MAAMa,GAAAA,GAAiC,MAAML,GAAAA,CAAIV,QAAAA,CAAAA;QAEjD,OAAOe,GAAAA,CAAIC,IAAI,CAACA,IAAI;IACtB,CAAA,EACA;AACEC,QAAAA,OAAAA,CAAAA,GAAAA;AACE,YAAA,OAAOT,kBAAAA,CAAmB;gBACxBU,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASb,aAAAA,CAAc;oBAAEc,EAAAA,EAAI;AAAqB,iBAAA;AACpD,aAAA,CAAA;AACF,QAAA,CAAA;AACA;;AAEC,UACDC,MAAAA,EAAQ,CAACL,IAAAA,GAASA,IAAAA,IAAQ;AAC5B,KAAA,CAAA;IAGF,MAAMM,WAAAA,GAIFC,uBACF,OAAOC,IAAAA,GAAAA;AACL,QAAA,MAAMb,IAAkCX,QAAAA,EAAUwB,IAAAA,CAAAA;IACpD,CAAA,EACA;AACEC,QAAAA,SAAAA,CAAAA,GAAAA;YACErB,UAAAA,CAAW,2BAAA,CAAA;AACXS,YAAAA,MAAAA,CAAOa,OAAO,EAAA;AAChB,QAAA,CAAA;AACAT,QAAAA,OAAAA,CAAAA,GAAAA;AACE,YAAA,OAAOT,kBAAAA,CAAmB;gBACxBU,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASb,aAAAA,CAAc;oBAAEc,EAAAA,EAAI;AAAqB,iBAAA;AACpD,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;IAGF,OAAO;AACLP,QAAAA,MAAAA;QACAc,YAAAA,EAAcL;AAChB,KAAA;AACF;;;;"}

package/dist/admin/legacy/hooks/useConfig.mjs

@@ -0,0 +1,56 @@
+import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useQuery, useMutation } from 'react-query';
+import { pluginId } from '../../pluginId.mjs';
+import { useTracking } from './useTracking.mjs';
+
+const endpoint = `/${pluginId}/configuration`;
+const queryKey = [
+    pluginId,
+    'configuration'
+];
+const useConfig = ()=>{
+    const { trackUsage } = useTracking();
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { get, put } = useFetchClient();
+    const config = useQuery(queryKey, async ()=>{
+        const res = await get(endpoint);
+        return res.data.data;
+    }, {
+        onError () {
+            return toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error'
+                })
+            });
+        },
+        /**
+       * We're cementing that we always expect an object to be returned.
+       */ select: (data)=>data || {}
+    });
+    const putMutation = useMutation(async (body)=>{
+        await put(endpoint, body);
+    }, {
+        onSuccess () {
+            trackUsage('didEditMediaLibraryConfig');
+            config.refetch();
+        },
+        onError () {
+            return toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error'
+                })
+            });
+        }
+    });
+    return {
+        config,
+        mutateConfig: putMutation
+    };
+};
+
+export { useConfig };
+//# sourceMappingURL=useConfig.mjs.map

package/dist/admin/legacy/hooks/useConfig.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.mjs","sources":["../../../../admin/src/legacy/hooks/useConfig.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, UseMutationResult, UseQueryResult } from 'react-query';\n\nimport { GetConfiguration, UpdateConfiguration } from '../../../../shared/contracts/configuration';\nimport { pluginId } from '../../pluginId';\n\nimport { useTracking } from './useTracking';\n\nconst endpoint = `/${pluginId}/configuration`;\nconst queryKey = [pluginId, 'configuration'];\n\nexport const useConfig = () => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { get, put } = useFetchClient();\n\n  const config: UseQueryResult<\n    GetConfiguration.Response['data']['data'] | GetConfiguration.Response['error']\n  > = useQuery(\n    queryKey,\n    async () => {\n      const res: GetConfiguration.Response = await get(endpoint);\n\n      return res.data.data;\n    },\n    {\n      onError() {\n        return toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error' }),\n        });\n      },\n      /**\n       * We're cementing that we always expect an object to be returned.\n       */\n      select: (data) => data || {},\n    }\n  );\n\n  const putMutation: UseMutationResult<\n    void,\n    UpdateConfiguration.Response['error'],\n    UpdateConfiguration.Request['body']\n  > = useMutation(\n    async (body) => {\n      await put<UpdateConfiguration.Response>(endpoint, body);\n    },\n    {\n      onSuccess() {\n        trackUsage('didEditMediaLibraryConfig');\n        config.refetch();\n      },\n      onError() {\n        return toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error' }),\n        });\n      },\n    }\n  );\n\n  return {\n    config,\n    mutateConfig: putMutation,\n  };\n};\n"],"names":["endpoint","pluginId","queryKey","useConfig","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","get","put","useFetchClient","config","useQuery","res","data","onError","type","message","id","select","putMutation","useMutation","body","onSuccess","refetch","mutateConfig"],"mappings":";;;;;;AASA,MAAMA,WAAW,CAAC,CAAC,EAAEC,QAAAA,CAAS,cAAc,CAAC;AAC7C,MAAMC,QAAAA,GAAW;AAACD,IAAAA,QAAAA;AAAU,IAAA;AAAgB,CAAA;MAE/BE,SAAAA,GAAY,IAAA;IACvB,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,GAAG,EAAEC,GAAG,EAAE,GAAGC,cAAAA,EAAAA;IAErB,MAAMC,MAAAA,GAEFC,SACFZ,QAAAA,EACA,UAAA;QACE,MAAMa,GAAAA,GAAiC,MAAML,GAAAA,CAAIV,QAAAA,CAAAA;QAEjD,OAAOe,GAAAA,CAAIC,IAAI,CAACA,IAAI;IACtB,CAAA,EACA;AACEC,QAAAA,OAAAA,CAAAA,GAAAA;AACE,YAAA,OAAOT,kBAAAA,CAAmB;gBACxBU,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASb,aAAAA,CAAc;oBAAEc,EAAAA,EAAI;AAAqB,iBAAA;AACpD,aAAA,CAAA;AACF,QAAA,CAAA;AACA;;AAEC,UACDC,MAAAA,EAAQ,CAACL,IAAAA,GAASA,IAAAA,IAAQ;AAC5B,KAAA,CAAA;IAGF,MAAMM,WAAAA,GAIFC,YACF,OAAOC,IAAAA,GAAAA;AACL,QAAA,MAAMb,IAAkCX,QAAAA,EAAUwB,IAAAA,CAAAA;IACpD,CAAA,EACA;AACEC,QAAAA,SAAAA,CAAAA,GAAAA;YACErB,UAAAA,CAAW,2BAAA,CAAA;AACXS,YAAAA,MAAAA,CAAOa,OAAO,EAAA;AAChB,QAAA,CAAA;AACAT,QAAAA,OAAAA,CAAAA,GAAAA;AACE,YAAA,OAAOT,kBAAAA,CAAmB;gBACxBU,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASb,aAAAA,CAAc;oBAAEc,EAAAA,EAAI;AAAqB,iBAAA;AACpD,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;IAGF,OAAO;AACLP,QAAAA,MAAAA;QACAc,YAAAA,EAAcL;AAChB,KAAA;AACF;;;;"}

package/dist/admin/legacy/hooks/useCropImg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCropImg.js","sources":["../../../../admin/src/legacy/hooks/useCropImg.ts"],"sourcesContent":["import * as React from 'react';\n\nimport Cropper from 'cropperjs';\n\nconst QUALITY = 1;\n\ntype Size = {\n  width?: number;\n  height?: number;\n};\n\ntype Resize = {\n  detail: {\n    height: number;\n    width: number;\n  };\n};\n\nexport const useCropImg = () => {\n  const cropperRef = React.useRef<Cropper>();\n  const [isCropping, setIsCropping] = React.useState(false);\n  const [size, setSize] = React.useState<Size>({ width: undefined, height: undefined });\n\n  React.useEffect(() => {\n    return () => {\n      if (cropperRef.current) {\n        cropperRef.current.destroy();\n      }\n    };\n  }, []);\n\n  const handleResize = ({ detail: { height, width } }: Resize) => {\n    const roundedDataWidth = Math.round(width);\n    const roundedDataHeight = Math.round(height);\n\n    setSize({ width: roundedDataWidth, height: roundedDataHeight });\n  };\n\n  const crop = (image: HTMLImageElement) => {\n    if (!cropperRef.current) {\n      cropperRef.current = new Cropper(image, {\n        modal: true,\n        initialAspectRatio: 16 / 9,\n        movable: true,\n        zoomable: false,\n        cropBoxResizable: true,\n        background: false,\n        checkCrossOrigin: false,\n        crop: handleResize,\n      });\n\n      setIsCropping(true);\n    }\n  };\n\n  const stopCropping = () => {\n    if (cropperRef.current) {\n      cropperRef.current.destroy();\n      cropperRef.current = undefined;\n      setIsCropping(false);\n    }\n  };\n\n  const produceFile = (name: string, mimeType: string, lastModifiedDate: string) =>\n    new Promise((resolve, reject) => {\n      if (!cropperRef.current) {\n        reject(\n          new Error(\n            'The cropper has not been instantiated: make sure to call the crop() function before calling produceFile().'\n          )\n        );\n      } else {\n        const canvas = cropperRef.current.getCroppedCanvas();\n\n        canvas.toBlob(\n          (blob) => {\n            resolve(\n              new File([blob!], name, {\n                type: mimeType,\n                lastModified: new Date(lastModifiedDate).getTime(),\n              })\n            );\n          },\n          mimeType,\n          QUALITY\n        );\n      }\n    });\n\n  return {\n    crop,\n    produceFile,\n    stopCropping,\n    isCropping,\n    isCropperReady: Boolean(cropperRef.current),\n    ...size,\n  };\n};\n"],"names":["QUALITY","useCropImg","cropperRef","React","useRef","isCropping","setIsCropping","useState","size","setSize","width","undefined","height","useEffect","current","destroy","handleResize","detail","roundedDataWidth","Math","round","roundedDataHeight","crop","image","Cropper","modal","initialAspectRatio","movable","zoomable","cropBoxResizable","background","checkCrossOrigin","stopCropping","produceFile","name","mimeType","lastModifiedDate","Promise","resolve","reject","Error","canvas","getCroppedCanvas","toBlob","blob","File","type","lastModified","Date","getTime","isCropperReady","Boolean"],"mappings":"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"}

package/dist/admin/legacy/hooks/useCropImg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCropImg.mjs","sources":["../../../../admin/src/legacy/hooks/useCropImg.ts"],"sourcesContent":["import * as React from 'react';\n\nimport Cropper from 'cropperjs';\n\nconst QUALITY = 1;\n\ntype Size = {\n  width?: number;\n  height?: number;\n};\n\ntype Resize = {\n  detail: {\n    height: number;\n    width: number;\n  };\n};\n\nexport const useCropImg = () => {\n  const cropperRef = React.useRef<Cropper>();\n  const [isCropping, setIsCropping] = React.useState(false);\n  const [size, setSize] = React.useState<Size>({ width: undefined, height: undefined });\n\n  React.useEffect(() => {\n    return () => {\n      if (cropperRef.current) {\n        cropperRef.current.destroy();\n      }\n    };\n  }, []);\n\n  const handleResize = ({ detail: { height, width } }: Resize) => {\n    const roundedDataWidth = Math.round(width);\n    const roundedDataHeight = Math.round(height);\n\n    setSize({ width: roundedDataWidth, height: roundedDataHeight });\n  };\n\n  const crop = (image: HTMLImageElement) => {\n    if (!cropperRef.current) {\n      cropperRef.current = new Cropper(image, {\n        modal: true,\n        initialAspectRatio: 16 / 9,\n        movable: true,\n        zoomable: false,\n        cropBoxResizable: true,\n        background: false,\n        checkCrossOrigin: false,\n        crop: handleResize,\n      });\n\n      setIsCropping(true);\n    }\n  };\n\n  const stopCropping = () => {\n    if (cropperRef.current) {\n      cropperRef.current.destroy();\n      cropperRef.current = undefined;\n      setIsCropping(false);\n    }\n  };\n\n  const produceFile = (name: string, mimeType: string, lastModifiedDate: string) =>\n    new Promise((resolve, reject) => {\n      if (!cropperRef.current) {\n        reject(\n          new Error(\n            'The cropper has not been instantiated: make sure to call the crop() function before calling produceFile().'\n          )\n        );\n      } else {\n        const canvas = cropperRef.current.getCroppedCanvas();\n\n        canvas.toBlob(\n          (blob) => {\n            resolve(\n              new File([blob!], name, {\n                type: mimeType,\n                lastModified: new Date(lastModifiedDate).getTime(),\n              })\n            );\n          },\n          mimeType,\n          QUALITY\n        );\n      }\n    });\n\n  return {\n    crop,\n    produceFile,\n    stopCropping,\n    isCropping,\n    isCropperReady: Boolean(cropperRef.current),\n    ...size,\n  };\n};\n"],"names":["QUALITY","useCropImg","cropperRef","React","useRef","isCropping","setIsCropping","useState","size","setSize","width","undefined","height","useEffect","current","destroy","handleResize","detail","roundedDataWidth","Math","round","roundedDataHeight","crop","image","Cropper","modal","initialAspectRatio","movable","zoomable","cropBoxResizable","background","checkCrossOrigin","stopCropping","produceFile","name","mimeType","lastModifiedDate","Promise","resolve","reject","Error","canvas","getCroppedCanvas","toBlob","blob","File","type","lastModified","Date","getTime","isCropperReady","Boolean"],"mappings":"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"}