@strapi/upload 5.12.1 → 5.12.2

package/dist/admin/hooks/useEditAsset.mjs

@@ -0,0 +1,93 @@
+import * as React from 'react';
+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 editAssetRequest = (asset, file, signal, onProgress, post)=>{
+    const endpoint = `/${pluginId}?id=${asset.id}`;
+    const formData = new FormData();
+    if (file) {
+        formData.append('files', file);
+    }
+    formData.append('fileInfo', JSON.stringify({
+        alternativeText: asset.alternativeText,
+        caption: asset.caption,
+        folder: asset.folder,
+        name: asset.name
+    }));
+    /**
+   * onProgress is not possible using native fetch
+   * need to look into an alternative to make it work
+   * perhaps using xhr like Axios does
+   */ return post(endpoint, formData, {
+        signal
+    }).then((res)=>res.data);
+};
+const useEditAsset = ()=>{
+    const [progress, setProgress] = React.useState(0);
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const queryClient = useQueryClient();
+    const abortController = new AbortController();
+    const signal = abortController.signal;
+    const { post } = useFetchClient();
+    const mutation = useMutation(({ asset, file })=>editAssetRequest(asset, file, signal, setProgress, post), {
+        onSuccess () {
+            queryClient.refetchQueries([
+                pluginId,
+                'assets'
+            ], {
+                active: true
+            });
+            queryClient.refetchQueries([
+                pluginId,
+                'asset-count'
+            ], {
+                active: true
+            });
+            queryClient.refetchQueries([
+                pluginId,
+                'folders'
+            ], {
+                active: true
+            });
+        },
+        onError (reason) {
+            if (reason?.response?.status === 403) {
+                toggleNotification({
+                    type: 'info',
+                    message: formatMessage({
+                        id: getTrad('permissions.not-allowed.update')
+                    })
+                });
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: reason?.message
+                });
+            }
+        }
+    });
+    const editAsset = (asset, file)=>mutation.mutateAsync({
+            asset,
+            file
+        });
+    const cancel = ()=>abortController.abort();
+    return {
+        ...mutation,
+        cancel,
+        editAsset,
+        progress,
+        status: mutation.status
+    };
+};
+
+export { useEditAsset };
+//# sourceMappingURL=useEditAsset.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditAsset.mjs","sources":["../../../admin/src/hooks/useEditAsset.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification, useFetchClient, FetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { UpdateFile, File as FileAsset } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\nexport type ErrorMutation = {\n  message: string;\n  response: {\n    status: number;\n    data: {\n      error: Error;\n    };\n  };\n} | null;\n\nconst editAssetRequest = (\n  asset: FileAsset,\n  file: File,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  post: FetchClient['post']\n) => {\n  const endpoint = `/${pluginId}?id=${asset.id}`;\n\n  const formData = new FormData();\n\n  if (file) {\n    formData.append('files', file);\n  }\n\n  formData.append(\n    'fileInfo',\n    JSON.stringify({\n      alternativeText: asset.alternativeText,\n      caption: asset.caption,\n      folder: asset.folder,\n      name: asset.name,\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 useEditAsset = () => {\n  const [progress, setProgress] = React.useState(0);\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const { post } = useFetchClient();\n\n  const mutation = useMutation<\n    UpdateFile.Response['data'],\n    ErrorMutation,\n    { asset: FileAsset; file: File }\n  >(({ asset, file }) => editAssetRequest(asset, file, signal, setProgress, post), {\n    onSuccess() {\n      queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n      queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n      queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n    },\n    onError(reason) {\n      if (reason?.response?.status === 403) {\n        toggleNotification({\n          type: 'info',\n          message: formatMessage({ id: getTrad('permissions.not-allowed.update') }),\n        });\n      } else {\n        toggleNotification({ type: 'danger', message: reason?.message });\n      }\n    },\n  });\n\n  const editAsset = (asset: FileAsset, file: File) => mutation.mutateAsync({ asset, file });\n\n  const cancel = () => abortController.abort();\n\n  return { ...mutation, cancel, editAsset, progress, status: mutation.status };\n};\n"],"names":["editAssetRequest","asset","file","signal","onProgress","post","endpoint","pluginId","id","formData","FormData","append","JSON","stringify","alternativeText","caption","folder","name","then","res","data","useEditAsset","progress","setProgress","React","useState","formatMessage","useIntl","toggleNotification","useNotification","queryClient","useQueryClient","abortController","AbortController","useFetchClient","mutation","useMutation","onSuccess","refetchQueries","active","onError","reason","response","status","type","message","getTrad","editAsset","mutateAsync","cancel","abort"],"mappings":"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"}

package/dist/admin/hooks/useEditFolder.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactQuery = require('react-query');
+var pluginId = require('../pluginId.js');
+
+const editFolderRequest = (put, post, { attrs, id })=>{
+    const isEditing = !!id;
+    const method = isEditing ? put : post;
+    return method(`/upload/folders/${id ?? ''}`, attrs).then((res)=>res.data);
+};
+const useEditFolder = ()=>{
+    const queryClient = reactQuery.useQueryClient();
+    const { put, post } = strapiAdmin.useFetchClient();
+    const mutation = reactQuery.useMutation((...args)=>editFolderRequest(put, post, ...args), {
+        async onSuccess () {
+            await queryClient.refetchQueries([
+                pluginId.pluginId,
+                'folders'
+            ], {
+                active: true
+            });
+            await queryClient.refetchQueries([
+                pluginId.pluginId,
+                'folder',
+                'structure'
+            ], {
+                active: true
+            });
+        }
+    });
+    const editFolder = (attrs, id)=>mutation.mutateAsync({
+            attrs,
+            id
+        });
+    return {
+        ...mutation,
+        editFolder,
+        status: mutation.status
+    };
+};
+
+exports.useEditFolder = useEditFolder;
+//# sourceMappingURL=useEditFolder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditFolder.js","sources":["../../../admin/src/hooks/useEditFolder.ts"],"sourcesContent":["import { useFetchClient, FetchClient } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { CreateFolders, UpdateFolder } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\n\ninterface EditFolderRequestParams {\n  attrs: CreateFolders.Request['body'] | UpdateFolder.Request['body'];\n  id?: UpdateFolder.Request['params']['id'];\n}\n\nconst editFolderRequest = (\n  put: FetchClient['put'],\n  post: FetchClient['post'],\n  { attrs, id }: EditFolderRequestParams\n): Promise<UpdateFolder.Response['data'] | CreateFolders.Response['data']> => {\n  const isEditing = !!id;\n  const method = isEditing ? put : post;\n\n  return method(`/upload/folders/${id ?? ''}`, attrs).then((res) => res.data);\n};\n\nexport const useEditFolder = () => {\n  const queryClient = useQueryClient();\n  const { put, post } = useFetchClient();\n\n  const mutation = useMutation<\n    UpdateFolder.Response['data'] | CreateFolders.Response['data'],\n    UpdateFolder.Response['error'] | CreateFolders.Response['error'],\n    EditFolderRequestParams\n  >((...args) => editFolderRequest(put, post, ...args), {\n    async onSuccess() {\n      await queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n      await queryClient.refetchQueries([pluginId, 'folder', 'structure'], { active: true });\n    },\n  });\n\n  const editFolder = (\n    attrs: EditFolderRequestParams['attrs'],\n    id?: EditFolderRequestParams['id']\n  ) => mutation.mutateAsync({ attrs, id });\n\n  return { ...mutation, editFolder, status: mutation.status };\n};\n"],"names":["editFolderRequest","put","post","attrs","id","isEditing","method","then","res","data","useEditFolder","queryClient","useQueryClient","useFetchClient","mutation","useMutation","args","onSuccess","refetchQueries","pluginId","active","editFolder","mutateAsync","status"],"mappings":";;;;;;AAWA,MAAMA,iBAAAA,GAAoB,CACxBC,GACAC,EAAAA,IAAAA,EACA,EAAEC,KAAK,EAAEC,EAAE,EAA2B,GAAA;IAEtC,MAAMC,SAAAA,GAAY,CAAC,CAACD,EAAAA;IACpB,MAAME,MAAAA,GAASD,YAAYJ,GAAMC,GAAAA,IAAAA;AAEjC,IAAA,OAAOI,MAAO,CAAA,CAAC,gBAAgB,EAAEF,MAAM,EAAG,CAAA,CAAC,EAAED,KAAAA,CAAAA,CAAOI,IAAI,CAAC,CAACC,GAAAA,GAAQA,IAAIC,IAAI,CAAA;AAC5E,CAAA;MAEaC,aAAgB,GAAA,IAAA;AAC3B,IAAA,MAAMC,WAAcC,GAAAA,yBAAAA,EAAAA;AACpB,IAAA,MAAM,EAAEX,GAAG,EAAEC,IAAI,EAAE,GAAGW,0BAAAA,EAAAA;IAEtB,MAAMC,QAAAA,GAAWC,uBAIf,CAAC,GAAGC,OAAShB,iBAAkBC,CAAAA,GAAAA,EAAKC,SAASc,IAAO,CAAA,EAAA;QACpD,MAAMC,SAAAA,CAAAA,GAAAA;YACJ,MAAMN,WAAAA,CAAYO,cAAc,CAAC;AAACC,gBAAAA,iBAAAA;AAAU,gBAAA;aAAU,EAAE;gBAAEC,MAAQ,EAAA;AAAK,aAAA,CAAA;YACvE,MAAMT,WAAAA,CAAYO,cAAc,CAAC;AAACC,gBAAAA,iBAAAA;AAAU,gBAAA,QAAA;AAAU,gBAAA;aAAY,EAAE;gBAAEC,MAAQ,EAAA;AAAK,aAAA,CAAA;AACrF;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,aAAa,CACjBlB,KAAAA,EACAC,EACGU,GAAAA,QAAAA,CAASQ,WAAW,CAAC;AAAEnB,YAAAA,KAAAA;AAAOC,YAAAA;AAAG,SAAA,CAAA;IAEtC,OAAO;AAAE,QAAA,GAAGU,QAAQ;AAAEO,QAAAA,UAAAA;AAAYE,QAAAA,MAAAA,EAAQT,SAASS;AAAO,KAAA;AAC5D;;;;"}

package/dist/admin/hooks/useEditFolder.mjs

@@ -0,0 +1,42 @@
+import { useFetchClient } from '@strapi/admin/strapi-admin';
+import { useQueryClient, useMutation } from 'react-query';
+import { pluginId } from '../pluginId.mjs';
+
+const editFolderRequest = (put, post, { attrs, id })=>{
+    const isEditing = !!id;
+    const method = isEditing ? put : post;
+    return method(`/upload/folders/${id ?? ''}`, attrs).then((res)=>res.data);
+};
+const useEditFolder = ()=>{
+    const queryClient = useQueryClient();
+    const { put, post } = useFetchClient();
+    const mutation = useMutation((...args)=>editFolderRequest(put, post, ...args), {
+        async onSuccess () {
+            await queryClient.refetchQueries([
+                pluginId,
+                'folders'
+            ], {
+                active: true
+            });
+            await queryClient.refetchQueries([
+                pluginId,
+                'folder',
+                'structure'
+            ], {
+                active: true
+            });
+        }
+    });
+    const editFolder = (attrs, id)=>mutation.mutateAsync({
+            attrs,
+            id
+        });
+    return {
+        ...mutation,
+        editFolder,
+        status: mutation.status
+    };
+};
+
+export { useEditFolder };
+//# sourceMappingURL=useEditFolder.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditFolder.mjs","sources":["../../../admin/src/hooks/useEditFolder.ts"],"sourcesContent":["import { useFetchClient, FetchClient } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { CreateFolders, UpdateFolder } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\n\ninterface EditFolderRequestParams {\n  attrs: CreateFolders.Request['body'] | UpdateFolder.Request['body'];\n  id?: UpdateFolder.Request['params']['id'];\n}\n\nconst editFolderRequest = (\n  put: FetchClient['put'],\n  post: FetchClient['post'],\n  { attrs, id }: EditFolderRequestParams\n): Promise<UpdateFolder.Response['data'] | CreateFolders.Response['data']> => {\n  const isEditing = !!id;\n  const method = isEditing ? put : post;\n\n  return method(`/upload/folders/${id ?? ''}`, attrs).then((res) => res.data);\n};\n\nexport const useEditFolder = () => {\n  const queryClient = useQueryClient();\n  const { put, post } = useFetchClient();\n\n  const mutation = useMutation<\n    UpdateFolder.Response['data'] | CreateFolders.Response['data'],\n    UpdateFolder.Response['error'] | CreateFolders.Response['error'],\n    EditFolderRequestParams\n  >((...args) => editFolderRequest(put, post, ...args), {\n    async onSuccess() {\n      await queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n      await queryClient.refetchQueries([pluginId, 'folder', 'structure'], { active: true });\n    },\n  });\n\n  const editFolder = (\n    attrs: EditFolderRequestParams['attrs'],\n    id?: EditFolderRequestParams['id']\n  ) => mutation.mutateAsync({ attrs, id });\n\n  return { ...mutation, editFolder, status: mutation.status };\n};\n"],"names":["editFolderRequest","put","post","attrs","id","isEditing","method","then","res","data","useEditFolder","queryClient","useQueryClient","useFetchClient","mutation","useMutation","args","onSuccess","refetchQueries","pluginId","active","editFolder","mutateAsync","status"],"mappings":";;;;AAWA,MAAMA,iBAAAA,GAAoB,CACxBC,GACAC,EAAAA,IAAAA,EACA,EAAEC,KAAK,EAAEC,EAAE,EAA2B,GAAA;IAEtC,MAAMC,SAAAA,GAAY,CAAC,CAACD,EAAAA;IACpB,MAAME,MAAAA,GAASD,YAAYJ,GAAMC,GAAAA,IAAAA;AAEjC,IAAA,OAAOI,MAAO,CAAA,CAAC,gBAAgB,EAAEF,MAAM,EAAG,CAAA,CAAC,EAAED,KAAAA,CAAAA,CAAOI,IAAI,CAAC,CAACC,GAAAA,GAAQA,IAAIC,IAAI,CAAA;AAC5E,CAAA;MAEaC,aAAgB,GAAA,IAAA;AAC3B,IAAA,MAAMC,WAAcC,GAAAA,cAAAA,EAAAA;AACpB,IAAA,MAAM,EAAEX,GAAG,EAAEC,IAAI,EAAE,GAAGW,cAAAA,EAAAA;IAEtB,MAAMC,QAAAA,GAAWC,YAIf,CAAC,GAAGC,OAAShB,iBAAkBC,CAAAA,GAAAA,EAAKC,SAASc,IAAO,CAAA,EAAA;QACpD,MAAMC,SAAAA,CAAAA,GAAAA;YACJ,MAAMN,WAAAA,CAAYO,cAAc,CAAC;AAACC,gBAAAA,QAAAA;AAAU,gBAAA;aAAU,EAAE;gBAAEC,MAAQ,EAAA;AAAK,aAAA,CAAA;YACvE,MAAMT,WAAAA,CAAYO,cAAc,CAAC;AAACC,gBAAAA,QAAAA;AAAU,gBAAA,QAAA;AAAU,gBAAA;aAAY,EAAE;gBAAEC,MAAQ,EAAA;AAAK,aAAA,CAAA;AACrF;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,aAAa,CACjBlB,KAAAA,EACAC,EACGU,GAAAA,QAAAA,CAASQ,WAAW,CAAC;AAAEnB,YAAAA,KAAAA;AAAOC,YAAAA;AAAG,SAAA,CAAA;IAEtC,OAAO;AAAE,QAAA,GAAGU,QAAQ;AAAEO,QAAAA,UAAAA;AAAYE,QAAAA,MAAAA,EAAQT,SAASS;AAAO,KAAA;AAC5D;;;;"}

package/dist/admin/hooks/useFolder.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');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../utils/getTrad.js');
+require('qs');
+require('../constants.js');
+require('../utils/urlYupSchema.js');
+
+const useFolder = (id, { enabled = true } = {})=>{
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { get } = strapiAdmin.useFetchClient();
+    const { formatMessage } = reactIntl.useIntl();
+    const { data, error, isLoading } = reactQuery.useQuery([
+        pluginId.pluginId,
+        'folder',
+        id
+    ], async ()=>{
+        const { data: { data } } = await get(`/upload/folders/${id}`, {
+            params: {
+                populate: {
+                    parent: {
+                        populate: {
+                            parent: '*'
+                        }
+                    }
+                }
+            }
+        });
+        return data;
+    }, {
+        retry: false,
+        enabled,
+        staleTime: 0,
+        cacheTime: 0,
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTrad.getTrad('notification.warning.404'),
+                    defaultMessage: 'Not found'
+                })
+            });
+        }
+    });
+    return {
+        data,
+        error,
+        isLoading
+    };
+};
+
+exports.useFolder = useFolder;
+//# sourceMappingURL=useFolder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFolder.js","sources":["../../../admin/src/hooks/useFolder.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\n\nimport { GetFolder } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\nexport const useFolder = (id: number | null | undefined, { enabled = true } = {}) => {\n  const { toggleNotification } = useNotification();\n  const { get } = useFetchClient();\n  const { formatMessage } = useIntl();\n\n  const { data, error, isLoading } = useQuery<\n    GetFolder.Response['data'],\n    GetFolder.Response['error']\n  >(\n    [pluginId, 'folder', id],\n    async () => {\n      const {\n        data: { data },\n      } = await get(`/upload/folders/${id}`, {\n        params: {\n          populate: {\n            parent: {\n              populate: {\n                parent: '*',\n              },\n            },\n          },\n        },\n      });\n\n      return data;\n    },\n    {\n      retry: false,\n      enabled,\n      staleTime: 0,\n      cacheTime: 0,\n      onError() {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTrad('notification.warning.404'),\n            defaultMessage: 'Not found',\n          }),\n        });\n      },\n    }\n  );\n\n  return { data, error, isLoading };\n};\n"],"names":["useFolder","id","enabled","toggleNotification","useNotification","get","useFetchClient","formatMessage","useIntl","data","error","isLoading","useQuery","pluginId","params","populate","parent","retry","staleTime","cacheTime","onError","type","message","getTrad","defaultMessage"],"mappings":";;;;;;;;;;;;;AAQO,MAAMA,SAAY,GAAA,CAACC,EAA+B,EAAA,EAAEC,UAAU,IAAI,EAAE,GAAG,EAAE,GAAA;IAC9E,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;IAC/B,MAAM,EAAEC,GAAG,EAAE,GAAGC,0BAAAA,EAAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,mBAIjC,CAAA;AAACC,QAAAA,iBAAAA;AAAU,QAAA,QAAA;AAAUZ,QAAAA;KAAG,EACxB,UAAA;AACE,QAAA,MAAM,EACJQ,IAAAA,EAAM,EAAEA,IAAI,EAAE,EACf,GAAG,MAAMJ,GAAAA,CAAI,CAAC,gBAAgB,EAAEJ,EAAAA,CAAG,CAAC,EAAE;YACrCa,MAAQ,EAAA;gBACNC,QAAU,EAAA;oBACRC,MAAQ,EAAA;wBACND,QAAU,EAAA;4BACRC,MAAQ,EAAA;AACV;AACF;AACF;AACF;AACF,SAAA,CAAA;QAEA,OAAOP,IAAAA;KAET,EAAA;QACEQ,KAAO,EAAA,KAAA;AACPf,QAAAA,OAAAA;QACAgB,SAAW,EAAA,CAAA;QACXC,SAAW,EAAA,CAAA;AACXC,QAAAA,OAAAA,CAAAA,GAAAA;YACEjB,kBAAmB,CAAA;gBACjBkB,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASf,aAAc,CAAA;AACrBN,oBAAAA,EAAAA,EAAIsB,eAAQ,CAAA,0BAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA,CAAA;IAGF,OAAO;AAAEf,QAAAA,IAAAA;AAAMC,QAAAA,KAAAA;AAAOC,QAAAA;AAAU,KAAA;AAClC;;;;"}

package/dist/admin/hooks/useFolder.mjs

@@ -0,0 +1,56 @@
+import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useQuery } 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 useFolder = (id, { enabled = true } = {})=>{
+    const { toggleNotification } = useNotification();
+    const { get } = useFetchClient();
+    const { formatMessage } = useIntl();
+    const { data, error, isLoading } = useQuery([
+        pluginId,
+        'folder',
+        id
+    ], async ()=>{
+        const { data: { data } } = await get(`/upload/folders/${id}`, {
+            params: {
+                populate: {
+                    parent: {
+                        populate: {
+                            parent: '*'
+                        }
+                    }
+                }
+            }
+        });
+        return data;
+    }, {
+        retry: false,
+        enabled,
+        staleTime: 0,
+        cacheTime: 0,
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTrad('notification.warning.404'),
+                    defaultMessage: 'Not found'
+                })
+            });
+        }
+    });
+    return {
+        data,
+        error,
+        isLoading
+    };
+};
+
+export { useFolder };
+//# sourceMappingURL=useFolder.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFolder.mjs","sources":["../../../admin/src/hooks/useFolder.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\n\nimport { GetFolder } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\nexport const useFolder = (id: number | null | undefined, { enabled = true } = {}) => {\n  const { toggleNotification } = useNotification();\n  const { get } = useFetchClient();\n  const { formatMessage } = useIntl();\n\n  const { data, error, isLoading } = useQuery<\n    GetFolder.Response['data'],\n    GetFolder.Response['error']\n  >(\n    [pluginId, 'folder', id],\n    async () => {\n      const {\n        data: { data },\n      } = await get(`/upload/folders/${id}`, {\n        params: {\n          populate: {\n            parent: {\n              populate: {\n                parent: '*',\n              },\n            },\n          },\n        },\n      });\n\n      return data;\n    },\n    {\n      retry: false,\n      enabled,\n      staleTime: 0,\n      cacheTime: 0,\n      onError() {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTrad('notification.warning.404'),\n            defaultMessage: 'Not found',\n          }),\n        });\n      },\n    }\n  );\n\n  return { data, error, isLoading };\n};\n"],"names":["useFolder","id","enabled","toggleNotification","useNotification","get","useFetchClient","formatMessage","useIntl","data","error","isLoading","useQuery","pluginId","params","populate","parent","retry","staleTime","cacheTime","onError","type","message","getTrad","defaultMessage"],"mappings":";;;;;;;;;;;AAQO,MAAMA,SAAY,GAAA,CAACC,EAA+B,EAAA,EAAEC,UAAU,IAAI,EAAE,GAAG,EAAE,GAAA;IAC9E,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAC/B,MAAM,EAAEC,GAAG,EAAE,GAAGC,cAAAA,EAAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,QAIjC,CAAA;AAACC,QAAAA,QAAAA;AAAU,QAAA,QAAA;AAAUZ,QAAAA;KAAG,EACxB,UAAA;AACE,QAAA,MAAM,EACJQ,IAAAA,EAAM,EAAEA,IAAI,EAAE,EACf,GAAG,MAAMJ,GAAAA,CAAI,CAAC,gBAAgB,EAAEJ,EAAAA,CAAG,CAAC,EAAE;YACrCa,MAAQ,EAAA;gBACNC,QAAU,EAAA;oBACRC,MAAQ,EAAA;wBACND,QAAU,EAAA;4BACRC,MAAQ,EAAA;AACV;AACF;AACF;AACF;AACF,SAAA,CAAA;QAEA,OAAOP,IAAAA;KAET,EAAA;QACEQ,KAAO,EAAA,KAAA;AACPf,QAAAA,OAAAA;QACAgB,SAAW,EAAA,CAAA;QACXC,SAAW,EAAA,CAAA;AACXC,QAAAA,OAAAA,CAAAA,GAAAA;YACEjB,kBAAmB,CAAA;gBACjBkB,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASf,aAAc,CAAA;AACrBN,oBAAAA,EAAAA,EAAIsB,OAAQ,CAAA,0BAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA,CAAA;IAGF,OAAO;AAAEf,QAAAA,IAAAA;AAAMC,QAAAA,KAAAA;AAAOC,QAAAA;AAAU,KAAA;AAClC;;;;"}

package/dist/admin/hooks/useFolderStructure.js

@@ -0,0 +1,53 @@
+'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');
+var renameKeys = require('./utils/renameKeys.js');
+
+const FIELD_MAPPING = {
+    name: 'label',
+    id: 'value'
+};
+const useFolderStructure = ({ enabled = true } = {})=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { get } = strapiAdmin.useFetchClient();
+    const fetchFolderStructure = async ()=>{
+        const { data: { data } } = await get('/upload/folder-structure');
+        const children = data.map((f)=>renameKeys.recursiveRenameKeys(f, (key)=>FIELD_MAPPING?.[key] ?? key));
+        return [
+            {
+                value: null,
+                label: formatMessage({
+                    id: getTrad.getTrad('form.input.label.folder-location-default-label'),
+                    defaultMessage: 'Media Library'
+                }),
+                children
+            }
+        ];
+    };
+    const { data, error, isLoading } = reactQuery.useQuery([
+        pluginId.pluginId,
+        'folder',
+        'structure'
+    ], fetchFolderStructure, {
+        enabled,
+        staleTime: 0,
+        cacheTime: 0
+    });
+    return {
+        data,
+        error,
+        isLoading
+    };
+};
+
+exports.useFolderStructure = useFolderStructure;
+//# sourceMappingURL=useFolderStructure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFolderStructure.js","sources":["../../../admin/src/hooks/useFolderStructure.ts"],"sourcesContent":["import { useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\n\nimport { FolderNode, GetFolderStructure } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\nimport { recursiveRenameKeys } from './utils/renameKeys';\n\nconst FIELD_MAPPING: Record<string, string> = {\n  name: 'label',\n  id: 'value',\n};\n\ninterface FolderNodeWithChildren extends Omit<FolderNode, 'children'> {\n  children: FolderNodeWithChildren[];\n  label?: string;\n  value: string | number | null;\n}\n\nexport const useFolderStructure = ({ enabled = true } = {}) => {\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n\n  const fetchFolderStructure = async () => {\n    const {\n      data: { data },\n    } = await get<GetFolderStructure.Response['data']>('/upload/folder-structure');\n    const children = data.map((f: FolderNodeWithChildren) =>\n      recursiveRenameKeys(f, (key) => FIELD_MAPPING?.[key] ?? key)\n    );\n\n    return [\n      {\n        value: null,\n        label: formatMessage({\n          id: getTrad('form.input.label.folder-location-default-label'),\n          defaultMessage: 'Media Library',\n        }),\n        children,\n      },\n    ];\n  };\n\n  const { data, error, isLoading } = useQuery(\n    [pluginId, 'folder', 'structure'],\n    fetchFolderStructure,\n    {\n      enabled,\n      staleTime: 0,\n      cacheTime: 0,\n    }\n  );\n\n  return { data, error, isLoading };\n};\n"],"names":["FIELD_MAPPING","name","id","useFolderStructure","enabled","formatMessage","useIntl","get","useFetchClient","fetchFolderStructure","data","children","map","f","recursiveRenameKeys","key","value","label","getTrad","defaultMessage","error","isLoading","useQuery","pluginId","staleTime","cacheTime"],"mappings":";;;;;;;;;;;;;;AAUA,MAAMA,aAAwC,GAAA;IAC5CC,IAAM,EAAA,OAAA;IACNC,EAAI,EAAA;AACN,CAAA;AAQO,MAAMC,qBAAqB,CAAC,EAAEC,UAAU,IAAI,EAAE,GAAG,EAAE,GAAA;IACxD,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,GAAG,EAAE,GAAGC,0BAAAA,EAAAA;AAEhB,IAAA,MAAMC,oBAAuB,GAAA,UAAA;QAC3B,MAAM,EACJC,MAAM,EAAEA,IAAI,EAAE,EACf,GAAG,MAAMH,GAAyC,CAAA,0BAAA,CAAA;AACnD,QAAA,MAAMI,QAAWD,GAAAA,IAAAA,CAAKE,GAAG,CAAC,CAACC,CAAAA,GACzBC,8BAAoBD,CAAAA,CAAAA,EAAG,CAACE,GAAAA,GAAQf,aAAe,GAACe,IAAI,IAAIA,GAAAA,CAAAA,CAAAA;QAG1D,OAAO;AACL,YAAA;gBACEC,KAAO,EAAA,IAAA;AACPC,gBAAAA,KAAAA,EAAOZ,aAAc,CAAA;AACnBH,oBAAAA,EAAAA,EAAIgB,eAAQ,CAAA,gDAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA,CAAA;AACAR,gBAAAA;AACF;AACD,SAAA;AACH,KAAA;IAEA,MAAM,EAAED,IAAI,EAAEU,KAAK,EAAEC,SAAS,EAAE,GAAGC,mBACjC,CAAA;AAACC,QAAAA,iBAAAA;AAAU,QAAA,QAAA;AAAU,QAAA;AAAY,KAAA,EACjCd,oBACA,EAAA;AACEL,QAAAA,OAAAA;QACAoB,SAAW,EAAA,CAAA;QACXC,SAAW,EAAA;AACb,KAAA,CAAA;IAGF,OAAO;AAAEf,QAAAA,IAAAA;AAAMU,QAAAA,KAAAA;AAAOC,QAAAA;AAAU,KAAA;AAClC;;;;"}

package/dist/admin/hooks/useFolderStructure.mjs

@@ -0,0 +1,51 @@
+import { useFetchClient } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useQuery } 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';
+import { recursiveRenameKeys } from './utils/renameKeys.mjs';
+
+const FIELD_MAPPING = {
+    name: 'label',
+    id: 'value'
+};
+const useFolderStructure = ({ enabled = true } = {})=>{
+    const { formatMessage } = useIntl();
+    const { get } = useFetchClient();
+    const fetchFolderStructure = async ()=>{
+        const { data: { data } } = await get('/upload/folder-structure');
+        const children = data.map((f)=>recursiveRenameKeys(f, (key)=>FIELD_MAPPING?.[key] ?? key));
+        return [
+            {
+                value: null,
+                label: formatMessage({
+                    id: getTrad('form.input.label.folder-location-default-label'),
+                    defaultMessage: 'Media Library'
+                }),
+                children
+            }
+        ];
+    };
+    const { data, error, isLoading } = useQuery([
+        pluginId,
+        'folder',
+        'structure'
+    ], fetchFolderStructure, {
+        enabled,
+        staleTime: 0,
+        cacheTime: 0
+    });
+    return {
+        data,
+        error,
+        isLoading
+    };
+};
+
+export { useFolderStructure };
+//# sourceMappingURL=useFolderStructure.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFolderStructure.mjs","sources":["../../../admin/src/hooks/useFolderStructure.ts"],"sourcesContent":["import { useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\n\nimport { FolderNode, GetFolderStructure } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\nimport { recursiveRenameKeys } from './utils/renameKeys';\n\nconst FIELD_MAPPING: Record<string, string> = {\n  name: 'label',\n  id: 'value',\n};\n\ninterface FolderNodeWithChildren extends Omit<FolderNode, 'children'> {\n  children: FolderNodeWithChildren[];\n  label?: string;\n  value: string | number | null;\n}\n\nexport const useFolderStructure = ({ enabled = true } = {}) => {\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n\n  const fetchFolderStructure = async () => {\n    const {\n      data: { data },\n    } = await get<GetFolderStructure.Response['data']>('/upload/folder-structure');\n    const children = data.map((f: FolderNodeWithChildren) =>\n      recursiveRenameKeys(f, (key) => FIELD_MAPPING?.[key] ?? key)\n    );\n\n    return [\n      {\n        value: null,\n        label: formatMessage({\n          id: getTrad('form.input.label.folder-location-default-label'),\n          defaultMessage: 'Media Library',\n        }),\n        children,\n      },\n    ];\n  };\n\n  const { data, error, isLoading } = useQuery(\n    [pluginId, 'folder', 'structure'],\n    fetchFolderStructure,\n    {\n      enabled,\n      staleTime: 0,\n      cacheTime: 0,\n    }\n  );\n\n  return { data, error, isLoading };\n};\n"],"names":["FIELD_MAPPING","name","id","useFolderStructure","enabled","formatMessage","useIntl","get","useFetchClient","fetchFolderStructure","data","children","map","f","recursiveRenameKeys","key","value","label","getTrad","defaultMessage","error","isLoading","useQuery","pluginId","staleTime","cacheTime"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,aAAwC,GAAA;IAC5CC,IAAM,EAAA,OAAA;IACNC,EAAI,EAAA;AACN,CAAA;AAQO,MAAMC,qBAAqB,CAAC,EAAEC,UAAU,IAAI,EAAE,GAAG,EAAE,GAAA;IACxD,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,GAAG,EAAE,GAAGC,cAAAA,EAAAA;AAEhB,IAAA,MAAMC,oBAAuB,GAAA,UAAA;QAC3B,MAAM,EACJC,MAAM,EAAEA,IAAI,EAAE,EACf,GAAG,MAAMH,GAAyC,CAAA,0BAAA,CAAA;AACnD,QAAA,MAAMI,QAAWD,GAAAA,IAAAA,CAAKE,GAAG,CAAC,CAACC,CAAAA,GACzBC,mBAAoBD,CAAAA,CAAAA,EAAG,CAACE,GAAAA,GAAQf,aAAe,GAACe,IAAI,IAAIA,GAAAA,CAAAA,CAAAA;QAG1D,OAAO;AACL,YAAA;gBACEC,KAAO,EAAA,IAAA;AACPC,gBAAAA,KAAAA,EAAOZ,aAAc,CAAA;AACnBH,oBAAAA,EAAAA,EAAIgB,OAAQ,CAAA,gDAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA,CAAA;AACAR,gBAAAA;AACF;AACD,SAAA;AACH,KAAA;IAEA,MAAM,EAAED,IAAI,EAAEU,KAAK,EAAEC,SAAS,EAAE,GAAGC,QACjC,CAAA;AAACC,QAAAA,QAAAA;AAAU,QAAA,QAAA;AAAU,QAAA;AAAY,KAAA,EACjCd,oBACA,EAAA;AACEL,QAAAA,OAAAA;QACAoB,SAAW,EAAA,CAAA;QACXC,SAAW,EAAA;AACb,KAAA,CAAA;IAGF,OAAO;AAAEf,QAAAA,IAAAA;AAAMU,QAAAA,KAAAA;AAAOC,QAAAA;AAAU,KAAA;AAClC;;;;"}

package/dist/admin/hooks/useFolders.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var qs = require('qs');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var pluginId = require('../pluginId.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const useFolders = ({ enabled = true, query = {} } = {})=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { notifyStatus } = designSystem.useNotifyAT();
+    const { folder, _q, ...paramsExceptFolderAndQ } = query;
+    const { get } = strapiAdmin.useFetchClient();
+    let params;
+    if (_q) {
+        params = {
+            ...paramsExceptFolderAndQ,
+            pagination: {
+                pageSize: -1
+            },
+            _q
+        };
+    } else {
+        params = {
+            ...paramsExceptFolderAndQ,
+            pagination: {
+                pageSize: -1
+            },
+            filters: {
+                $and: [
+                    ...paramsExceptFolderAndQ?.filters?.$and ?? [],
+                    {
+                        parent: {
+                            id: folder ?? {
+                                $null: true
+                            }
+                        }
+                    }
+                ]
+            }
+        };
+    }
+    const { data, error, isLoading } = reactQuery.useQuery([
+        pluginId.pluginId,
+        'folders',
+        qs.stringify(params)
+    ], async ()=>{
+        const { data: { data } } = await get('/upload/folders', {
+            params
+        });
+        return data;
+    }, {
+        enabled,
+        staleTime: 0,
+        cacheTime: 0,
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error'
+                })
+            });
+        }
+    });
+    React__namespace.useEffect(()=>{
+        if (data) {
+            notifyStatus(formatMessage({
+                id: 'list.asset.at.finished',
+                defaultMessage: 'The folders have finished loading.'
+            }));
+        }
+    }, [
+        data,
+        formatMessage,
+        notifyStatus
+    ]);
+    return {
+        data,
+        error,
+        isLoading
+    };
+};
+
+exports.useFolders = useFolders;
+//# sourceMappingURL=useFolders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFolders.js","sources":["../../../admin/src/hooks/useFolders.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useNotifyAT } from '@strapi/design-system';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\n\nimport { GetFolders } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\n\nimport type { Query } from '../../../shared/contracts/files';\n\ninterface UseFoldersOptions {\n  enabled?: boolean;\n  query?: Query;\n}\n\nexport const useFolders = ({ enabled = true, query = {} }: UseFoldersOptions = {}) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { notifyStatus } = useNotifyAT();\n  const { folder, _q, ...paramsExceptFolderAndQ } = query;\n  const { get } = useFetchClient();\n\n  let params: Query;\n\n  if (_q) {\n    params = {\n      ...paramsExceptFolderAndQ,\n      pagination: {\n        pageSize: -1,\n      },\n      _q,\n    };\n  } else {\n    params = {\n      ...paramsExceptFolderAndQ,\n      pagination: {\n        pageSize: -1,\n      },\n      filters: {\n        $and: [\n          ...(paramsExceptFolderAndQ?.filters?.$and ?? []),\n          {\n            parent: {\n              id: folder ?? {\n                $null: true,\n              },\n            },\n          },\n        ],\n      },\n    };\n  }\n\n  const { data, error, isLoading } = useQuery<\n    GetFolders.Response['data'],\n    GetFolders.Response['error']\n  >(\n    [pluginId, 'folders', stringify(params)],\n    async () => {\n      const {\n        data: { data },\n      } = await get<GetFolders.Response>('/upload/folders', { params });\n\n      return data;\n    },\n    {\n      enabled,\n      staleTime: 0,\n      cacheTime: 0,\n      onError() {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error' }),\n        });\n      },\n    }\n  );\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage({\n          id: 'list.asset.at.finished',\n          defaultMessage: 'The folders have finished loading.',\n        })\n      );\n    }\n  }, [data, formatMessage, notifyStatus]);\n\n  return { data, error, isLoading };\n};\n"],"names":["useFolders","enabled","query","formatMessage","useIntl","toggleNotification","useNotification","notifyStatus","useNotifyAT","folder","_q","paramsExceptFolderAndQ","get","useFetchClient","params","pagination","pageSize","filters","$and","parent","id","$null","data","error","isLoading","useQuery","pluginId","stringify","staleTime","cacheTime","onError","type","message","React","useEffect","defaultMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBaA,MAAAA,UAAAA,GAAa,CAAC,EAAEC,OAAU,GAAA,IAAI,EAAEC,KAAAA,GAAQ,EAAE,EAAqB,GAAG,EAAE,GAAA;IAC/E,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;IAC/B,MAAM,EAAEC,YAAY,EAAE,GAAGC,wBAAAA,EAAAA;AACzB,IAAA,MAAM,EAAEC,MAAM,EAAEC,EAAE,EAAE,GAAGC,wBAAwB,GAAGT,KAAAA;IAClD,MAAM,EAAEU,GAAG,EAAE,GAAGC,0BAAAA,EAAAA;IAEhB,IAAIC,MAAAA;AAEJ,IAAA,IAAIJ,EAAI,EAAA;QACNI,MAAS,GAAA;AACP,YAAA,GAAGH,sBAAsB;YACzBI,UAAY,EAAA;AACVC,gBAAAA,QAAAA,EAAU,CAAC;AACb,aAAA;AACAN,YAAAA;AACF,SAAA;KACK,MAAA;QACLI,MAAS,GAAA;AACP,YAAA,GAAGH,sBAAsB;YACzBI,UAAY,EAAA;AACVC,gBAAAA,QAAAA,EAAU,CAAC;AACb,aAAA;YACAC,OAAS,EAAA;gBACPC,IAAM,EAAA;uBACAP,sBAAwBM,EAAAA,OAAAA,EAASC,QAAQ,EAAE;AAC/C,oBAAA;wBACEC,MAAQ,EAAA;AACNC,4BAAAA,EAAAA,EAAIX,MAAU,IAAA;gCACZY,KAAO,EAAA;AACT;AACF;AACF;AACD;AACH;AACF,SAAA;AACF;IAEA,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,mBAIjC,CAAA;AAACC,QAAAA,iBAAAA;AAAU,QAAA,SAAA;QAAWC,YAAUb,CAAAA,MAAAA;KAAQ,EACxC,UAAA;QACE,MAAM,EACJQ,MAAM,EAAEA,IAAI,EAAE,EACf,GAAG,MAAMV,GAAAA,CAAyB,iBAAmB,EAAA;AAAEE,YAAAA;AAAO,SAAA,CAAA;QAE/D,OAAOQ,IAAAA;KAET,EAAA;AACErB,QAAAA,OAAAA;QACA2B,SAAW,EAAA,CAAA;QACXC,SAAW,EAAA,CAAA;AACXC,QAAAA,OAAAA,CAAAA,GAAAA;YACEzB,kBAAmB,CAAA;gBACjB0B,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAAS7B,aAAc,CAAA;oBAAEiB,EAAI,EAAA;AAAqB,iBAAA;AACpD,aAAA,CAAA;AACF;AACF,KAAA,CAAA;AAGFa,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;AACd,QAAA,IAAIZ,IAAM,EAAA;AACRf,YAAAA,YAAAA,CACEJ,aAAc,CAAA;gBACZiB,EAAI,EAAA,wBAAA;gBACJe,cAAgB,EAAA;AAClB,aAAA,CAAA,CAAA;AAEJ;KACC,EAAA;AAACb,QAAAA,IAAAA;AAAMnB,QAAAA,aAAAA;AAAeI,QAAAA;AAAa,KAAA,CAAA;IAEtC,OAAO;AAAEe,QAAAA,IAAAA;AAAMC,QAAAA,KAAAA;AAAOC,QAAAA;AAAU,KAAA;AAClC;;;;"}