@strapi/upload 5.12.1 → 5.12.3

package/dist/admin/pages/App/MediaLibrary/components/Filters.mjs

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, useQueryParams } from '@strapi/admin/strapi-admin';
+import { Popover, Button } from '@strapi/design-system';
+import { Filter } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { FilterList } from '../../../../components/FilterList/FilterList.mjs';
+import { FilterPopover } from '../../../../components/FilterPopover/FilterPopover.mjs';
+import { displayedFilters } from '../../../../utils/displayedFilters.mjs';
+import 'byte-size';
+import 'date-fns';
+import 'qs';
+import '../../../../constants.mjs';
+import '../../../../utils/urlYupSchema.mjs';
+
+const Filters = ()=>{
+    const [open, setOpen] = React.useState(false);
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const [{ query }, setQuery] = useQueryParams();
+    const filters = query?.filters?.$and || [];
+    const handleRemoveFilter = (nextFilters)=>{
+        setQuery({
+            filters: {
+                $and: nextFilters
+            },
+            page: 1
+        });
+    };
+    const handleSubmit = (filters)=>{
+        trackUsage('didFilterMediaLibraryElements', {
+            location: 'content-manager',
+            filter: Object.keys(filters[filters.length - 1])[0]
+        });
+        setQuery({
+            filters: {
+                $and: filters
+            },
+            page: 1
+        });
+    };
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsx(Popover.Trigger, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "tertiary",
+                    startIcon: /*#__PURE__*/ jsx(Filter, {}),
+                    size: "S",
+                    children: formatMessage({
+                        id: 'app.utils.filters',
+                        defaultMessage: 'Filters'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(FilterPopover, {
+                displayedFilters: displayedFilters,
+                filters: filters,
+                onSubmit: handleSubmit,
+                onToggle: setOpen
+            }),
+            /*#__PURE__*/ jsx(FilterList, {
+                appliedFilters: filters,
+                filtersSchema: displayedFilters,
+                onRemoveFilter: handleRemoveFilter
+            })
+        ]
+    });
+};
+
+export { Filters };
+//# sourceMappingURL=Filters.mjs.map

package/dist/admin/pages/App/MediaLibrary/components/Filters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.mjs","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/Filters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useTracking, useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Button, Popover } from '@strapi/design-system';\nimport { Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterList } from '../../../../components/FilterList/FilterList';\nimport { FilterPopover } from '../../../../components/FilterPopover/FilterPopover';\nimport { displayedFilters } from '../../../../utils';\n\nimport type { Query } from '../../../../../../shared/contracts/files';\nimport type { FilterListProps } from '../../../../components/FilterList/FilterList';\nimport type { FilterPopoverProps } from '../../../../components/FilterPopover/FilterPopover';\n\nexport const Filters = () => {\n  const [open, setOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const filters = query?.filters?.$and || [];\n\n  const handleRemoveFilter: FilterListProps['onRemoveFilter'] = (nextFilters) => {\n    setQuery({ filters: { $and: nextFilters }, page: 1 } as Query);\n  };\n\n  const handleSubmit: FilterPopoverProps['onSubmit'] = (filters) => {\n    trackUsage('didFilterMediaLibraryElements', {\n      location: 'content-manager',\n      filter: Object.keys(filters[filters.length - 1])[0],\n    });\n    setQuery({ filters: { $and: filters }, page: 1 } as Query);\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />} size=\"S\">\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <FilterPopover\n        displayedFilters={displayedFilters}\n        filters={filters}\n        onSubmit={handleSubmit}\n        onToggle={setOpen as FilterPopoverProps['onToggle']}\n      />\n      <FilterList\n        appliedFilters={filters as FilterListProps['appliedFilters']}\n        filtersSchema={displayedFilters}\n        onRemoveFilter={handleRemoveFilter}\n      />\n    </Popover.Root>\n  );\n};\n"],"names":["Filters","open","setOpen","React","useState","formatMessage","useIntl","trackUsage","useTracking","query","setQuery","useQueryParams","filters","$and","handleRemoveFilter","nextFilters","page","handleSubmit","location","filter","Object","keys","length","_jsxs","Popover","Root","onOpenChange","_jsx","Trigger","Button","variant","startIcon","Filter","size","id","defaultMessage","FilterPopover","displayedFilters","onSubmit","onToggle","FilterList","appliedFilters","filtersSchema","onRemoveFilter"],"mappings":";;;;;;;;;;;;;;;MAeaA,OAAU,GAAA,IAAA;AACrB,IAAA,MAAM,CAACC,IAAMC,EAAAA,OAAAA,CAAQ,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;AAC9B,IAAA,MAAMC,OAAUH,GAAAA,KAAAA,EAAOG,OAASC,EAAAA,IAAAA,IAAQ,EAAE;AAE1C,IAAA,MAAMC,qBAAwD,CAACC,WAAAA,GAAAA;QAC7DL,QAAS,CAAA;YAAEE,OAAS,EAAA;gBAAEC,IAAME,EAAAA;AAAY,aAAA;YAAGC,IAAM,EAAA;AAAE,SAAA,CAAA;AACrD,KAAA;AAEA,IAAA,MAAMC,eAA+C,CAACL,OAAAA,GAAAA;AACpDL,QAAAA,UAAAA,CAAW,+BAAiC,EAAA;YAC1CW,QAAU,EAAA,iBAAA;YACVC,MAAQC,EAAAA,MAAAA,CAAOC,IAAI,CAACT,OAAO,CAACA,OAAQU,CAAAA,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAE;AACrD,SAAA,CAAA;QACAZ,QAAS,CAAA;YAAEE,OAAS,EAAA;gBAAEC,IAAMD,EAAAA;AAAQ,aAAA;YAAGI,IAAM,EAAA;AAAE,SAAA,CAAA;AACjD,KAAA;IAEA,qBACEO,IAAA,CAACC,QAAQC,IAAI,EAAA;QAACxB,IAAMA,EAAAA,IAAAA;QAAMyB,YAAcxB,EAAAA,OAAAA;;AACtC,0BAAAyB,GAAA,CAACH,QAAQI,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAD,GAACE,CAAAA,MAAAA,EAAAA;oBAAOC,OAAQ,EAAA,UAAA;AAAWC,oBAAAA,SAAAA,gBAAWJ,GAACK,CAAAA,MAAAA,EAAAA,EAAAA,CAAAA;oBAAWC,IAAK,EAAA,GAAA;8BACpD5B,aAAc,CAAA;wBAAE6B,EAAI,EAAA,mBAAA;wBAAqBC,cAAgB,EAAA;AAAU,qBAAA;;;0BAGxER,GAACS,CAAAA,aAAAA,EAAAA;gBACCC,gBAAkBA,EAAAA,gBAAAA;gBAClBzB,OAASA,EAAAA,OAAAA;gBACT0B,QAAUrB,EAAAA,YAAAA;gBACVsB,QAAUrC,EAAAA;;0BAEZyB,GAACa,CAAAA,UAAAA,EAAAA;gBACCC,cAAgB7B,EAAAA,OAAAA;gBAChB8B,aAAeL,EAAAA,gBAAAA;gBACfM,cAAgB7B,EAAAA;;;;AAIxB;;;;"}

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

@@ -0,0 +1,76 @@
+'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 qs = require('qs');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var Breadcrumbs = require('../../../../components/Breadcrumbs/Breadcrumbs.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../../../utils/getTrad.js');
+require('../../../../constants.js');
+require('../../../../utils/urlYupSchema.js');
+
+const Header = ({ breadcrumbs = null, canCreate, folder = null, onToggleEditFolderDialog, onToggleUploadAssetDialog })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { pathname } = reactRouterDom.useLocation();
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const backQuery = {
+        ...query,
+        folder: folder?.parent && typeof folder.parent !== 'number' && folder.parent.id ? folder.parent.id : undefined,
+        folderPath: folder?.parent && typeof folder.parent !== 'number' && folder.parent.path ? folder.parent.path : undefined
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+        title: formatMessage({
+            id: getTrad.getTrad('plugin.name'),
+            defaultMessage: `Media Library`
+        }),
+        subtitle: breadcrumbs && typeof breadcrumbs !== 'boolean' && folder && /*#__PURE__*/ jsxRuntime.jsx(Breadcrumbs.Breadcrumbs, {
+            label: formatMessage({
+                id: getTrad.getTrad('header.breadcrumbs.nav.label'),
+                defaultMessage: 'Folders navigation'
+            }),
+            breadcrumbs: breadcrumbs,
+            currentFolderId: folder?.id
+        }),
+        navigationAction: folder && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+            tag: reactRouterDom.NavLink,
+            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowLeft, {}),
+            to: `${pathname}?${qs.stringify(backQuery, {
+                encode: false
+            })}`,
+            children: formatMessage({
+                id: getTrad.getTrad('header.actions.folder-level-up'),
+                defaultMessage: 'Back'
+            })
+        }),
+        primaryAction: canCreate && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    variant: "secondary",
+                    onClick: onToggleEditFolderDialog,
+                    children: formatMessage({
+                        id: getTrad.getTrad('header.actions.add-folder'),
+                        defaultMessage: 'Add new folder'
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    onClick: onToggleUploadAssetDialog,
+                    children: formatMessage({
+                        id: getTrad.getTrad('header.actions.add-assets'),
+                        defaultMessage: 'Add new assets'
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/admin/pages/App/MediaLibrary/components/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/Header.tsx"],"sourcesContent":["import { useQueryParams, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Link } from '@strapi/design-system';\nimport { ArrowLeft, Plus } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useLocation, NavLink } from 'react-router-dom';\n\nimport { Breadcrumbs } from '../../../../components/Breadcrumbs/Breadcrumbs';\nimport { getTrad } from '../../../../utils';\n\nimport type { Folder } from '../../../../../../shared/contracts/folders';\nimport type { CrumbDefinition } from '../../../../components/Breadcrumbs/Breadcrumbs';\n\ninterface FolderDefinition extends Omit<Folder, 'children' | 'files' | 'parent'> {\n  children: {\n    count: number;\n  };\n  files: {\n    count: number;\n  };\n  parent?: FolderDefinition;\n}\n\nexport interface HeaderProps {\n  breadcrumbs?: Array<CrumbDefinition> | null;\n  canCreate: boolean;\n  folder?: FolderDefinition | null;\n  onToggleEditFolderDialog: ({ created }?: { created?: boolean }) => void;\n  onToggleUploadAssetDialog: () => void;\n}\n\nexport const Header = ({\n  breadcrumbs = null,\n  canCreate,\n  folder = null,\n  onToggleEditFolderDialog,\n  onToggleUploadAssetDialog,\n}: HeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const backQuery = {\n    ...query,\n    folder:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.id\n        ? folder.parent.id\n        : undefined,\n    folderPath:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.path\n        ? folder.parent.path\n        : undefined,\n  };\n\n  return (\n    <Layouts.Header\n      title={formatMessage({\n        id: getTrad('plugin.name'),\n        defaultMessage: `Media Library`,\n      })}\n      subtitle={\n        breadcrumbs &&\n        typeof breadcrumbs !== 'boolean' &&\n        folder && (\n          <Breadcrumbs\n            label={formatMessage({\n              id: getTrad('header.breadcrumbs.nav.label'),\n              defaultMessage: 'Folders navigation',\n            })}\n            breadcrumbs={breadcrumbs}\n            currentFolderId={folder?.id}\n          />\n        )\n      }\n      navigationAction={\n        folder && (\n          <Link\n            tag={NavLink}\n            startIcon={<ArrowLeft />}\n            to={`${pathname}?${stringify(backQuery, { encode: false })}`}\n          >\n            {formatMessage({\n              id: getTrad('header.actions.folder-level-up'),\n              defaultMessage: 'Back',\n            })}\n          </Link>\n        )\n      }\n      primaryAction={\n        canCreate && (\n          <Flex gap={2}>\n            <Button startIcon={<Plus />} variant=\"secondary\" onClick={onToggleEditFolderDialog}>\n              {formatMessage({\n                id: getTrad('header.actions.add-folder'),\n                defaultMessage: 'Add new folder',\n              })}\n            </Button>\n\n            <Button startIcon={<Plus />} onClick={onToggleUploadAssetDialog}>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n        )\n      }\n    />\n  );\n};\n"],"names":["Header","breadcrumbs","canCreate","folder","onToggleEditFolderDialog","onToggleUploadAssetDialog","formatMessage","useIntl","pathname","useLocation","query","useQueryParams","backQuery","parent","id","undefined","folderPath","path","_jsx","Layouts","title","getTrad","defaultMessage","subtitle","Breadcrumbs","label","currentFolderId","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","stringify","encode","primaryAction","_jsxs","Flex","gap","Button","Plus","variant","onClick"],"mappings":";;;;;;;;;;;;;;;;AA+BaA,MAAAA,MAAAA,GAAS,CAAC,EACrBC,cAAc,IAAI,EAClBC,SAAS,EACTC,SAAS,IAAI,EACbC,wBAAwB,EACxBC,yBAAyB,EACb,GAAA;IACZ,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,QAAQ,EAAE,GAAGC,0BAAAA,EAAAA;AACrB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,CAAC,GAAGC,0BAAAA,EAAAA;AACpB,IAAA,MAAMC,SAAY,GAAA;AAChB,QAAA,GAAGF,KAAK;AACRP,QAAAA,MAAAA,EACEA,QAAQU,MAAU,IAAA,OAAOV,MAAOU,CAAAA,MAAM,KAAK,QAAYV,IAAAA,MAAAA,CAAOU,MAAM,CAACC,EAAE,GACnEX,MAAAA,CAAOU,MAAM,CAACC,EAAE,GAChBC,SAAAA;AACNC,QAAAA,UAAAA,EACEb,QAAQU,MAAU,IAAA,OAAOV,MAAOU,CAAAA,MAAM,KAAK,QAAYV,IAAAA,MAAAA,CAAOU,MAAM,CAACI,IAAI,GACrEd,MAAAA,CAAOU,MAAM,CAACI,IAAI,GAClBF;AACR,KAAA;IAEA,qBACEG,cAAA,CAACC,oBAAQnB,MAAM,EAAA;AACboB,QAAAA,KAAAA,EAAOd,aAAc,CAAA;AACnBQ,YAAAA,EAAAA,EAAIO,eAAQ,CAAA,aAAA,CAAA;YACZC,cAAgB,EAAA,CAAC,aAAa;AAChC,SAAA,CAAA;AACAC,QAAAA,QAAAA,EACEtB,WACA,IAAA,OAAOA,WAAgB,KAAA,SAAA,IACvBE,wBACEe,cAACM,CAAAA,uBAAAA,EAAAA;AACCC,YAAAA,KAAAA,EAAOnB,aAAc,CAAA;AACnBQ,gBAAAA,EAAAA,EAAIO,eAAQ,CAAA,8BAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA,CAAA;YACArB,WAAaA,EAAAA,WAAAA;AACbyB,YAAAA,eAAAA,EAAiBvB,MAAQW,EAAAA;;AAI/Ba,QAAAA,gBAAAA,EACExB,wBACEe,cAACU,CAAAA,iBAAAA,EAAAA;YACCC,GAAKC,EAAAA,sBAAAA;AACLC,YAAAA,SAAAA,gBAAWb,cAACc,CAAAA,eAAAA,EAAAA,EAAAA,CAAAA;AACZC,YAAAA,EAAAA,EAAI,CAAC,EAAEzB,QAAAA,CAAS,CAAC,EAAE0B,aAAUtB,SAAW,EAAA;gBAAEuB,MAAQ,EAAA;AAAM,aAAA,CAAA,CAAG,CAAC;sBAE3D7B,aAAc,CAAA;AACbQ,gBAAAA,EAAAA,EAAIO,eAAQ,CAAA,gCAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA;;AAINc,QAAAA,aAAAA,EACElC,2BACEmC,eAACC,CAAAA,iBAAAA,EAAAA;YAAKC,GAAK,EAAA,CAAA;;8BACTrB,cAACsB,CAAAA,mBAAAA,EAAAA;AAAOT,oBAAAA,SAAAA,gBAAWb,cAACuB,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;oBAASC,OAAQ,EAAA,WAAA;oBAAYC,OAASvC,EAAAA,wBAAAA;8BACvDE,aAAc,CAAA;AACbQ,wBAAAA,EAAAA,EAAIO,eAAQ,CAAA,2BAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;;8BAGFJ,cAACsB,CAAAA,mBAAAA,EAAAA;AAAOT,oBAAAA,SAAAA,gBAAWb,cAACuB,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;oBAASE,OAAStC,EAAAA,yBAAAA;8BACnCC,aAAc,CAAA;AACbQ,wBAAAA,EAAAA,EAAIO,eAAQ,CAAA,2BAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;;;;;AAOd;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/Header.mjs

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useQueryParams, Layouts } from '@strapi/admin/strapi-admin';
+import { Link, Flex, Button } from '@strapi/design-system';
+import { ArrowLeft, Plus } from '@strapi/icons';
+import { stringify } from 'qs';
+import { useIntl } from 'react-intl';
+import { useLocation, NavLink } from 'react-router-dom';
+import { Breadcrumbs } from '../../../../components/Breadcrumbs/Breadcrumbs.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../../../utils/getTrad.mjs';
+import '../../../../constants.mjs';
+import '../../../../utils/urlYupSchema.mjs';
+
+const Header = ({ breadcrumbs = null, canCreate, folder = null, onToggleEditFolderDialog, onToggleUploadAssetDialog })=>{
+    const { formatMessage } = useIntl();
+    const { pathname } = useLocation();
+    const [{ query }] = useQueryParams();
+    const backQuery = {
+        ...query,
+        folder: folder?.parent && typeof folder.parent !== 'number' && folder.parent.id ? folder.parent.id : undefined,
+        folderPath: folder?.parent && typeof folder.parent !== 'number' && folder.parent.path ? folder.parent.path : undefined
+    };
+    return /*#__PURE__*/ jsx(Layouts.Header, {
+        title: formatMessage({
+            id: getTrad('plugin.name'),
+            defaultMessage: `Media Library`
+        }),
+        subtitle: breadcrumbs && typeof breadcrumbs !== 'boolean' && folder && /*#__PURE__*/ jsx(Breadcrumbs, {
+            label: formatMessage({
+                id: getTrad('header.breadcrumbs.nav.label'),
+                defaultMessage: 'Folders navigation'
+            }),
+            breadcrumbs: breadcrumbs,
+            currentFolderId: folder?.id
+        }),
+        navigationAction: folder && /*#__PURE__*/ jsx(Link, {
+            tag: NavLink,
+            startIcon: /*#__PURE__*/ jsx(ArrowLeft, {}),
+            to: `${pathname}?${stringify(backQuery, {
+                encode: false
+            })}`,
+            children: formatMessage({
+                id: getTrad('header.actions.folder-level-up'),
+                defaultMessage: 'Back'
+            })
+        }),
+        primaryAction: canCreate && /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsx(Button, {
+                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                    variant: "secondary",
+                    onClick: onToggleEditFolderDialog,
+                    children: formatMessage({
+                        id: getTrad('header.actions.add-folder'),
+                        defaultMessage: 'Add new folder'
+                    })
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                    onClick: onToggleUploadAssetDialog,
+                    children: formatMessage({
+                        id: getTrad('header.actions.add-assets'),
+                        defaultMessage: 'Add new assets'
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { Header };
+//# sourceMappingURL=Header.mjs.map

package/dist/admin/pages/App/MediaLibrary/components/Header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.mjs","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/Header.tsx"],"sourcesContent":["import { useQueryParams, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Link } from '@strapi/design-system';\nimport { ArrowLeft, Plus } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useLocation, NavLink } from 'react-router-dom';\n\nimport { Breadcrumbs } from '../../../../components/Breadcrumbs/Breadcrumbs';\nimport { getTrad } from '../../../../utils';\n\nimport type { Folder } from '../../../../../../shared/contracts/folders';\nimport type { CrumbDefinition } from '../../../../components/Breadcrumbs/Breadcrumbs';\n\ninterface FolderDefinition extends Omit<Folder, 'children' | 'files' | 'parent'> {\n  children: {\n    count: number;\n  };\n  files: {\n    count: number;\n  };\n  parent?: FolderDefinition;\n}\n\nexport interface HeaderProps {\n  breadcrumbs?: Array<CrumbDefinition> | null;\n  canCreate: boolean;\n  folder?: FolderDefinition | null;\n  onToggleEditFolderDialog: ({ created }?: { created?: boolean }) => void;\n  onToggleUploadAssetDialog: () => void;\n}\n\nexport const Header = ({\n  breadcrumbs = null,\n  canCreate,\n  folder = null,\n  onToggleEditFolderDialog,\n  onToggleUploadAssetDialog,\n}: HeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const backQuery = {\n    ...query,\n    folder:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.id\n        ? folder.parent.id\n        : undefined,\n    folderPath:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.path\n        ? folder.parent.path\n        : undefined,\n  };\n\n  return (\n    <Layouts.Header\n      title={formatMessage({\n        id: getTrad('plugin.name'),\n        defaultMessage: `Media Library`,\n      })}\n      subtitle={\n        breadcrumbs &&\n        typeof breadcrumbs !== 'boolean' &&\n        folder && (\n          <Breadcrumbs\n            label={formatMessage({\n              id: getTrad('header.breadcrumbs.nav.label'),\n              defaultMessage: 'Folders navigation',\n            })}\n            breadcrumbs={breadcrumbs}\n            currentFolderId={folder?.id}\n          />\n        )\n      }\n      navigationAction={\n        folder && (\n          <Link\n            tag={NavLink}\n            startIcon={<ArrowLeft />}\n            to={`${pathname}?${stringify(backQuery, { encode: false })}`}\n          >\n            {formatMessage({\n              id: getTrad('header.actions.folder-level-up'),\n              defaultMessage: 'Back',\n            })}\n          </Link>\n        )\n      }\n      primaryAction={\n        canCreate && (\n          <Flex gap={2}>\n            <Button startIcon={<Plus />} variant=\"secondary\" onClick={onToggleEditFolderDialog}>\n              {formatMessage({\n                id: getTrad('header.actions.add-folder'),\n                defaultMessage: 'Add new folder',\n              })}\n            </Button>\n\n            <Button startIcon={<Plus />} onClick={onToggleUploadAssetDialog}>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n        )\n      }\n    />\n  );\n};\n"],"names":["Header","breadcrumbs","canCreate","folder","onToggleEditFolderDialog","onToggleUploadAssetDialog","formatMessage","useIntl","pathname","useLocation","query","useQueryParams","backQuery","parent","id","undefined","folderPath","path","_jsx","Layouts","title","getTrad","defaultMessage","subtitle","Breadcrumbs","label","currentFolderId","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","stringify","encode","primaryAction","_jsxs","Flex","gap","Button","Plus","variant","onClick"],"mappings":";;;;;;;;;;;;;;AA+BaA,MAAAA,MAAAA,GAAS,CAAC,EACrBC,cAAc,IAAI,EAClBC,SAAS,EACTC,SAAS,IAAI,EACbC,wBAAwB,EACxBC,yBAAyB,EACb,GAAA;IACZ,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,QAAQ,EAAE,GAAGC,WAAAA,EAAAA;AACrB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,CAAC,GAAGC,cAAAA,EAAAA;AACpB,IAAA,MAAMC,SAAY,GAAA;AAChB,QAAA,GAAGF,KAAK;AACRP,QAAAA,MAAAA,EACEA,QAAQU,MAAU,IAAA,OAAOV,MAAOU,CAAAA,MAAM,KAAK,QAAYV,IAAAA,MAAAA,CAAOU,MAAM,CAACC,EAAE,GACnEX,MAAAA,CAAOU,MAAM,CAACC,EAAE,GAChBC,SAAAA;AACNC,QAAAA,UAAAA,EACEb,QAAQU,MAAU,IAAA,OAAOV,MAAOU,CAAAA,MAAM,KAAK,QAAYV,IAAAA,MAAAA,CAAOU,MAAM,CAACI,IAAI,GACrEd,MAAAA,CAAOU,MAAM,CAACI,IAAI,GAClBF;AACR,KAAA;IAEA,qBACEG,GAAA,CAACC,QAAQnB,MAAM,EAAA;AACboB,QAAAA,KAAAA,EAAOd,aAAc,CAAA;AACnBQ,YAAAA,EAAAA,EAAIO,OAAQ,CAAA,aAAA,CAAA;YACZC,cAAgB,EAAA,CAAC,aAAa;AAChC,SAAA,CAAA;AACAC,QAAAA,QAAAA,EACEtB,WACA,IAAA,OAAOA,WAAgB,KAAA,SAAA,IACvBE,wBACEe,GAACM,CAAAA,WAAAA,EAAAA;AACCC,YAAAA,KAAAA,EAAOnB,aAAc,CAAA;AACnBQ,gBAAAA,EAAAA,EAAIO,OAAQ,CAAA,8BAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA,CAAA;YACArB,WAAaA,EAAAA,WAAAA;AACbyB,YAAAA,eAAAA,EAAiBvB,MAAQW,EAAAA;;AAI/Ba,QAAAA,gBAAAA,EACExB,wBACEe,GAACU,CAAAA,IAAAA,EAAAA;YACCC,GAAKC,EAAAA,OAAAA;AACLC,YAAAA,SAAAA,gBAAWb,GAACc,CAAAA,SAAAA,EAAAA,EAAAA,CAAAA;AACZC,YAAAA,EAAAA,EAAI,CAAC,EAAEzB,QAAAA,CAAS,CAAC,EAAE0B,UAAUtB,SAAW,EAAA;gBAAEuB,MAAQ,EAAA;AAAM,aAAA,CAAA,CAAG,CAAC;sBAE3D7B,aAAc,CAAA;AACbQ,gBAAAA,EAAAA,EAAIO,OAAQ,CAAA,gCAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA;;AAINc,QAAAA,aAAAA,EACElC,2BACEmC,IAACC,CAAAA,IAAAA,EAAAA;YAAKC,GAAK,EAAA,CAAA;;8BACTrB,GAACsB,CAAAA,MAAAA,EAAAA;AAAOT,oBAAAA,SAAAA,gBAAWb,GAACuB,CAAAA,IAAAA,EAAAA,EAAAA,CAAAA;oBAASC,OAAQ,EAAA,WAAA;oBAAYC,OAASvC,EAAAA,wBAAAA;8BACvDE,aAAc,CAAA;AACbQ,wBAAAA,EAAAA,EAAIO,OAAQ,CAAA,2BAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;;8BAGFJ,GAACsB,CAAAA,MAAAA,EAAAA;AAAOT,oBAAAA,SAAAA,gBAAWb,GAACuB,CAAAA,IAAAA,EAAAA,EAAAA,CAAAA;oBAASE,OAAStC,EAAAA,yBAAAA;8BACnCC,aAAc,CAAA;AACbQ,wBAAAA,EAAAA,EAAIO,OAAQ,CAAA,2BAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;;;;;AAOd;;;;"}

package/dist/admin/{chunks/SettingsPage-DcdF16oj.js → pages/SettingsPage/SettingsPage.js}

@@ -8,24 +8,14 @@ var icons = require('@strapi/icons');
 var isEqual = require('lodash/isEqual');
 var reactIntl = require('react-intl');
 var reactQuery = require('react-query');
-var index = require('./index-DDQjAhM2.js');
+var constants = require('../../constants.js');
 require('byte-size');
 require('date-fns');
+var getTrad = require('../../utils/getTrad.js');
 require('qs');
-var immer = require('immer');
-var set = require('lodash/set');
-require('styled-components');
-require('yup');
-require('formik');
-require('react-select');
-require('cropperjs');
-require('@mux/mux-player-react');
-require('cropperjs/dist/cropper.css');
-require('lodash/isEmpty');
-require('react-dnd');
-require('react-router-dom');
-require('@strapi/icons/symbols');
-require('date-fns/parseISO');
+require('../../utils/urlYupSchema.js');
+var init = require('./init.js');
+var reducer = require('./reducer.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -46,51 +36,12 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const init = (initialState)=>{
-    return initialState;
-};
-
-const initialState = {
-    initialData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
-    },
-    modifiedData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
-    }
-};
-const reducer = (state, action)=>immer.produce(state, (drafState)=>{
-        switch(action.type){
-            case 'GET_DATA_SUCCEEDED':
-                {
-                    drafState.initialData = action.data;
-                    drafState.modifiedData = action.data;
-                    break;
-                }
-            case 'ON_CHANGE':
-                {
-                    set(drafState, [
-                        'modifiedData',
-                        ...action.keys.split('.')
-                    ], action.value);
-                    break;
-                }
-            default:
-                return state;
-        }
-    });
-
 // TODO: find a better naming convention for the file that was an index file before
 const SettingsPage = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
     const { get, put } = strapiAdmin.useFetchClient();
-    const [{ initialData, modifiedData }, dispatch] = React__namespace.useReducer(reducer, initialState, init);
+    const [{ initialData, modifiedData }, dispatch] = React__namespace.useReducer(reducer.reducer, reducer.initialState, init.init);
     const { data, isLoading, refetch } = reactQuery.useQuery({
         queryKey: [
             'upload',
@@ -151,7 +102,7 @@ const SettingsPage = ()=>{
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
                 children: formatMessage({
-                    id: index.getTrad('page.title'),
+                    id: getTrad.getTrad('page.title'),
                     defaultMessage: 'Settings - Media Libray'
                 })
             }),
@@ -160,7 +111,7 @@ const SettingsPage = ()=>{
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
                         title: formatMessage({
-                            id: index.getTrad('settings.header.label'),
+                            id: getTrad.getTrad('settings.header.label'),
                             defaultMessage: 'Media Library'
                         }),
                         primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
@@ -175,7 +126,7 @@ const SettingsPage = ()=>{
                             })
                         }),
                         subtitle: formatMessage({
-                            id: index.getTrad('settings.sub-header.label'),
+                            id: getTrad.getTrad('settings.sub-header.label'),
                             defaultMessage: 'Configure the settings for the Media Library'
                         })
                     }),
@@ -200,7 +151,7 @@ const SettingsPage = ()=>{
                                                     variant: "delta",
                                                     tag: "h2",
                                                     children: formatMessage({
-                                                        id: index.getTrad('settings.blockTitle'),
+                                                        id: getTrad.getTrad('settings.blockTitle'),
                                                         defaultMessage: 'Asset management'
                                                     })
                                                 })
@@ -215,14 +166,14 @@ const SettingsPage = ()=>{
                                                         alignItems: "stretch",
                                                         children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
                                                             hint: formatMessage({
-                                                                id: index.getTrad('settings.form.responsiveDimensions.description'),
+                                                                id: getTrad.getTrad('settings.form.responsiveDimensions.description'),
                                                                 defaultMessage: 'Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.'
                                                             }),
                                                             name: "responsiveDimensions",
                                                             children: [
                                                                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
                                                                     children: formatMessage({
-                                                                        id: index.getTrad('settings.form.responsiveDimensions.label'),
+                                                                        id: getTrad.getTrad('settings.form.responsiveDimensions.label'),
                                                                         defaultMessage: 'Responsive friendly upload'
                                                                     })
                                                                 }),
@@ -256,14 +207,14 @@ const SettingsPage = ()=>{
                                                         alignItems: "stretch",
                                                         children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
                                                             hint: formatMessage({
-                                                                id: index.getTrad('settings.form.sizeOptimization.description'),
+                                                                id: getTrad.getTrad('settings.form.sizeOptimization.description'),
                                                                 defaultMessage: 'Enabling this option will reduce the image size and slightly reduce its quality.'
                                                             }),
                                                             name: "sizeOptimization",
                                                             children: [
                                                                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
                                                                     children: formatMessage({
-                                                                        id: index.getTrad('settings.form.sizeOptimization.label'),
+                                                                        id: getTrad.getTrad('settings.form.sizeOptimization.label'),
                                                                         defaultMessage: 'Size optimization'
                                                                     })
                                                                 }),
@@ -297,14 +248,14 @@ const SettingsPage = ()=>{
                                                         alignItems: "stretch",
                                                         children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
                                                             hint: formatMessage({
-                                                                id: index.getTrad('settings.form.autoOrientation.description'),
+                                                                id: getTrad.getTrad('settings.form.autoOrientation.description'),
                                                                 defaultMessage: 'Enabling this option will automatically rotate the image according to EXIF orientation tag.'
                                                             }),
                                                             name: "autoOrientation",
                                                             children: [
                                                                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
                                                                     children: formatMessage({
-                                                                        id: index.getTrad('settings.form.autoOrientation.label'),
+                                                                        id: getTrad.getTrad('settings.form.autoOrientation.label'),
                                                                         defaultMessage: 'Auto orientation'
                                                                     })
                                                                 }),
@@ -345,10 +296,10 @@ const SettingsPage = ()=>{
     });
 };
 const ProtectedSettingsPage = ()=>/*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Protect, {
-        permissions: index.PERMISSIONS.settings,
+        permissions: constants.PERMISSIONS.settings,
         children: /*#__PURE__*/ jsxRuntime.jsx(SettingsPage, {})
     });
 
 exports.ProtectedSettingsPage = ProtectedSettingsPage;
 exports.SettingsPage = SettingsPage;
-//# sourceMappingURL=SettingsPage-DcdF16oj.js.map
+//# sourceMappingURL=SettingsPage.js.map

package/dist/admin/pages/SettingsPage/SettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","sources":["../../../../admin/src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport { Page, useNotification, useFetchClient, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex, Grid, Toggle, Typography, Field } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\n\nimport { UpdateSettings } from '../../../../shared/contracts/settings';\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport { init } from './init';\nimport { initialState, reducer } from './reducer';\n\nimport type { InitialState } from './reducer';\n\nexport const SettingsPage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { get, put } = useFetchClient();\n\n  const [{ initialData, modifiedData }, dispatch] = React.useReducer(reducer, initialState, init);\n\n  const { data, isLoading, refetch } = useQuery({\n    queryKey: ['upload', 'settings'],\n    async queryFn() {\n      const {\n        data: { data },\n      } = await get('/upload/settings');\n\n      return data;\n    },\n  });\n\n  React.useEffect(() => {\n    if (data) {\n      dispatch({\n        type: 'GET_DATA_SUCCEEDED',\n        data,\n      });\n    }\n  }, [data]);\n\n  const isSaveButtonDisabled = isEqual(initialData, modifiedData);\n\n  const { mutateAsync, isLoading: isSubmitting } = useMutation<\n    UpdateSettings.Response['data'],\n    UpdateSettings.Response['error'],\n    UpdateSettings.Request['body']\n  >(\n    async (body) => {\n      const { data } = await put('/upload/settings', body);\n\n      return data;\n    },\n    {\n      onSuccess() {\n        refetch();\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'notification.form.success.fields' }),\n        });\n      },\n      onError(err) {\n        console.error(err);\n      },\n    }\n  );\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    if (isSaveButtonDisabled) {\n      return;\n    }\n\n    await mutateAsync(modifiedData!);\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof NonNullable<InitialState['initialData']>; value: boolean };\n  }) => {\n    dispatch({\n      type: 'ON_CHANGE',\n      keys: name,\n      value,\n    });\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main tabIndex={-1}>\n      <Page.Title>\n        {formatMessage({\n          id: getTrad('page.title'),\n          defaultMessage: 'Settings - Media Libray',\n        })}\n      </Page.Title>\n      <form onSubmit={handleSubmit}>\n        <Layouts.Header\n          title={formatMessage({\n            id: getTrad('settings.header.label'),\n            defaultMessage: 'Media Library',\n          })}\n          primaryAction={\n            <Button\n              disabled={isSaveButtonDisabled}\n              loading={isSubmitting}\n              type=\"submit\"\n              startIcon={<Check />}\n              size=\"S\"\n            >\n              {formatMessage({\n                id: 'global.save',\n                defaultMessage: 'Save',\n              })}\n            </Button>\n          }\n          subtitle={formatMessage({\n            id: getTrad('settings.sub-header.label'),\n            defaultMessage: 'Configure the settings for the Media Library',\n          })}\n        />\n        <Layouts.Content>\n          <Layouts.Root>\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={12}>\n              <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n                  <Flex>\n                    <Typography variant=\"delta\" tag=\"h2\">\n                      {formatMessage({\n                        id: getTrad('settings.blockTitle'),\n                        defaultMessage: 'Asset management',\n                      })}\n                    </Typography>\n                  </Flex>\n                  <Grid.Root gap={6}>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        hint={formatMessage({\n                          id: getTrad('settings.form.responsiveDimensions.description'),\n                          defaultMessage:\n                            'Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.',\n                        })}\n                        name=\"responsiveDimensions\"\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: getTrad('settings.form.responsiveDimensions.label'),\n                            defaultMessage: 'Responsive friendly upload',\n                          })}\n                        </Field.Label>\n                        <Toggle\n                          checked={modifiedData?.responsiveDimensions}\n                          offLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.off-label',\n                            defaultMessage: 'Off',\n                          })}\n                          onLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.on-label',\n                            defaultMessage: 'On',\n                          })}\n                          onChange={(e) => {\n                            handleChange({\n                              target: { name: 'responsiveDimensions', value: e.target.checked },\n                            });\n                          }}\n                        />\n                        <Field.Hint />\n                      </Field.Root>\n                    </Grid.Item>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        hint={formatMessage({\n                          id: getTrad('settings.form.sizeOptimization.description'),\n                          defaultMessage:\n                            'Enabling this option will reduce the image size and slightly reduce its quality.',\n                        })}\n                        name=\"sizeOptimization\"\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: getTrad('settings.form.sizeOptimization.label'),\n                            defaultMessage: 'Size optimization',\n                          })}\n                        </Field.Label>\n                        <Toggle\n                          checked={modifiedData?.sizeOptimization}\n                          offLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.off-label',\n                            defaultMessage: 'Off',\n                          })}\n                          onLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.on-label',\n                            defaultMessage: 'On',\n                          })}\n                          onChange={(e) => {\n                            handleChange({\n                              target: { name: 'sizeOptimization', value: e.target.checked },\n                            });\n                          }}\n                        />\n                        <Field.Hint />\n                      </Field.Root>\n                    </Grid.Item>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        hint={formatMessage({\n                          id: getTrad('settings.form.autoOrientation.description'),\n                          defaultMessage:\n                            'Enabling this option will automatically rotate the image according to EXIF orientation tag.',\n                        })}\n                        name=\"autoOrientation\"\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: getTrad('settings.form.autoOrientation.label'),\n                            defaultMessage: 'Auto orientation',\n                          })}\n                        </Field.Label>\n                        <Toggle\n                          checked={modifiedData?.autoOrientation}\n                          offLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.off-label',\n                            defaultMessage: 'Off',\n                          })}\n                          onLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.on-label',\n                            defaultMessage: 'On',\n                          })}\n                          onChange={(e) => {\n                            handleChange({\n                              target: { name: 'autoOrientation', value: e.target.checked },\n                            });\n                          }}\n                        />\n                        <Field.Hint />\n                      </Field.Root>\n                    </Grid.Item>\n                  </Grid.Root>\n                </Flex>\n              </Box>\n            </Flex>\n          </Layouts.Root>\n        </Layouts.Content>\n      </form>\n    </Page.Main>\n  );\n};\n\nexport const ProtectedSettingsPage = () => (\n  <Page.Protect permissions={PERMISSIONS.settings}>\n    <SettingsPage />\n  </Page.Protect>\n);\n"],"names":["SettingsPage","formatMessage","useIntl","toggleNotification","useNotification","get","put","useFetchClient","initialData","modifiedData","dispatch","React","useReducer","reducer","initialState","init","data","isLoading","refetch","useQuery","queryKey","queryFn","useEffect","type","isSaveButtonDisabled","isEqual","mutateAsync","isSubmitting","useMutation","body","onSuccess","message","id","onError","err","console","error","handleSubmit","e","preventDefault","handleChange","target","name","value","keys","_jsx","Page","Loading","_jsxs","Main","tabIndex","Title","getTrad","defaultMessage","form","onSubmit","Layouts","Header","title","primaryAction","Button","disabled","loading","startIcon","Check","size","subtitle","Content","Root","Flex","direction","alignItems","gap","Box","background","padding","shadow","hasRadius","Typography","variant","tag","Grid","Item","col","s","Field","hint","Label","Toggle","checked","responsiveDimensions","offLabel","onLabel","onChange","Hint","sizeOptimization","autoOrientation","ProtectedSettingsPage","Protect","permissions","PERMISSIONS","settings"],"mappings":"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"}

package/dist/admin/{chunks/SettingsPage-kY2dZHnP.mjs → pages/SettingsPage/SettingsPage.mjs}

@@ -6,63 +6,14 @@ import { Check } from '@strapi/icons';
 import isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl';
 import { useQuery, useMutation } from 'react-query';
-import { P as PERMISSIONS, g as getTrad } from './index-BUqiOq3Y.mjs';
+import { PERMISSIONS } from '../../constants.mjs';
 import 'byte-size';
 import 'date-fns';
+import { getTrad } from '../../utils/getTrad.mjs';
 import 'qs';
-import { produce } from 'immer';
-import set from 'lodash/set';
-import 'styled-components';
-import 'yup';
-import 'formik';
-import 'react-select';
-import 'cropperjs';
-import '@mux/mux-player-react';
-import 'cropperjs/dist/cropper.css';
-import 'lodash/isEmpty';
-import 'react-dnd';
-import 'react-router-dom';
-import '@strapi/icons/symbols';
-import 'date-fns/parseISO';
-
-const init = (initialState)=>{
-    return initialState;
-};
-
-const initialState = {
-    initialData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
-    },
-    modifiedData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
-    }
-};
-const reducer = (state, action)=>produce(state, (drafState)=>{
-        switch(action.type){
-            case 'GET_DATA_SUCCEEDED':
-                {
-                    drafState.initialData = action.data;
-                    drafState.modifiedData = action.data;
-                    break;
-                }
-            case 'ON_CHANGE':
-                {
-                    set(drafState, [
-                        'modifiedData',
-                        ...action.keys.split('.')
-                    ], action.value);
-                    break;
-                }
-            default:
-                return state;
-        }
-    });
+import '../../utils/urlYupSchema.mjs';
+import { init } from './init.mjs';
+import { reducer, initialState } from './reducer.mjs';
 
 // TODO: find a better naming convention for the file that was an index file before
 const SettingsPage = ()=>{
@@ -329,4 +280,4 @@ const ProtectedSettingsPage = ()=>/*#__PURE__*/ jsx(Page.Protect, {
     });
 
 export { ProtectedSettingsPage, SettingsPage };
-//# sourceMappingURL=SettingsPage-kY2dZHnP.mjs.map
+//# sourceMappingURL=SettingsPage.mjs.map

package/dist/admin/pages/SettingsPage/SettingsPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.mjs","sources":["../../../../admin/src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport { Page, useNotification, useFetchClient, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex, Grid, Toggle, Typography, Field } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\n\nimport { UpdateSettings } from '../../../../shared/contracts/settings';\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport { init } from './init';\nimport { initialState, reducer } from './reducer';\n\nimport type { InitialState } from './reducer';\n\nexport const SettingsPage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { get, put } = useFetchClient();\n\n  const [{ initialData, modifiedData }, dispatch] = React.useReducer(reducer, initialState, init);\n\n  const { data, isLoading, refetch } = useQuery({\n    queryKey: ['upload', 'settings'],\n    async queryFn() {\n      const {\n        data: { data },\n      } = await get('/upload/settings');\n\n      return data;\n    },\n  });\n\n  React.useEffect(() => {\n    if (data) {\n      dispatch({\n        type: 'GET_DATA_SUCCEEDED',\n        data,\n      });\n    }\n  }, [data]);\n\n  const isSaveButtonDisabled = isEqual(initialData, modifiedData);\n\n  const { mutateAsync, isLoading: isSubmitting } = useMutation<\n    UpdateSettings.Response['data'],\n    UpdateSettings.Response['error'],\n    UpdateSettings.Request['body']\n  >(\n    async (body) => {\n      const { data } = await put('/upload/settings', body);\n\n      return data;\n    },\n    {\n      onSuccess() {\n        refetch();\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'notification.form.success.fields' }),\n        });\n      },\n      onError(err) {\n        console.error(err);\n      },\n    }\n  );\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    if (isSaveButtonDisabled) {\n      return;\n    }\n\n    await mutateAsync(modifiedData!);\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof NonNullable<InitialState['initialData']>; value: boolean };\n  }) => {\n    dispatch({\n      type: 'ON_CHANGE',\n      keys: name,\n      value,\n    });\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main tabIndex={-1}>\n      <Page.Title>\n        {formatMessage({\n          id: getTrad('page.title'),\n          defaultMessage: 'Settings - Media Libray',\n        })}\n      </Page.Title>\n      <form onSubmit={handleSubmit}>\n        <Layouts.Header\n          title={formatMessage({\n            id: getTrad('settings.header.label'),\n            defaultMessage: 'Media Library',\n          })}\n          primaryAction={\n            <Button\n              disabled={isSaveButtonDisabled}\n              loading={isSubmitting}\n              type=\"submit\"\n              startIcon={<Check />}\n              size=\"S\"\n            >\n              {formatMessage({\n                id: 'global.save',\n                defaultMessage: 'Save',\n              })}\n            </Button>\n          }\n          subtitle={formatMessage({\n            id: getTrad('settings.sub-header.label'),\n            defaultMessage: 'Configure the settings for the Media Library',\n          })}\n        />\n        <Layouts.Content>\n          <Layouts.Root>\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={12}>\n              <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n                  <Flex>\n                    <Typography variant=\"delta\" tag=\"h2\">\n                      {formatMessage({\n                        id: getTrad('settings.blockTitle'),\n                        defaultMessage: 'Asset management',\n                      })}\n                    </Typography>\n                  </Flex>\n                  <Grid.Root gap={6}>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        hint={formatMessage({\n                          id: getTrad('settings.form.responsiveDimensions.description'),\n                          defaultMessage:\n                            'Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.',\n                        })}\n                        name=\"responsiveDimensions\"\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: getTrad('settings.form.responsiveDimensions.label'),\n                            defaultMessage: 'Responsive friendly upload',\n                          })}\n                        </Field.Label>\n                        <Toggle\n                          checked={modifiedData?.responsiveDimensions}\n                          offLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.off-label',\n                            defaultMessage: 'Off',\n                          })}\n                          onLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.on-label',\n                            defaultMessage: 'On',\n                          })}\n                          onChange={(e) => {\n                            handleChange({\n                              target: { name: 'responsiveDimensions', value: e.target.checked },\n                            });\n                          }}\n                        />\n                        <Field.Hint />\n                      </Field.Root>\n                    </Grid.Item>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        hint={formatMessage({\n                          id: getTrad('settings.form.sizeOptimization.description'),\n                          defaultMessage:\n                            'Enabling this option will reduce the image size and slightly reduce its quality.',\n                        })}\n                        name=\"sizeOptimization\"\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: getTrad('settings.form.sizeOptimization.label'),\n                            defaultMessage: 'Size optimization',\n                          })}\n                        </Field.Label>\n                        <Toggle\n                          checked={modifiedData?.sizeOptimization}\n                          offLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.off-label',\n                            defaultMessage: 'Off',\n                          })}\n                          onLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.on-label',\n                            defaultMessage: 'On',\n                          })}\n                          onChange={(e) => {\n                            handleChange({\n                              target: { name: 'sizeOptimization', value: e.target.checked },\n                            });\n                          }}\n                        />\n                        <Field.Hint />\n                      </Field.Root>\n                    </Grid.Item>\n                    <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n                      <Field.Root\n                        hint={formatMessage({\n                          id: getTrad('settings.form.autoOrientation.description'),\n                          defaultMessage:\n                            'Enabling this option will automatically rotate the image according to EXIF orientation tag.',\n                        })}\n                        name=\"autoOrientation\"\n                      >\n                        <Field.Label>\n                          {formatMessage({\n                            id: getTrad('settings.form.autoOrientation.label'),\n                            defaultMessage: 'Auto orientation',\n                          })}\n                        </Field.Label>\n                        <Toggle\n                          checked={modifiedData?.autoOrientation}\n                          offLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.off-label',\n                            defaultMessage: 'Off',\n                          })}\n                          onLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.on-label',\n                            defaultMessage: 'On',\n                          })}\n                          onChange={(e) => {\n                            handleChange({\n                              target: { name: 'autoOrientation', value: e.target.checked },\n                            });\n                          }}\n                        />\n                        <Field.Hint />\n                      </Field.Root>\n                    </Grid.Item>\n                  </Grid.Root>\n                </Flex>\n              </Box>\n            </Flex>\n          </Layouts.Root>\n        </Layouts.Content>\n      </form>\n    </Page.Main>\n  );\n};\n\nexport const ProtectedSettingsPage = () => (\n  <Page.Protect permissions={PERMISSIONS.settings}>\n    <SettingsPage />\n  </Page.Protect>\n);\n"],"names":["SettingsPage","formatMessage","useIntl","toggleNotification","useNotification","get","put","useFetchClient","initialData","modifiedData","dispatch","React","useReducer","reducer","initialState","init","data","isLoading","refetch","useQuery","queryKey","queryFn","useEffect","type","isSaveButtonDisabled","isEqual","mutateAsync","isSubmitting","useMutation","body","onSuccess","message","id","onError","err","console","error","handleSubmit","e","preventDefault","handleChange","target","name","value","keys","_jsx","Page","Loading","_jsxs","Main","tabIndex","Title","getTrad","defaultMessage","form","onSubmit","Layouts","Header","title","primaryAction","Button","disabled","loading","startIcon","Check","size","subtitle","Content","Root","Flex","direction","alignItems","gap","Box","background","padding","shadow","hasRadius","Typography","variant","tag","Grid","Item","col","s","Field","hint","Label","Toggle","checked","responsiveDimensions","offLabel","onLabel","onChange","Hint","sizeOptimization","autoOrientation","ProtectedSettingsPage","Protect","permissions","PERMISSIONS","settings"],"mappings":"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"}

package/dist/admin/pages/SettingsPage/init.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const init = (initialState)=>{
+    return initialState;
+};
+
+exports.init = init;
+//# sourceMappingURL=init.js.map

package/dist/admin/pages/SettingsPage/init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.js","sources":["../../../../admin/src/pages/SettingsPage/init.ts"],"sourcesContent":["import type { InitialState } from './reducer';\n\nexport const init = (initialState: InitialState) => {\n  return initialState;\n};\n"],"names":["init","initialState"],"mappings":";;AAEO,MAAMA,OAAO,CAACC,YAAAA,GAAAA;IACnB,OAAOA,YAAAA;AACT;;;;"}