npm - @strapi/upload - Versions diffs - 5.26.0 → 5.28.0 - Mend

@strapi/upload 5.26.0 → 5.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

package/dist/admin/pages/SettingsPage/SettingsPage.mjs CHANGED Viewed

@@ -1,12 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Page, useNotification, useFetchClient, Layouts } from '@strapi/admin/strapi-admin';
-import { Button, Flex, Box, Typography, Grid, Field, Toggle } from '@strapi/design-system';
-import { Check } from '@strapi/icons';
+import { useAIAvailability } from '@strapi/admin/strapi-admin/ee';
+import { Button, Flex, Box, Grid, Typography, Field, Toggle } from '@strapi/design-system';
+import { Check, Sparkle } from '@strapi/icons';
 import isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl';
-import { useQuery, useMutation } from 'react-query';
+import { useMutation } from 'react-query';
 import { PERMISSIONS } from '../../constants.mjs';
+import { useSettings } from '../../hooks/useSettings.mjs';
 import 'byte-size';
 import 'date-fns';
 import { getTrad } from '../../utils/getTrad.mjs';
@@ -19,18 +21,10 @@ import { reducer, initialState } from './reducer.mjs';
 const SettingsPage = ()=>{
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
-    const { get, put } = useFetchClient();
+    const { put } = useFetchClient();
     const [{ initialData, modifiedData }, dispatch] = React.useReducer(reducer, initialState, init);
-    const { data, isLoading, refetch } = useQuery({
-        queryKey: [
-            'upload',
-            'settings'
-        ],
-        async queryFn () {
-            const { data: { data } } = await get('/upload/settings');
-            return data;
-        }
-    });
+    const { data, isLoading, refetch } = useSettings();
+    const isAIAvailable = useAIAvailability();
     React.useEffect(()=>{
         if (data) {
             dispatch({
@@ -82,7 +76,7 @@ const SettingsPage = ()=>{
             /*#__PURE__*/ jsx(Page.Title, {
                 children: formatMessage({
                     id: getTrad('page.title'),
-                    defaultMessage: 'Settings - Media Libray'
+                    defaultMessage: 'Settings - Media Library'
                 })
             }),
             /*#__PURE__*/ jsxs("form", {
@@ -111,161 +105,245 @@ const SettingsPage = ()=>{
                     }),
                     /*#__PURE__*/ jsx(Layouts.Content, {
                         children: /*#__PURE__*/ jsx(Layouts.Root, {
-                            children: /*#__PURE__*/ jsx(Flex, {
+                            children: /*#__PURE__*/ jsxs(Flex, {
                                 direction: "column",
                                 alignItems: "stretch",
-                                gap: 12,
-                                children: /*#__PURE__*/ jsx(Box, {
-                                    background: "neutral0",
-                                    padding: 6,
-                                    shadow: "filterShadow",
-                                    hasRadius: true,
-                                    children: /*#__PURE__*/ jsxs(Flex, {
-                                        direction: "column",
-                                        alignItems: "stretch",
-                                        gap: 4,
-                                        children: [
-                                            /*#__PURE__*/ jsx(Flex, {
-                                                children: /*#__PURE__*/ jsx(Typography, {
-                                                    variant: "delta",
-                                                    tag: "h2",
-                                                    children: formatMessage({
-                                                        id: getTrad('settings.blockTitle'),
-                                                        defaultMessage: 'Asset management'
-                                                    })
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxs(Grid.Root, {
+                                gap: 4,
+                                children: [
+                                    isAIAvailable && /*#__PURE__*/ jsx(Box, {
+                                        background: "neutral0",
+                                        padding: 6,
+                                        shadow: "filterShadow",
+                                        hasRadius: true,
+                                        children: /*#__PURE__*/ jsx(Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            gap: 1,
+                                            children: /*#__PURE__*/ jsxs(Grid.Root, {
                                                 gap: 6,
                                                 children: [
-                                                    /*#__PURE__*/ jsx(Grid.Item, {
-                                                        col: 6,
+                                                    /*#__PURE__*/ jsxs(Grid.Item, {
+                                                        col: 8,
                                                         s: 12,
                                                         direction: "column",
                                                         alignItems: "stretch",
-                                                        children: /*#__PURE__*/ jsxs(Field.Root, {
-                                                            hint: formatMessage({
-                                                                id: getTrad('settings.form.responsiveDimensions.description'),
-                                                                defaultMessage: 'Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.'
+                                                        children: [
+                                                            /*#__PURE__*/ jsxs(Flex, {
+                                                                gap: 2,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Box, {
+                                                                        color: "alternative700",
+                                                                        children: /*#__PURE__*/ jsx(Sparkle, {})
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Typography, {
+                                                                        variant: "delta",
+                                                                        tag: "h2",
+                                                                        children: formatMessage({
+                                                                            id: getTrad('settings.form.aiMetadata.label'),
+                                                                            defaultMessage: 'Generate AI captions and alt texts automatically on upload!'
+                                                                        })
+                                                                    })
+                                                                ]
                                                             }),
-                                                            name: "responsiveDimensions",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(Field.Label, {
+                                                            /*#__PURE__*/ jsx(Flex, {
+                                                                paddingTop: 1,
+                                                                children: /*#__PURE__*/ jsx(Typography, {
+                                                                    variant: "pi",
+                                                                    textColor: "neutral600",
                                                                     children: formatMessage({
-                                                                        id: getTrad('settings.form.responsiveDimensions.label'),
-                                                                        defaultMessage: 'Responsive friendly upload'
+                                                                        id: getTrad('settings.form.aiMetadata.description'),
+                                                                        defaultMessage: 'Enable this feature to save time, optimize your SEO and increase accessibility by letting our AI generate captions and alternative texts for you.'
                                                                     })
-                                                                }),
-                                                                /*#__PURE__*/ jsx(Toggle, {
-                                                                    checked: modifiedData?.responsiveDimensions,
-                                                                    offLabel: formatMessage({
-                                                                        id: 'app.components.ToggleCheckbox.off-label',
-                                                                        defaultMessage: 'Off'
-                                                                    }),
-                                                                    onLabel: formatMessage({
-                                                                        id: 'app.components.ToggleCheckbox.on-label',
-                                                                        defaultMessage: 'On'
-                                                                    }),
-                                                                    onChange: (e)=>{
-                                                                        handleChange({
-                                                                            target: {
-                                                                                name: 'responsiveDimensions',
-                                                                                value: e.target.checked
-                                                                            }
-                                                                        });
-                                                                    }
-                                                                }),
-                                                                /*#__PURE__*/ jsx(Field.Hint, {})
-                                                            ]
-                                                        })
+                                                                })
+                                                            })
+                                                        ]
                                                     }),
                                                     /*#__PURE__*/ jsx(Grid.Item, {
-                                                        col: 6,
+                                                        col: 4,
                                                         s: 12,
                                                         direction: "column",
-                                                        alignItems: "stretch",
-                                                        children: /*#__PURE__*/ jsxs(Field.Root, {
-                                                            hint: formatMessage({
-                                                                id: getTrad('settings.form.sizeOptimization.description'),
-                                                                defaultMessage: 'Enabling this option will reduce the image size and slightly reduce its quality.'
-                                                            }),
-                                                            name: "sizeOptimization",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(Field.Label, {
-                                                                    children: formatMessage({
-                                                                        id: getTrad('settings.form.sizeOptimization.label'),
-                                                                        defaultMessage: 'Size optimization'
-                                                                    })
+                                                        alignItems: "end",
+                                                        justifyContent: 'center',
+                                                        children: /*#__PURE__*/ jsx(Field.Root, {
+                                                            name: "aiMetadata",
+                                                            width: '158px',
+                                                            children: /*#__PURE__*/ jsx(Toggle, {
+                                                                checked: modifiedData?.aiMetadata,
+                                                                offLabel: formatMessage({
+                                                                    id: 'app.components.ToggleCheckbox.off-label',
+                                                                    defaultMessage: 'Disabled'
                                                                 }),
-                                                                /*#__PURE__*/ jsx(Toggle, {
-                                                                    checked: modifiedData?.sizeOptimization,
-                                                                    offLabel: formatMessage({
-                                                                        id: 'app.components.ToggleCheckbox.off-label',
-                                                                        defaultMessage: 'Off'
-                                                                    }),
-                                                                    onLabel: formatMessage({
-                                                                        id: 'app.components.ToggleCheckbox.on-label',
-                                                                        defaultMessage: 'On'
-                                                                    }),
-                                                                    onChange: (e)=>{
-                                                                        handleChange({
-                                                                            target: {
-                                                                                name: 'sizeOptimization',
-                                                                                value: e.target.checked
-                                                                            }
-                                                                        });
-                                                                    }
+                                                                onLabel: formatMessage({
+                                                                    id: 'app.components.ToggleCheckbox.on-label',
+                                                                    defaultMessage: 'Enabled'
                                                                 }),
-                                                                /*#__PURE__*/ jsx(Field.Hint, {})
-                                                            ]
+                                                                onChange: (e)=>{
+                                                                    handleChange({
+                                                                        target: {
+                                                                            name: 'aiMetadata',
+                                                                            value: e.target.checked
+                                                                        }
+                                                                    });
+                                                                }
+                                                            })
                                                         })
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Grid.Item, {
-                                                        col: 6,
-                                                        s: 12,
-                                                        direction: "column",
-                                                        alignItems: "stretch",
-                                                        children: /*#__PURE__*/ jsxs(Field.Root, {
-                                                            hint: formatMessage({
-                                                                id: getTrad('settings.form.autoOrientation.description'),
-                                                                defaultMessage: 'Enabling this option will automatically rotate the image according to EXIF orientation tag.'
-                                                            }),
-                                                            name: "autoOrientation",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(Field.Label, {
-                                                                    children: formatMessage({
-                                                                        id: getTrad('settings.form.autoOrientation.label'),
-                                                                        defaultMessage: 'Auto orientation'
-                                                                    })
+                                                    })
+                                                ]
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Box, {
+                                        background: "neutral0",
+                                        padding: 6,
+                                        shadow: "filterShadow",
+                                        hasRadius: true,
+                                        children: /*#__PURE__*/ jsxs(Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            gap: 4,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Flex, {
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        variant: "delta",
+                                                        tag: "h2",
+                                                        children: formatMessage({
+                                                            id: getTrad('settings.blockTitle'),
+                                                            defaultMessage: 'Asset management'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxs(Grid.Root, {
+                                                    gap: 6,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            s: 12,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                hint: formatMessage({
+                                                                    id: getTrad('settings.form.responsiveDimensions.description'),
+                                                                    defaultMessage: 'Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.'
                                                                 }),
-                                                                /*#__PURE__*/ jsx(Toggle, {
-                                                                    checked: modifiedData?.autoOrientation,
-                                                                    offLabel: formatMessage({
-                                                                        id: 'app.components.ToggleCheckbox.off-label',
-                                                                        defaultMessage: 'Off'
+                                                                name: "responsiveDimensions",
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: getTrad('settings.form.responsiveDimensions.label'),
+                                                                            defaultMessage: 'Responsive friendly upload'
+                                                                        })
                                                                     }),
-                                                                    onLabel: formatMessage({
-                                                                        id: 'app.components.ToggleCheckbox.on-label',
-                                                                        defaultMessage: 'On'
+                                                                    /*#__PURE__*/ jsx(Toggle, {
+                                                                        checked: modifiedData?.responsiveDimensions,
+                                                                        offLabel: formatMessage({
+                                                                            id: 'app.components.ToggleCheckbox.off-label',
+                                                                            defaultMessage: 'Off'
+                                                                        }),
+                                                                        onLabel: formatMessage({
+                                                                            id: 'app.components.ToggleCheckbox.on-label',
+                                                                            defaultMessage: 'On'
+                                                                        }),
+                                                                        onChange: (e)=>{
+                                                                            handleChange({
+                                                                                target: {
+                                                                                    name: 'responsiveDimensions',
+                                                                                    value: e.target.checked
+                                                                                }
+                                                                            });
+                                                                        }
                                                                     }),
-                                                                    onChange: (e)=>{
-                                                                        handleChange({
-                                                                            target: {
-                                                                                name: 'autoOrientation',
-                                                                                value: e.target.checked
-                                                                            }
-                                                                        });
-                                                                    }
+                                                                    /*#__PURE__*/ jsx(Field.Hint, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            s: 12,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                hint: formatMessage({
+                                                                    id: getTrad('settings.form.sizeOptimization.description'),
+                                                                    defaultMessage: 'Enabling this option will reduce the image size and slightly reduce its quality.'
                                                                 }),
-                                                                /*#__PURE__*/ jsx(Field.Hint, {})
-                                                            ]
+                                                                name: "sizeOptimization",
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: getTrad('settings.form.sizeOptimization.label'),
+                                                                            defaultMessage: 'Size optimization'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Toggle, {
+                                                                        checked: modifiedData?.sizeOptimization,
+                                                                        offLabel: formatMessage({
+                                                                            id: 'app.components.ToggleCheckbox.off-label',
+                                                                            defaultMessage: 'Off'
+                                                                        }),
+                                                                        onLabel: formatMessage({
+                                                                            id: 'app.components.ToggleCheckbox.on-label',
+                                                                            defaultMessage: 'On'
+                                                                        }),
+                                                                        onChange: (e)=>{
+                                                                            handleChange({
+                                                                                target: {
+                                                                                    name: 'sizeOptimization',
+                                                                                    value: e.target.checked
+                                                                                }
+                                                                            });
+                                                                        }
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Hint, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            s: 12,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                hint: formatMessage({
+                                                                    id: getTrad('settings.form.autoOrientation.description'),
+                                                                    defaultMessage: 'Enabling this option will automatically rotate the image according to EXIF orientation tag.'
+                                                                }),
+                                                                name: "autoOrientation",
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: getTrad('settings.form.autoOrientation.label'),
+                                                                            defaultMessage: 'Auto orientation'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Toggle, {
+                                                                        checked: modifiedData?.autoOrientation,
+                                                                        offLabel: formatMessage({
+                                                                            id: 'app.components.ToggleCheckbox.off-label',
+                                                                            defaultMessage: 'Off'
+                                                                        }),
+                                                                        onLabel: formatMessage({
+                                                                            id: 'app.components.ToggleCheckbox.on-label',
+                                                                            defaultMessage: 'On'
+                                                                        }),
+                                                                        onChange: (e)=>{
+                                                                            handleChange({
+                                                                                target: {
+                                                                                    name: 'autoOrientation',
+                                                                                    value: e.target.checked
+                                                                                }
+                                                                            });
+                                                                        }
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Hint, {})
+                                                                ]
+                                                            })
                                                         })
-                                                    })
-                                                ]
-                                            })
-                                        ]
+                                                    ]
+                                                })
+                                            ]
+                                        })
                                     })
-                                })
+                                ]
                             })
                         })
                     })

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

	@@ -1 +1 @@
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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"}
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 { useAIAvailability } from '@strapi/admin/strapi-admin/ee';\nimport { Box, Button, Flex, Grid, Toggle, Typography, Field } from '@strapi/design-system';\nimport { Check, Sparkle } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\n\nimport { UpdateSettings } from '../../../../shared/contracts/settings';\nimport { PERMISSIONS } from '../../constants';\nimport { useSettings } from '../../hooks/useSettings';\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 { put } = useFetchClient();\n\n const [{ initialData, modifiedData }, dispatch] = React.useReducer(reducer, initialState, init);\n\n const { data, isLoading, refetch } = useSettings();\n const isAIAvailable = useAIAvailability();\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 Library',\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={4}>\n {isAIAvailable && (\n <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n <Grid.Root gap={6}>\n <Grid.Item col={8} s={12} direction=\"column\" alignItems=\"stretch\">\n <Flex gap={2}>\n <Box color=\"alternative700\">\n <Sparkle />\n </Box>\n <Typography variant=\"delta\" tag=\"h2\">\n {formatMessage({\n id: getTrad('settings.form.aiMetadata.label'),\n defaultMessage:\n 'Generate AI captions and alt texts automatically on upload!',\n })}\n </Typography>\n </Flex>\n <Flex paddingTop={1}>\n <Typography variant=\"pi\" textColor=\"neutral600\">\n {formatMessage({\n id: getTrad('settings.form.aiMetadata.description'),\n defaultMessage:\n 'Enable this feature to save time, optimize your SEO and increase accessibility by letting our AI generate captions and alternative texts for you.',\n })}\n </Typography>\n </Flex>\n </Grid.Item>\n <Grid.Item\n col={4}\n s={12}\n direction=\"column\"\n alignItems=\"end\"\n justifyContent={'center'}\n >\n <Field.Root name=\"aiMetadata\" width={'158px'}>\n <Toggle\n checked={modifiedData?.aiMetadata}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'Disabled',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'Enabled',\n })}\n onChange={(e) => {\n handleChange({\n target: { name: 'aiMetadata', value: e.target.checked },\n });\n }}\n />\n </Field.Root>\n </Grid.Item>\n </Grid.Root>\n </Flex>\n </Box>\n )}\n\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","put","useFetchClient","initialData","modifiedData","dispatch","React","useReducer","reducer","initialState","init","data","isLoading","refetch","useSettings","isAIAvailable","useAIAvailability","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","Grid","Item","col","s","color","Sparkle","Typography","variant","tag","paddingTop","textColor","justifyContent","Field","width","Toggle","checked","aiMetadata","offLabel","onLabel","onChange","hint","Label","responsiveDimensions","Hint","sizeOptimization","autoOrientation","ProtectedSettingsPage","Protect","permissions","PERMISSIONS","settings"],"mappings":"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"}

package/dist/admin/pages/SettingsPage/reducer.js CHANGED Viewed

@@ -3,18 +3,17 @@
 var immer = require('immer');
 var set = require('lodash/set');
+const initialData = {
+    responsiveDimensions: true,
+    sizeOptimization: true,
+    autoOrientation: false,
+    videoPreview: false,
+    aiMetadata: true
+};
 const initialState = {
-    initialData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
-    },
+    initialData,
     modifiedData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
+        ...initialData
     }
 };
 const reducer = (state, action)=>immer.produce(state, (drafState)=>{

package/dist/admin/pages/SettingsPage/reducer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"reducer.js","sources":["../../../../admin/src/pages/SettingsPage/reducer.ts"],"sourcesContent":["import { produce } from 'immer';\nimport set from 'lodash/set';\n\~~nexport~~ ~~type~~ ~~InitialState~~ = {\n initialData: {\n responsiveDimensions?: ~~boolean;\~~n sizeOptimization?: ~~boolean;\~~n autoOrientation?: ~~boolean;\~~n videoPreview?: ~~boolean;\~~n } ~~\| null~~;\n ~~modifiedData:~~ {\n ~~responsiveDimensions?:~~ ~~boolean;\n sizeOptimization?:~~ ~~boolean;\n autoOrientation?:~~ ~~boolean~~;\n ~~videoPreview?: boolean;\n~~ } \| null;\n};\n\ninterface ActionGetDataSucceeded {\n type: 'GET_DATA_SUCCEEDED';\n data: InitialState['initialData'];\n}\n\ninterface ActionOnChange {\n type: 'ON_CHANGE';\n keys: keyof NonNullable<InitialState['initialData']>;\n value: boolean;\n}\n\nexport type Action = ActionGetDataSucceeded \| ActionOnChange;\n\nconst initialState: InitialState = {\n initialData~~: {\n responsiveDimensions: true~~,\n ~~sizeOptimization: true,\n autoOrientation: false,\n videoPreview: false,\n~~ ~~},\n~~ modifiedData: {~~\n responsiveDimensions:~~ ~~true,\n sizeOptimization:~~ ~~true,\n autoOrientation: false,\n videoPreview: false,\n~~ },\n};\n\nconst reducer = (state: InitialState, action: Action) =>\n produce(state, (drafState) => {\n switch (action.type) {\n case 'GET_DATA_SUCCEEDED': {\n drafState.initialData = action.data;\n drafState.modifiedData = action.data;\n break;\n }\n case 'ON_CHANGE': {\n set(drafState, ['modifiedData', ...action.keys.split('.')], action.value);\n break;\n }\n default:\n return state;\n }\n });\n\nexport { initialState, reducer };\n"],"names":["~~initialState","~~initialData","responsiveDimensions","sizeOptimization","autoOrientation","videoPreview","modifiedData","reducer","state","action","produce","drafState","type","data","set","keys","split","value"],"mappings":";;;;;~~AA+BA~~,MAAMA,~~YAA6B~~,GAAA;~~IACjCC~~,~~WAAa,EAAA;QACXC,~~oBAAsB,EAAA,IAAA;~~QACtBC~~,gBAAkB,EAAA,IAAA;~~QAClBC~~,eAAiB,EAAA,KAAA;~~QACjBC~~,YAAc,EAAA~~;AAChB~~,KAAA;~~IACAC~~,~~YAAc~~,EAAA;~~QACZJ~~,~~oBAAsB,EAAA,IAAA~~;~~QACtBC~~,~~gBAAkB~~,~~EAAA~~,~~IAAA~~;~~QAClBC~~,~~eAAiB~~,~~EAAA,KAAA~~;~~QACjBC~~,YAAc,EAAA;~~AAChB~~;~~AACF~~;AAEA,~~MAAME~~,UAAU,CAACC,KAAAA,EAAqBC,MACpCC,GAAAA,aAAAA,CAAQF,OAAO,CAACG,SAAAA,GAAAA;AACd,QAAA,OAAQF,OAAOG,IAAI;YACjB,KAAK,oBAAA;AAAsB,gBAAA;oBACzBD,~~SAAUV~~,CAAAA,WAAW,~~GAAGQ~~,MAAAA,CAAOI,IAAI;oBACnCF,SAAUL,CAAAA,YAAY,GAAGG,MAAAA,CAAOI,IAAI;AACpC,oBAAA;AACF;YACA,KAAK,WAAA;AAAa,gBAAA;AAChBC,oBAAAA,GAAAA,CAAIH,SAAW,EAAA;AAAC,wBAAA,cAAA;2BAAmBF,MAAOM,CAAAA,IAAI,CAACC,KAAK,CAAC,GAAA;AAAK,qBAAA,EAAEP,OAAOQ,KAAK,CAAA;AACxE,oBAAA;AACF;AACA,YAAA;gBACE,OAAOT,KAAAA;AACX;AACF,KAAA;;;;;"}
1	+ {"version":3,"file":"reducer.js","sources":["../../../../admin/src/pages/SettingsPage/reducer.ts"],"sourcesContent":["import { produce } from 'immer';\nimport set from 'lodash/set';\n\nimport { SettingsData } from '../../../../shared/contracts/settings';\n\nconst initialData: SettingsData = {\n responsiveDimensions: true,\n sizeOptimization: true,\n autoOrientation: false,\n videoPreview: false,\n aiMetadata: true,\n};\n\nexport type InitialState = {\n initialData: SettingsData \| null;\n modifiedData: SettingsData \| null;\n};\n\ninterface ActionGetDataSucceeded {\n type: 'GET_DATA_SUCCEEDED';\n data: InitialState['initialData'];\n}\n\ninterface ActionOnChange {\n type: 'ON_CHANGE';\n keys: keyof NonNullable<InitialState['initialData']>;\n value: boolean;\n}\n\nexport type Action = ActionGetDataSucceeded \| ActionOnChange;\n\nconst initialState: InitialState = {\n initialData,\n modifiedData: { ...initialData },\n};\n\nconst reducer = (state: InitialState, action: Action) =>\n produce(state, (drafState) => {\n switch (action.type) {\n case 'GET_DATA_SUCCEEDED': {\n drafState.initialData = action.data;\n drafState.modifiedData = action.data;\n break;\n }\n case 'ON_CHANGE': {\n set(drafState, ['modifiedData', ...action.keys.split('.')], action.value);\n break;\n }\n default:\n return state;\n }\n });\n\nexport { initialState, reducer };\n"],"names":["initialData","responsiveDimensions","sizeOptimization","autoOrientation","videoPreview","aiMetadata","initialState","modifiedData","reducer","state","action","produce","drafState","type","data","set","keys","split","value"],"mappings":";;;;;AAKA,MAAMA,WAA4B,GAAA;IAChCC,oBAAsB,EAAA,IAAA;IACtBC,gBAAkB,EAAA,IAAA;IAClBC,eAAiB,EAAA,KAAA;IACjBC,YAAc,EAAA,KAAA;IACdC,UAAY,EAAA;AACd,CAAA;AAoBA,MAAMC,YAA6B,GAAA;AACjCN,IAAAA,WAAAA;IACAO,YAAc,EAAA;AAAE,QAAA,GAAGP;AAAY;AACjC;AAEA,MAAMQ,UAAU,CAACC,KAAAA,EAAqBC,MACpCC,GAAAA,aAAAA,CAAQF,OAAO,CAACG,SAAAA,GAAAA;AACd,QAAA,OAAQF,OAAOG,IAAI;YACjB,KAAK,oBAAA;AAAsB,gBAAA;oBACzBD,SAAUZ,CAAAA,WAAW,GAAGU,MAAAA,CAAOI,IAAI;oBACnCF,SAAUL,CAAAA,YAAY,GAAGG,MAAAA,CAAOI,IAAI;AACpC,oBAAA;AACF;YACA,KAAK,WAAA;AAAa,gBAAA;AAChBC,oBAAAA,GAAAA,CAAIH,SAAW,EAAA;AAAC,wBAAA,cAAA;2BAAmBF,MAAOM,CAAAA,IAAI,CAACC,KAAK,CAAC,GAAA;AAAK,qBAAA,EAAEP,OAAOQ,KAAK,CAAA;AACxE,oBAAA;AACF;AACA,YAAA;gBACE,OAAOT,KAAAA;AACX;AACF,KAAA;;;;;"}

package/dist/admin/pages/SettingsPage/reducer.mjs CHANGED Viewed

@@ -1,18 +1,17 @@
 import { produce } from 'immer';
 import set from 'lodash/set';
+const initialData = {
+    responsiveDimensions: true,
+    sizeOptimization: true,
+    autoOrientation: false,
+    videoPreview: false,
+    aiMetadata: true
+};
 const initialState = {
-    initialData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
-    },
+    initialData,
     modifiedData: {
-        responsiveDimensions: true,
-        sizeOptimization: true,
-        autoOrientation: false,
-        videoPreview: false
+        ...initialData
     }
 };
 const reducer = (state, action)=>produce(state, (drafState)=>{