@selfcommunity/react-ui 0.7.0-alpha.32 → 0.7.0-alpha.320

package/lib/esm/shared/Media/Image/index.d.ts

@@ -1,4 +1,3 @@
 import { SCMediaObjectType } from '../../../types/media';
 declare const Image: SCMediaObjectType;
 export default Image;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/Media/Image/index.js

@@ -11,4 +11,3 @@ const Image = {
     filter: (media) => media.type === MEDIA_TYPE_IMAGE
 };
 export default Image;
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/Media/Link/EditButton.d.ts

@@ -1,3 +1,2 @@
 declare const _default: (props: any) => JSX.Element;
 export default _default;
-//# sourceMappingURL=EditButton.d.ts.map

package/lib/esm/shared/Media/Link/EditButton.js

@@ -5,4 +5,3 @@ export default (props) => {
     return (React.createElement(MUIIconButton, Object.assign({}, props, { "aria-label": "add link" }),
         React.createElement(Icon, null, "link")));
 };
-//# sourceMappingURL=EditButton.js.map

package/lib/esm/shared/Media/Link/EditComponent.d.ts

@@ -1,4 +1,3 @@
 import { EditMediaProps } from '../types';
 declare const _default: (props: EditMediaProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=EditComponent.d.ts.map

package/lib/esm/shared/Media/Link/EditComponent.js

@@ -41,4 +41,3 @@ export default (props) => {
                 React.createElement(IconButton, { onClick: onDelete(media.id), size: "small" },
                     React.createElement(Icon, null, "delete"))))))))));
 };
-//# sourceMappingURL=EditComponent.js.map

package/lib/esm/shared/Media/Link/PreviewComponent.d.ts

@@ -21,4 +21,3 @@ export interface LinkPreviewProps {
 }
 declare const _default: (props: LinkPreviewProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=PreviewComponent.d.ts.map

package/lib/esm/shared/Media/Link/PreviewComponent.js

@@ -15,71 +15,36 @@ const classes = {
     thumbnailFullWidth: `${PREFIX}-thumbnail`,
     image: `${PREFIX}-image`,
     snippet: `${PREFIX}-snippet`,
-    snippetTitle: `${PREFIX}-snippetTitle`,
-    snippetDescription: `${PREFIX}-snippetDescription`
+    snippetTitle: `${PREFIX}-snippet-title`,
+    snippetDescription: `${PREFIX}-snippet-description`
 };
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.previewLink}`]: {
-        position: 'relative',
-        backgroundColor: '#F5F5F5',
-        margin: '10px 0px',
-        padding: theme.spacing()
-    },
-    [`& .${classes.previewVideo}`]: {
-        margin: '10px 0px',
-        height: 360
-    },
-    [`& .${classes.thumbnail}`]: {
-        border: '1px solid #dddddd',
-        borderRadius: 3,
-        paddingTop: theme.spacing(),
-        margin: theme.spacing(),
-        [theme.breakpoints.up('sm')]: {
-            maxWidth: 200,
-            width: '100%',
-            float: 'left'
-        }
-    },
-    [`& .${classes.image}`]: {
-        backgroundSize: 'cover !important',
-        backgroundPosition: 'center !important',
-        backgroundRepeat: 'no-repeat !important'
-    },
-    [`& .${classes.snippet}`]: {
-        padding: 10,
-        [`& .${classes.snippetTitle}`]: {},
-        [`& .${classes.snippetDescription}`]: {
-            fontSize: 12
-        },
-        '& a': {
-            fontSize: 13,
-            fontStyle: 'italic'
-        }
-    }
-}));
+})(({ theme }) => ({}));
 export default (props) => {
     // PROPS
     const { medias, fullWidth = false, adornment = null, onMediaClick = null } = props;
+    // HANDLERS
     const handleLinkClick = (link) => {
-        onMediaClick(link);
+        onMediaClick && onMediaClick(link);
     };
+    // RENDER
     /**
      * Renders link preview
      * @param (link)
      * @param(key)
      */
     const renderPreview = (link, key) => {
+        const domain = new URL(link.embed.metadata.url).hostname.replace('www.', '');
         return (React.createElement(Box, { className: classes.previewLink, key: key },
-            link.embed.metadata.images.length > 0 && (React.createElement(React.Fragment, null, fullWidth ? (React.createElement(Box, { className: classNames(classes.thumbnailFullWidth, classes.image), style: { background: `url(${link.image})`, paddingBottom: `${100 / link.image_width / link.image_height}%` } })) : (React.createElement(Box, { className: classNames(classes.thumbnail, classes.image), style: { background: `url(${link.image})`, paddingBottom: 170 } })))),
+            link.embed.metadata.images && link.embed.metadata.images.length > 0 && (React.createElement(React.Fragment, null, fullWidth ? (React.createElement(Box, { className: classNames(classes.thumbnailFullWidth, classes.image), style: { background: `url(${link.image})`, paddingBottom: `${100 / link.image_width / link.image_height}%` } })) : (React.createElement(Box, { className: classNames(classes.thumbnail, classes.image), style: { background: `url(${link.image})` } })))),
             React.createElement(Box, { className: classes.snippet },
                 React.createElement("b", { className: classes.snippetTitle }, link.embed.metadata.title),
                 React.createElement("br", null),
                 React.createElement("p", { className: classes.snippetDescription }, link.embed.metadata.description),
-                React.createElement("a", { href: link.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(link) }, link.embed.metadata.url)),
+                React.createElement("a", { href: link.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(link) }, domain)),
             React.createElement("div", { style: { clear: 'both' } })));
     };
     /**
@@ -95,4 +60,3 @@ export default (props) => {
             return React.createElement(React.Fragment, { key: i }, renderPreview(l, i));
         })))));
 };
-//# sourceMappingURL=PreviewComponent.js.map

package/lib/esm/shared/Media/Link/UrlTextField/index.d.ts

@@ -78,4 +78,3 @@ export interface OutlinedUrlTextFieldProps extends BaseUrlTextFieldProps {
 export declare type UrlTextFieldProps = StandardUrlTextFieldProps | FilledUrlTextFieldProps | OutlinedUrlTextFieldProps;
 declare const _default: (props: UrlTextFieldProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/Media/Link/UrlTextField/index.js

@@ -1,24 +1,13 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
 import InputAdornment from '@mui/material/InputAdornment';
 import Icon from '@mui/material/Icon';
 import IconButton from '@mui/material/IconButton';
 import TextField from '@mui/material/TextField';
-import { http, Endpoints, formatHttpError } from '@selfcommunity/api-services';
+import { http, Endpoints, formatHttpErrorCode } from '@selfcommunity/api-services';
 import { isValidUrl } from '@selfcommunity/utils';
 import { MEDIA_TYPE_URL } from '../../../../constants/Media';
-import { FormattedMessage, useIntl } from 'react-intl';
-import commonMessages from '../../../../messages/common';
+import { FormattedMessage } from 'react-intl';
 import { CircularProgress, Fade } from '@mui/material';
 const INITIAL_STATE = {
     url: '',
@@ -35,8 +24,6 @@ export default (props) => {
     const timerRef = React.useRef(null);
     // PROPS
     const { helperText, error, onSuccess } = props, rest = __rest(props, ["helperText", "error", "onSuccess"]);
-    // INTL
-    const intl = useIntl();
     // Component update
     useEffect(() => {
         // Clear the interval when the component unmounts
@@ -45,7 +32,8 @@ export default (props) => {
     // HANDLERS
     const handleChange = (event) => {
         const target = event.target;
-        setState({ url: target.value, urlError: isValidUrl(target.value) ? null : intl.formatMessage(commonMessages.urlError) });
+        const url = target.value.startsWith('h') ? target.value : `https://${target.value}`;
+        setState({ url, urlError: isValidUrl(url) ? null : 'validationError' });
     };
     const handleSubmit = (event) => {
         if (event) {
@@ -68,7 +56,8 @@ export default (props) => {
             onSuccess && onSuccess(res.data);
         })
             .catch((error) => {
-            setState(Object.assign(Object.assign({}, formatHttpError(error)), { url: urlRef.current }));
+            const _error = formatHttpErrorCode(error);
+            setState({ urlError: _error.urlError ? `urlError.${_error.urlError.error}` : _error.error, url: urlRef.current });
         })
             .then(() => setIsCreating(false));
     };
@@ -84,10 +73,10 @@ export default (props) => {
      * Renders url text field
      */
     return (React.createElement("form", { method: "post", onSubmit: handleSubmit },
-        React.createElement(TextField, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText || urlError || React.createElement(FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
+        React.createElement(TextField, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
+                (urlError && (React.createElement(FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || React.createElement(FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
                 endAdornment: (React.createElement(InputAdornment, { position: "end" },
                     React.createElement(Fade, { in: urlError === null && url !== '' },
                         React.createElement(IconButton, { size: "small", disabled: isCreating, type: "submit" }, isCreating ? React.createElement(CircularProgress, { color: "primary", size: 20 }) : React.createElement(Icon, null, "play_arrow")))))
             } }))));
 };
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/Media/Link/index.d.ts

@@ -1,4 +1,3 @@
 import { SCMediaObjectType } from '../../../types/media';
 declare const Link: SCMediaObjectType;
 export default Link;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/Media/Link/index.js

@@ -11,4 +11,3 @@ const Link = {
     filter: (media) => media.type === MEDIA_TYPE_URL && media.embed && media.embed.embed_type === MEDIA_EMBED_SC_LINK_TYPE
 };
 export default Link;
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/Media/Share/PreviewComponent.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
+import React from 'react';
 declare const _default: ({ medias, adornment }: {
     medias: any[];
     GridImageProps?: any;
     adornment?: React.ReactNode;
 }) => JSX.Element;
 export default _default;
-//# sourceMappingURL=PreviewComponent.d.ts.map

package/lib/esm/shared/Media/Share/PreviewComponent.js

@@ -1,9 +1,9 @@
-import React from "react";
-import { styled } from "@mui/material/styles";
-import Box from "@mui/material/Box";
-import FeedObject from "../../../components/FeedObject";
-import { SCFeedObjectTemplateType } from "../../../types/feedObject";
-import { CacheStrategies } from "@selfcommunity/utils";
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import FeedObject from '../../../components/FeedObject';
+import { SCFeedObjectTemplateType } from '../../../types/feedObject';
+import { CacheStrategies } from '@selfcommunity/utils';
 const PREFIX = 'SCPreviewMediaShare';
 const classes = {
     sharePreview: `${PREFIX}-share-preview`,
@@ -27,4 +27,3 @@ export default ({ medias = [], adornment = null }) => {
         medias.map((media, i) => (React.createElement(Box, { className: classes.sharePreview, key: i },
             React.createElement(FeedObject, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: SCFeedObjectTemplateType.SHARE, cacheStrategy: CacheStrategies.CACHE_FIRST }))))))));
 };
-//# sourceMappingURL=PreviewComponent.js.map

package/lib/esm/shared/Media/Share/index.d.ts

@@ -1,4 +1,3 @@
 import { SCMediaObjectType } from '../../../types/media';
 declare const Share: SCMediaObjectType;
 export default Share;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/Media/Share/index.js

@@ -9,4 +9,3 @@ const Share = {
     filter: (media) => media.type === MEDIA_TYPE_SHARE
 };
 export default Share;
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/Media/Video/EditButton.d.ts

@@ -1,3 +1,2 @@
 declare const _default: (props: any) => JSX.Element;
 export default _default;
-//# sourceMappingURL=EditButton.d.ts.map

package/lib/esm/shared/Media/Video/EditButton.js

@@ -5,4 +5,3 @@ export default (props) => {
     return (React.createElement(MUIIconButton, Object.assign({}, props, { "aria-label": "upload video" }),
         React.createElement(Icon, null, "play_circle_outline")));
 };
-//# sourceMappingURL=EditButton.js.map

package/lib/esm/shared/Media/Video/EditComponent.d.ts

@@ -1,4 +1,3 @@
 import { EditMediaProps } from '../types';
 declare const _default: (props: EditMediaProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=EditComponent.d.ts.map

package/lib/esm/shared/Media/Video/EditComponent.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import { asUploadButton } from '@rpldy/upload-button';
 import React, { forwardRef, useContext, useState } from 'react';
 import { Alert, AlertTitle, Box, Button as MuiButton, Fade, IconButton, ImageList, ImageListItem, ImageListItemBar, Typography } from '@mui/material';
@@ -95,4 +85,3 @@ export default (props) => {
                 React.createElement(MediaChunkUploader, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }),
                 React.createElement(UploadButton, { inputFieldName: "document" })))));
 };
-//# sourceMappingURL=EditComponent.js.map

package/lib/esm/shared/Media/Video/PreviewComponent.d.ts

@@ -17,4 +17,3 @@ export interface PreviewVideoProps {
 }
 declare const _default: (props: PreviewVideoProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=PreviewComponent.d.ts.map

package/lib/esm/shared/Media/Video/PreviewComponent.js

@@ -32,4 +32,3 @@ export default (props) => {
         medias.map((v, i) => (React.createElement(LazyLoad, { height: 360, placeholder: React.createElement(Skeleton, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, className: classes.previewVideo, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT },
             React.createElement(AutoPlayer, { url: v.url, width: '100%', onVideoWatch: () => handleVideoClick(v) }))))))));
 };
-//# sourceMappingURL=PreviewComponent.js.map

package/lib/esm/shared/Media/Video/index.d.ts

@@ -1,4 +1,3 @@
 import { SCMediaObjectType } from '../../../types/media';
 declare const Video: SCMediaObjectType;
 export default Video;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/Media/Video/index.js

@@ -11,4 +11,3 @@ const Video = {
     filter: (media) => media.type === MEDIA_TYPE_URL && media.embed && media.embed.embed_type === MEDIA_EMBED_SC_VIMEO_TYPE
 };
 export default Video;
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/Media/index.d.ts

@@ -5,4 +5,3 @@ import Video from './Video';
 import Share from './Share';
 import { EditMediaProps } from './types';
 export { Image, Document, Link, Video, Share, EditMediaProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/Media/index.js

@@ -4,4 +4,3 @@ import Link from './Link';
 import Video from './Video';
 import Share from './Share';
 export { Image, Document, Link, Video, Share };
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/Media/types.d.ts

@@ -24,4 +24,3 @@ export interface EditMediaProps {
      */
     onDelete: (id?: number) => (event: SyntheticEvent) => void;
 }
-//# sourceMappingURL=types.d.ts.map

package/lib/esm/shared/Media/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/lib/esm/shared/MediaChunkUploader/index.d.ts

@@ -24,4 +24,3 @@ export interface MediaChunkUploaderProps {
 }
 declare const _default: (props: MediaChunkUploaderProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/MediaChunkUploader/index.js

@@ -1,11 +1,14 @@
-import { useChunkFinishListener, useChunkStartListener, useItemErrorListener, useItemFinishListener, useRequestPreSend } from '@rpldy/chunked-uploady';
-import { http, Endpoints, formatHttpError } from '@selfcommunity/api-services';
-import { useSCContext } from '@selfcommunity/react-core';
+import { __awaiter } from "tslib";
+import { useChunkFinishListener, useChunkStartListener, useItemErrorListener, useItemFinishListener, useRequestPreSend, } from '@rpldy/chunked-uploady';
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { useSCContext, useSCUser } from '@selfcommunity/react-core';
 import { useItemProgressListener, useItemStartListener } from '@rpldy/uploady';
 import { md5 } from '../../utils/hash';
 import React, { useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import messages from '../../messages/common';
+import { Logger, resizeImage } from '@selfcommunity/utils';
+import { SCOPE_SC_UI } from '../../constants/Errors';
 export default (props) => {
     // PROPS
     const { type = null, onSuccess = null, onProgress = null, onError = null } = props;
@@ -13,17 +16,22 @@ export default (props) => {
     const firstRender = useRef(true);
     const chunkStateRef = React.useRef({ chunks: {}, setChunk: null, setChunks: null });
     // STATE
-    const [chunks, setChunks] = useState({});
+    const [chunks, _setChunks] = useState({});
     const setChunk = (chunk) => {
-        const _chunks = Object.assign(Object.assign({}, chunks), { [chunk.id]: Object.assign(Object.assign({}, chunks[chunk.id]), chunk) });
-        setChunks(_chunks);
+        const _chunks = Object.assign(Object.assign({}, chunkStateRef.current.chunks), { [chunk.id]: Object.assign(Object.assign({}, chunkStateRef.current.chunks[chunk.id]), chunk) });
+        _setChunks(_chunks);
         chunkStateRef.current.chunks = _chunks;
     };
+    const setChunks = (chunks) => {
+        _setChunks(chunks);
+        chunkStateRef.current.chunks = chunks;
+    };
     // Using refs to have the correct chunks values in the callbacks
     // https://stackoverflow.com/questions/57847594/react-hooks-accessing-up-to-date-state-from-within-a-callback
     chunkStateRef.current = { chunks, setChunk, setChunks };
     // CONTEXT
     const scContext = useSCContext();
+    const { refreshSession } = useSCUser();
     // INTL
     const intl = useIntl();
     // component update
@@ -41,7 +49,7 @@ export default (props) => {
             reader.onload = (e) => {
                 chunkStateRef.current.setChunk({ id: item.id, image: e.target.result });
             };
-            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             reader.readAsDataURL(item.file);
         }
@@ -64,14 +72,16 @@ export default (props) => {
                 headers: { 'Content-Type': 'multipart/form-data' }
             })
                 .then((res) => {
-                const _chunks = Object.assign({}, chunkStateRef.current.chunks);
-                delete _chunks[item.id];
-                chunkStateRef.current.setChunks(_chunks);
-                onSuccess(res.data);
+                setTimeout(() => {
+                    const _chunks = Object.assign({}, chunkStateRef.current.chunks);
+                    delete _chunks[item.id];
+                    chunkStateRef.current.setChunks(_chunks);
+                    onSuccess(res.data);
+                }, 0);
             })
                 .catch((error) => {
-                error = formatHttpError(error);
-                onError(Object.assign({}, chunkStateRef.current.chunks[item.id]), error.error);
+                console.log(error);
+                onError(Object.assign({}, chunkStateRef.current.chunks[item.id]), intl.formatMessage(messages.fileUploadErrorGeneric));
                 const _chunks = Object.assign({}, chunkStateRef.current.chunks);
                 delete _chunks[item.id];
                 chunkStateRef.current.setChunks(_chunks);
@@ -79,7 +89,7 @@ export default (props) => {
         });
     });
     useItemErrorListener((item) => {
-        onError(Object.assign({}, chunkStateRef.current.chunks[item.id]), intl.formatMessage(messages.error));
+        onError(Object.assign({}, chunkStateRef.current.chunks[item.id]), intl.formatMessage(messages.fileUploadErrorGeneric));
         const _chunks = Object.assign({}, chunkStateRef.current.chunks);
         delete _chunks[item.id];
         chunkStateRef.current.setChunks(_chunks);
@@ -89,8 +99,13 @@ export default (props) => {
             url: `${scContext.settings.portal}${Endpoints.ComposerChunkUploadMedia.url()}`,
             sendOptions: {
                 paramName: 'image',
-                headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` },
-                method: Endpoints.ComposerChunkUploadMedia.method
+                method: Endpoints.ComposerChunkUploadMedia.method,
+                formatServerResponse: (response, status, headers) => __awaiter(void 0, void 0, void 0, function* () {
+                    if (status === 401) {
+                        yield refreshSession();
+                    }
+                    return Promise.resolve(JSON.parse(response));
+                })
             }
         };
         if (chunkStateRef.current.chunks[data.item.id].upload_id) {
@@ -101,20 +116,41 @@ export default (props) => {
         }
         return res;
     });
-    useChunkFinishListener((data) => {
-        chunkStateRef.current.setChunk({ id: data.item.id, [`upload_id`]: data.uploadData.response.data.upload_id });
-    });
-    useRequestPreSend(({ items, options }) => {
+    useChunkFinishListener((data) => __awaiter(void 0, void 0, void 0, function* () {
+        const _data = yield data.uploadData.response.data;
+        chunkStateRef.current.setChunk({ id: data.item.id, [`upload_id`]: _data.upload_id });
+    }));
+    useRequestPreSend(({ items, options }) => __awaiter(void 0, void 0, void 0, function* () {
+        const destination = ['JWT', 'OAuth'].includes(scContext.settings.session.type) ? {
+            headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` }
+        } : {};
         if (items.length == 0) {
-            return Promise.resolve({ options });
+            return Promise.resolve({ options, destination });
         }
         //returned object can be wrapped with a promise
-        return Promise.resolve({
-            options: {
-                inputFieldName: options.inputFieldName
-            }
+        return new Promise((resolve) => {
+            Promise.all(items.map((item) => __awaiter(void 0, void 0, void 0, function* () {
+                return Object.assign(Object.assign({}, item), { file: item.file.type.startsWith('image/') && item.file.type !== 'image/gif' ? yield resizeImage(item.file) : item.file });
+            })))
+                .then((items) => {
+                resolve({
+                    items: items,
+                    options: {
+                        inputFieldName: options.inputFieldName,
+                        destination
+                    }
+                });
+            })
+                .catch((error) => {
+                Logger.error(error, SCOPE_SC_UI);
+                resolve({
+                    options: {
+                        inputFieldName: options.inputFieldName,
+                        destination
+                    }
+                });
+            });
         });
-    });
+    }));
     return null;
 };
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/MediasPreview/index.d.ts

@@ -16,4 +16,3 @@ export interface MediaPreviewProps {
 }
 declare const _default: (props: MediaPreviewProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/shared/MediasPreview/index.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
@@ -25,7 +15,6 @@ const Root = styled(Box, {
 })(({ theme }) => ({
     position: 'relative',
     marginTop: 0,
-    marginBottom: theme.spacing(),
     marginLeft: -2,
     marginRight: -2
 }));
@@ -51,4 +40,3 @@ export default (props) => {
             React.createElement(mediaObject.previewComponent, Object.assign({ medias: medias.filter(mediaObject.filter) }, previewProps, { onMediaClick: handleMediaClick }))));
     })));
 };
-//# sourceMappingURL=index.js.map

package/lib/esm/shared/MessageChunkUploader/index.d.ts

@@ -10,7 +10,7 @@ export interface MessageChunkUploaderProps {
      * Handles on progress
      * @default null
      */
-    onStart: (type: any) => void;
+    onStart?: (item: any) => void;
     /**
      * Handles on success
      * @default null
@@ -29,4 +29,3 @@ export interface MessageChunkUploaderProps {
 }
 declare const _default: (props: MessageChunkUploaderProps) => JSX.Element;
 export default _default;
-//# sourceMappingURL=index.d.ts.map