@strapi/upload 5.12.1 → 5.12.3

package/dist/admin/components/ContextInfo/ContextInfo.mjs

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Grid, Flex, Typography } from '@strapi/design-system';
+
+const ContextInfo = ({ blocks })=>{
+    return /*#__PURE__*/ jsx(Box, {
+        hasRadius: true,
+        paddingLeft: 6,
+        paddingRight: 6,
+        paddingTop: 4,
+        paddingBottom: 4,
+        background: "neutral100",
+        children: /*#__PURE__*/ jsx(Grid.Root, {
+            gap: 4,
+            children: blocks.map(({ label, value })=>/*#__PURE__*/ jsx(Grid.Item, {
+                    col: 6,
+                    xs: 12,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 1,
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: label
+                            }),
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "pi",
+                                textColor: "neutral700",
+                                children: value
+                            })
+                        ]
+                    })
+                }, label))
+        })
+    });
+};
+
+export { ContextInfo };
+//# sourceMappingURL=ContextInfo.mjs.map

package/dist/admin/components/ContextInfo/ContextInfo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextInfo.mjs","sources":["../../../../admin/src/components/ContextInfo/ContextInfo.tsx"],"sourcesContent":["import { Box, Flex, Grid, Typography } from '@strapi/design-system';\n\ninterface ContextInfoProps {\n  blocks: { label: string; value: string | number | null }[];\n}\n\nexport const ContextInfo = ({ blocks }: ContextInfoProps) => {\n  return (\n    <Box\n      hasRadius\n      paddingLeft={6}\n      paddingRight={6}\n      paddingTop={4}\n      paddingBottom={4}\n      background=\"neutral100\"\n    >\n      <Grid.Root gap={4}>\n        {blocks.map(({ label, value }) => (\n          <Grid.Item col={6} xs={12} key={label} direction=\"column\" alignItems=\"stretch\">\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {label}\n              </Typography>\n              <Typography variant=\"pi\" textColor=\"neutral700\">\n                {value}\n              </Typography>\n            </Flex>\n          </Grid.Item>\n        ))}\n      </Grid.Root>\n    </Box>\n  );\n};\n"],"names":["ContextInfo","blocks","_jsx","Box","hasRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","background","Grid","Root","gap","map","label","value","Item","col","xs","direction","alignItems","_jsxs","Flex","Typography","variant","textColor"],"mappings":";;;AAMaA,MAAAA,WAAAA,GAAc,CAAC,EAAEC,MAAM,EAAoB,GAAA;AACtD,IAAA,qBACEC,GAACC,CAAAA,GAAAA,EAAAA;QACCC,SAAS,EAAA,IAAA;QACTC,WAAa,EAAA,CAAA;QACbC,YAAc,EAAA,CAAA;QACdC,UAAY,EAAA,CAAA;QACZC,aAAe,EAAA,CAAA;QACfC,UAAW,EAAA,YAAA;gCAEXP,GAAA,CAACQ,KAAKC,IAAI,EAAA;YAACC,GAAK,EAAA,CAAA;sBACbX,MAAOY,CAAAA,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,iBAC3Bb,GAACQ,CAAAA,IAAAA,CAAKM,IAAI,EAAA;oBAACC,GAAK,EAAA,CAAA;oBAAGC,EAAI,EAAA,EAAA;oBAAgBC,SAAU,EAAA,QAAA;oBAASC,UAAW,EAAA,SAAA;AACnE,oBAAA,QAAA,gBAAAC,IAACC,CAAAA,IAAAA,EAAAA;wBAAKH,SAAU,EAAA,QAAA;wBAASC,UAAW,EAAA,SAAA;wBAAUR,GAAK,EAAA,CAAA;;0CACjDV,GAACqB,CAAAA,UAAAA,EAAAA;gCAAWC,OAAQ,EAAA,OAAA;gCAAQC,SAAU,EAAA,YAAA;AACnCX,gCAAAA,QAAAA,EAAAA;;0CAEHZ,GAACqB,CAAAA,UAAAA,EAAAA;gCAAWC,OAAQ,EAAA,IAAA;gCAAKC,SAAU,EAAA,YAAA;AAChCV,gCAAAA,QAAAA,EAAAA;;;;AANyBD,iBAAAA,EAAAA,KAAAA,CAAAA;;;AAc1C;;;;"}

package/dist/admin/components/CopyLinkButton/CopyLinkButton.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../utils/getTrad.js');
+require('qs');
+require('../../constants.js');
+require('../../utils/urlYupSchema.js');
+
+// TODO: find a better naming convention for the file that was an index file before
+const CopyLinkButton = ({ url })=>{
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { formatMessage } = reactIntl.useIntl();
+    const { copy } = strapiAdmin.useClipboard();
+    const handleClick = async ()=>{
+        const didCopy = await copy(url);
+        if (didCopy) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'notification.link-copied',
+                    defaultMessage: 'Link copied into the clipboard'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+        label: formatMessage({
+            id: getTrad.getTrad('control-card.copy-link'),
+            defaultMessage: 'Copy link'
+        }),
+        onClick: handleClick,
+        children: /*#__PURE__*/ jsxRuntime.jsx(icons.Link, {})
+    });
+};
+
+exports.CopyLinkButton = CopyLinkButton;
+//# sourceMappingURL=CopyLinkButton.js.map

package/dist/admin/components/CopyLinkButton/CopyLinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyLinkButton.js","sources":["../../../../admin/src/components/CopyLinkButton/CopyLinkButton.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { useNotification, useClipboard } from '@strapi/admin/strapi-admin';\nimport { IconButton } from '@strapi/design-system';\nimport { Link as LinkIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../utils';\n\nexport const CopyLinkButton = ({ url }: { url: string }) => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n\n  const handleClick = async () => {\n    const didCopy = await copy(url);\n\n    if (didCopy) {\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: 'notification.link-copied',\n          defaultMessage: 'Link copied into the clipboard',\n        }),\n      });\n    }\n  };\n\n  return (\n    <IconButton\n      label={formatMessage({\n        id: getTrad('control-card.copy-link'),\n        defaultMessage: 'Copy link',\n      })}\n      onClick={handleClick}\n    >\n      <LinkIcon />\n    </IconButton>\n  );\n};\n"],"names":["CopyLinkButton","url","toggleNotification","useNotification","formatMessage","useIntl","copy","useClipboard","handleClick","didCopy","type","message","id","defaultMessage","_jsx","IconButton","label","getTrad","onClick","LinkIcon"],"mappings":";;;;;;;;;;;;;;AAAA;AAQaA,MAAAA,cAAAA,GAAiB,CAAC,EAAEC,GAAG,EAAmB,GAAA;IACrD,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC,wBAAAA,EAAAA;AAEjB,IAAA,MAAMC,WAAc,GAAA,UAAA;QAClB,MAAMC,OAAAA,GAAU,MAAMH,IAAKL,CAAAA,GAAAA,CAAAA;AAE3B,QAAA,IAAIQ,OAAS,EAAA;YACXP,kBAAmB,CAAA;gBACjBQ,IAAM,EAAA,SAAA;AACNC,gBAAAA,OAAAA,EAASP,aAAc,CAAA;oBACrBQ,EAAI,EAAA,0BAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA;AAEA,IAAA,qBACEC,cAACC,CAAAA,uBAAAA,EAAAA;AACCC,QAAAA,KAAAA,EAAOZ,aAAc,CAAA;AACnBQ,YAAAA,EAAAA,EAAIK,eAAQ,CAAA,wBAAA,CAAA;YACZJ,cAAgB,EAAA;AAClB,SAAA,CAAA;QACAK,OAASV,EAAAA,WAAAA;AAET,QAAA,QAAA,gBAAAM,cAACK,CAAAA,UAAAA,EAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/components/CopyLinkButton/CopyLinkButton.mjs

@@ -0,0 +1,41 @@
+import { jsx } from 'react/jsx-runtime';
+import { useNotification, useClipboard } from '@strapi/admin/strapi-admin';
+import { IconButton } from '@strapi/design-system';
+import { Link } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../utils/getTrad.mjs';
+import 'qs';
+import '../../constants.mjs';
+import '../../utils/urlYupSchema.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const CopyLinkButton = ({ url })=>{
+    const { toggleNotification } = useNotification();
+    const { formatMessage } = useIntl();
+    const { copy } = useClipboard();
+    const handleClick = async ()=>{
+        const didCopy = await copy(url);
+        if (didCopy) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'notification.link-copied',
+                    defaultMessage: 'Link copied into the clipboard'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsx(IconButton, {
+        label: formatMessage({
+            id: getTrad('control-card.copy-link'),
+            defaultMessage: 'Copy link'
+        }),
+        onClick: handleClick,
+        children: /*#__PURE__*/ jsx(Link, {})
+    });
+};
+
+export { CopyLinkButton };
+//# sourceMappingURL=CopyLinkButton.mjs.map

package/dist/admin/components/CopyLinkButton/CopyLinkButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyLinkButton.mjs","sources":["../../../../admin/src/components/CopyLinkButton/CopyLinkButton.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { useNotification, useClipboard } from '@strapi/admin/strapi-admin';\nimport { IconButton } from '@strapi/design-system';\nimport { Link as LinkIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../utils';\n\nexport const CopyLinkButton = ({ url }: { url: string }) => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n\n  const handleClick = async () => {\n    const didCopy = await copy(url);\n\n    if (didCopy) {\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: 'notification.link-copied',\n          defaultMessage: 'Link copied into the clipboard',\n        }),\n      });\n    }\n  };\n\n  return (\n    <IconButton\n      label={formatMessage({\n        id: getTrad('control-card.copy-link'),\n        defaultMessage: 'Copy link',\n      })}\n      onClick={handleClick}\n    >\n      <LinkIcon />\n    </IconButton>\n  );\n};\n"],"names":["CopyLinkButton","url","toggleNotification","useNotification","formatMessage","useIntl","copy","useClipboard","handleClick","didCopy","type","message","id","defaultMessage","_jsx","IconButton","label","getTrad","onClick","LinkIcon"],"mappings":";;;;;;;;;;;;AAAA;AAQaA,MAAAA,cAAAA,GAAiB,CAAC,EAAEC,GAAG,EAAmB,GAAA;IACrD,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC,YAAAA,EAAAA;AAEjB,IAAA,MAAMC,WAAc,GAAA,UAAA;QAClB,MAAMC,OAAAA,GAAU,MAAMH,IAAKL,CAAAA,GAAAA,CAAAA;AAE3B,QAAA,IAAIQ,OAAS,EAAA;YACXP,kBAAmB,CAAA;gBACjBQ,IAAM,EAAA,SAAA;AACNC,gBAAAA,OAAAA,EAASP,aAAc,CAAA;oBACrBQ,EAAI,EAAA,0BAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA;AAEA,IAAA,qBACEC,GAACC,CAAAA,UAAAA,EAAAA;AACCC,QAAAA,KAAAA,EAAOZ,aAAc,CAAA;AACnBQ,YAAAA,EAAAA,EAAIK,OAAQ,CAAA,wBAAA,CAAA;YACZJ,cAAgB,EAAA;AAClB,SAAA,CAAA;QACAK,OAASV,EAAAA,WAAAA;AAET,QAAA,QAAA,gBAAAM,GAACK,CAAAA,IAAAA,EAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/components/EditAssetDialog/DialogHeader.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const DialogHeader = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+            children: formatMessage({
+                id: 'global.details',
+                defaultMessage: 'Details'
+            })
+        })
+    });
+};
+
+exports.DialogHeader = DialogHeader;
+//# sourceMappingURL=DialogHeader.js.map

package/dist/admin/components/EditAssetDialog/DialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.js","sources":["../../../../admin/src/components/EditAssetDialog/DialogHeader.tsx"],"sourcesContent":["import { Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nexport const DialogHeader = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Header>\n      <Modal.Title>\n        {formatMessage({ id: 'global.details', defaultMessage: 'Details' })}\n      </Modal.Title>\n    </Modal.Header>\n  );\n};\n"],"names":["DialogHeader","formatMessage","useIntl","_jsx","Modal","Header","Title","id","defaultMessage"],"mappings":";;;;;;MAGaA,YAAe,GAAA,IAAA;IAC1B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEC,cAAA,CAACC,mBAAMC,MAAM,EAAA;gCACXF,cAAA,CAACC,mBAAME,KAAK,EAAA;sBACTL,aAAc,CAAA;gBAAEM,EAAI,EAAA,gBAAA;gBAAkBC,cAAgB,EAAA;AAAU,aAAA;;;AAIzE;;;;"}

package/dist/admin/components/EditAssetDialog/DialogHeader.mjs

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { Modal } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const DialogHeader = ()=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Modal.Header, {
+        children: /*#__PURE__*/ jsx(Modal.Title, {
+            children: formatMessage({
+                id: 'global.details',
+                defaultMessage: 'Details'
+            })
+        })
+    });
+};
+
+export { DialogHeader };
+//# sourceMappingURL=DialogHeader.mjs.map

package/dist/admin/components/EditAssetDialog/DialogHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.mjs","sources":["../../../../admin/src/components/EditAssetDialog/DialogHeader.tsx"],"sourcesContent":["import { Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nexport const DialogHeader = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Header>\n      <Modal.Title>\n        {formatMessage({ id: 'global.details', defaultMessage: 'Details' })}\n      </Modal.Title>\n    </Modal.Header>\n  );\n};\n"],"names":["DialogHeader","formatMessage","useIntl","_jsx","Modal","Header","Title","id","defaultMessage"],"mappings":";;;;MAGaA,YAAe,GAAA,IAAA;IAC1B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,qBACEC,GAAA,CAACC,MAAMC,MAAM,EAAA;gCACXF,GAAA,CAACC,MAAME,KAAK,EAAA;sBACTL,aAAc,CAAA;gBAAEM,EAAI,EAAA,gBAAA;gBAAkBC,cAAgB,EAAA;AAAU,aAAA;;;AAIzE;;;;"}

package/dist/admin/components/EditAssetDialog/EditAssetContent.js

@@ -0,0 +1,403 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var formik = require('formik');
+var isEqual = require('lodash/isEqual');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var yup = require('yup');
+var useEditAsset = require('../../hooks/useEditAsset.js');
+var useFolderStructure = require('../../hooks/useFolderStructure.js');
+var findRecursiveFolderByValue = require('../../utils/findRecursiveFolderByValue.js');
+var formatBytes = require('../../utils/formatBytes.js');
+require('date-fns');
+var getTrad = require('../../utils/getTrad.js');
+require('qs');
+var getFileExtension = require('../../utils/getFileExtension.js');
+require('../../constants.js');
+require('../../utils/urlYupSchema.js');
+var ContextInfo = require('../ContextInfo/ContextInfo.js');
+var SelectTree = require('../SelectTree/SelectTree.js');
+var DialogHeader = require('./DialogHeader.js');
+var PreviewBox = require('./PreviewBox/PreviewBox.js');
+var ReplaceMediaButton = require('./ReplaceMediaButton.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);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const LoadingBody = styledComponents.styled(designSystem.Flex)`
+  /* 80px are coming from the Tabs component that is not included in the ModalBody */
+  min-height: ${()=>`calc(60vh + 8rem)`};
+`;
+const fileInfoSchema = yup__namespace.object({
+    name: yup__namespace.string().required(),
+    alternativeText: yup__namespace.string(),
+    caption: yup__namespace.string(),
+    folder: yup__namespace.number()
+});
+const EditAssetContent = ({ onClose, asset, canUpdate = false, canCopyLink = false, canDownload = false, trackedLocation })=>{
+    const { formatMessage, formatDate } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const submitButtonRef = React__namespace.useRef(null);
+    const [isCropping, setIsCropping] = React__namespace.useState(false);
+    const [replacementFile, setReplacementFile] = React__namespace.useState();
+    const { editAsset, isLoading } = useEditAsset.useEditAsset();
+    const { data: folderStructure, isLoading: folderStructureIsLoading } = useFolderStructure.useFolderStructure({
+        enabled: true
+    });
+    const handleSubmit = async (values)=>{
+        const nextAsset = {
+            ...asset,
+            ...values,
+            folder: values.parent?.value
+        };
+        if (asset?.isLocal) {
+            onClose(nextAsset);
+        } else {
+            const editedAsset = await editAsset(nextAsset, replacementFile);
+            const assetType = asset?.mime?.split('/')[0];
+            // if the folder parent was the root of Media Library, its id is null
+            // we know it changed location if the new parent value exists
+            const didChangeLocation = asset?.folder?.id ? asset.folder.id !== values.parent?.value : asset?.folder === null && !!values.parent?.value;
+            trackUsage('didEditMediaLibraryElements', {
+                location: trackedLocation,
+                type: assetType,
+                changeLocation: didChangeLocation
+            });
+            onClose(editedAsset);
+        }
+    };
+    const handleStartCropping = ()=>{
+        setIsCropping(true);
+    };
+    const handleCancelCropping = ()=>{
+        setIsCropping(false);
+    };
+    const handleFinishCropping = ()=>{
+        setIsCropping(false);
+        onClose();
+    };
+    const formDisabled = !canUpdate || isCropping;
+    const handleConfirmClose = ()=>{
+        // eslint-disable-next-line no-alert
+        const confirm = window.confirm(formatMessage({
+            id: 'window.confirm.close-modal.file',
+            defaultMessage: 'Are you sure? Your changes will be lost.'
+        }));
+        if (confirm) {
+            onClose();
+        }
+    };
+    const activeFolderId = asset?.folder?.id;
+    const initialFormData = !folderStructureIsLoading && {
+        name: asset?.name,
+        alternativeText: asset?.alternativeText ?? undefined,
+        caption: asset?.caption ?? undefined,
+        parent: {
+            value: activeFolderId ?? undefined,
+            label: findRecursiveFolderByValue.findRecursiveFolderByValue(folderStructure, activeFolderId)?.label ?? folderStructure[0].label
+        }
+    };
+    const handleClose = (values)=>{
+        if (!isEqual(initialFormData, values)) {
+            handleConfirmClose();
+        } else {
+            onClose();
+        }
+    };
+    if (folderStructureIsLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(DialogHeader.DialogHeader, {}),
+                /*#__PURE__*/ jsxRuntime.jsx(LoadingBody, {
+                    minHeight: "60vh",
+                    justifyContent: "center",
+                    paddingTop: 4,
+                    paddingBottom: 4,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                        children: formatMessage({
+                            id: getTrad.getTrad('content.isLoading'),
+                            defaultMessage: 'Content is loading.'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Footer, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        onClick: ()=>handleClose(),
+                        variant: "tertiary",
+                        children: formatMessage({
+                            id: 'cancel',
+                            defaultMessage: 'Cancel'
+                        })
+                    })
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(formik.Formik, {
+        validationSchema: fileInfoSchema,
+        validateOnChange: false,
+        onSubmit: handleSubmit,
+        initialValues: initialFormData,
+        children: ({ values, errors, handleChange, setFieldValue })=>/*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(DialogHeader.DialogHeader, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                            gap: 4,
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                    xs: 12,
+                                    col: 6,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(PreviewBox.PreviewBox, {
+                                        asset: asset,
+                                        canUpdate: canUpdate,
+                                        canCopyLink: canCopyLink,
+                                        canDownload: canDownload,
+                                        onDelete: onClose,
+                                        onCropFinish: handleFinishCropping,
+                                        onCropStart: handleStartCropping,
+                                        onCropCancel: handleCancelCropping,
+                                        replacementFile: replacementFile,
+                                        trackedLocation: trackedLocation
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                    xs: 12,
+                                    col: 6,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: /*#__PURE__*/ jsxRuntime.jsxs(formik.Form, {
+                                        noValidate: true,
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                direction: "column",
+                                                alignItems: "stretch",
+                                                gap: 3,
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(ContextInfo.ContextInfo, {
+                                                        blocks: [
+                                                            {
+                                                                label: formatMessage({
+                                                                    id: getTrad.getTrad('modal.file-details.size'),
+                                                                    defaultMessage: 'Size'
+                                                                }),
+                                                                value: formatBytes.formatBytes(asset?.size ? asset.size : 0)
+                                                            },
+                                                            {
+                                                                label: formatMessage({
+                                                                    id: getTrad.getTrad('modal.file-details.dimensions'),
+                                                                    defaultMessage: 'Dimensions'
+                                                                }),
+                                                                value: asset?.height && asset.width ? `${asset.width}✕${asset.height}` : null
+                                                            },
+                                                            {
+                                                                label: formatMessage({
+                                                                    id: getTrad.getTrad('modal.file-details.date'),
+                                                                    defaultMessage: 'Date'
+                                                                }),
+                                                                value: formatDate(new Date(asset?.createdAt ? asset.createdAt : ''))
+                                                            },
+                                                            {
+                                                                label: formatMessage({
+                                                                    id: getTrad.getTrad('modal.file-details.extension'),
+                                                                    defaultMessage: 'Extension'
+                                                                }),
+                                                                value: getFileExtension.getFileExtension(asset?.ext)
+                                                            },
+                                                            {
+                                                                label: formatMessage({
+                                                                    id: getTrad.getTrad('modal.file-details.id'),
+                                                                    defaultMessage: 'Asset ID'
+                                                                }),
+                                                                value: asset?.id ? asset.id : null
+                                                            }
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                        name: "name",
+                                                        error: errors.name,
+                                                        children: [
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                children: formatMessage({
+                                                                    id: getTrad.getTrad('form.input.label.file-name'),
+                                                                    defaultMessage: 'File name'
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                                                value: values.name,
+                                                                onChange: handleChange,
+                                                                disabled: formDisabled
+                                                            }),
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                        name: "alternativeText",
+                                                        hint: formatMessage({
+                                                            id: getTrad.getTrad('form.input.description.file-alt'),
+                                                            defaultMessage: 'This text will be displayed if the asset can’t be shown.'
+                                                        }),
+                                                        error: errors.alternativeText,
+                                                        children: [
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                children: formatMessage({
+                                                                    id: getTrad.getTrad('form.input.label.file-alt'),
+                                                                    defaultMessage: 'Alternative text'
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                                                value: values.alternativeText,
+                                                                onChange: handleChange,
+                                                                disabled: formDisabled
+                                                            }),
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                        name: "caption",
+                                                        error: errors.caption,
+                                                        children: [
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                children: formatMessage({
+                                                                    id: getTrad.getTrad('form.input.label.file-caption'),
+                                                                    defaultMessage: 'Caption'
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                                                value: values.caption,
+                                                                onChange: handleChange,
+                                                                disabled: formDisabled
+                                                            })
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                                        direction: "column",
+                                                        alignItems: "stretch",
+                                                        gap: 1,
+                                                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                            name: "parent",
+                                                            id: "asset-folder",
+                                                            children: [
+                                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                    children: formatMessage({
+                                                                        id: getTrad.getTrad('form.input.label.file-location'),
+                                                                        defaultMessage: 'Location'
+                                                                    })
+                                                                }),
+                                                                /*#__PURE__*/ jsxRuntime.jsx(SelectTree.SelectTree, {
+                                                                    name: "parent",
+                                                                    defaultValue: values.parent,
+                                                                    options: folderStructure,
+                                                                    onChange: (value)=>{
+                                                                        setFieldValue('parent', value);
+                                                                    },
+                                                                    menuPortalTarget: document.querySelector('body'),
+                                                                    inputId: "asset-folder",
+                                                                    isDisabled: formDisabled,
+                                                                    error: errors?.parent,
+                                                                    ariaErrorMessage: "folder-parent-error"
+                                                                })
+                                                            ]
+                                                        })
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx("button", {
+                                                    type: "submit",
+                                                    tabIndex: -1,
+                                                    ref: submitButtonRef,
+                                                    disabled: formDisabled,
+                                                    children: formatMessage({
+                                                        id: 'submit',
+                                                        defaultMessage: 'Submit'
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                onClick: ()=>handleClose({
+                                        ...values
+                                    }),
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'global.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(ReplaceMediaButton.ReplaceMediaButton, {
+                                        onSelectMedia: setReplacementFile,
+                                        acceptedMime: asset?.mime ?? '',
+                                        disabled: formDisabled,
+                                        trackedLocation: trackedLocation
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        onClick: ()=>submitButtonRef.current?.click(),
+                                        loading: isLoading,
+                                        disabled: formDisabled,
+                                        children: formatMessage({
+                                            id: 'global.finish',
+                                            defaultMessage: 'Finish'
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+};
+const EditAssetDialog = ({ open, onClose, canUpdate = false, canCopyLink = false, canDownload = false, ...restProps })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: onClose,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+            children: /*#__PURE__*/ jsxRuntime.jsx(EditAssetContent, {
+                onClose: onClose,
+                canUpdate: canUpdate,
+                canCopyLink: canCopyLink,
+                canDownload: canDownload,
+                ...restProps
+            })
+        })
+    });
+};
+
+exports.EditAssetContent = EditAssetContent;
+exports.EditAssetDialog = EditAssetDialog;
+//# sourceMappingURL=EditAssetContent.js.map