@selfcommunity/react-ui 0.8.0-embeds.16 → 0.8.0-live.40

package/lib/cjs/shared/Media/File/PreviewComponent.js

@@ -46,9 +46,9 @@ const PreviewComponent = react_1.default.forwardRef((props, ref) => {
     }, [onChange, value]);
     const handleDelete = (0, react_1.useCallback)((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
     // RENDER
-    const mediaElements = (0, react_1.useMemo)(() => medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }) })), media.title && (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.title }, { children: [media.type === Media_1.MEDIA_TYPE_DOCUMENT && (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "picture_as_pdf" }), media.title] }))] }), media.id))), [medias]);
+    const mediaElements = (0, react_1.useMemo)(() => medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { className: classes.delete, onClick: handleDelete(media.id), size: "small", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }) }), media.title && (0, jsx_runtime_1.jsxs)(material_1.Typography, { className: classes.title, children: [media.type === Media_1.MEDIA_TYPE_DOCUMENT && (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "picture_as_pdf" }), media.title] })] }, media.id))), [medias]);
     return (0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: medias.length > 0 && (isMobile ?
-            (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ id: SORTABLE_ID }, { children: mediaElements })) :
-            (0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ id: SORTABLE_ID, list: medias, setList: handleSort }, { children: mediaElements }))) }));
+            (0, jsx_runtime_1.jsx)(material_1.Box, { id: SORTABLE_ID, children: mediaElements }) :
+            (0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, { id: SORTABLE_ID, list: medias, setList: handleSort, children: mediaElements })) }));
 });
 exports.default = PreviewComponent;

package/lib/cjs/shared/Media/File/TriggerButton.js

@@ -82,20 +82,20 @@ exports.default = (_a) => {
     const list = (0, react_1.useMemo)(() => {
         if (isMobile) {
             return [
-                (0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ className: classes.item }, { children: (0, jsx_runtime_1.jsx)(PhotoUploadListItemButton, Object.assign({ inputFieldName: "image" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.photo", defaultMessage: "ui.composer.media.file.photo" }) })) }), "photo"),
-                (0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ className: classes.item }, { children: (0, jsx_runtime_1.jsx)(GalleryUploadListItemButton, Object.assign({ inputFieldName: "image" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) })) }), "gallery"),
-                (0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ className: classes.item }, { children: (0, jsx_runtime_1.jsx)(DocumentUploadListItemButton, Object.assign({ inputFieldName: "document" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) })) }), "document")
+                (0, jsx_runtime_1.jsx)(material_1.ListItem, { className: classes.item, children: (0, jsx_runtime_1.jsx)(PhotoUploadListItemButton, { inputFieldName: "image", children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.photo", defaultMessage: "ui.composer.media.file.photo" }) }) }, "photo"),
+                (0, jsx_runtime_1.jsx)(material_1.ListItem, { className: classes.item, children: (0, jsx_runtime_1.jsx)(GalleryUploadListItemButton, { inputFieldName: "image", children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) }) }, "gallery"),
+                (0, jsx_runtime_1.jsx)(material_1.ListItem, { className: classes.item, children: (0, jsx_runtime_1.jsx)(DocumentUploadListItemButton, { inputFieldName: "document", children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) }) }, "document")
             ];
         }
         else {
             return [
-                (0, jsx_runtime_1.jsx)(GalleryUploadMenuItem, Object.assign({ extraProps: { className: classes.item }, inputFieldName: "image" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) }), "gallery"),
-                (0, jsx_runtime_1.jsx)(DocumentUploadMenuItem, Object.assign({ extraProps: { className: classes.item }, inputFieldName: "document" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) }), "document")
+                (0, jsx_runtime_1.jsx)(GalleryUploadMenuItem, { extraProps: { className: classes.item }, inputFieldName: "image", children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.gallery", defaultMessage: "ui.composer.media.file.gallery" }) }, "gallery"),
+                (0, jsx_runtime_1.jsx)(DocumentUploadMenuItem, { extraProps: { className: classes.item }, inputFieldName: "document", children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.document", defaultMessage: "ui.composer.media.file.document" }) }, "document")
             ];
         }
     }, [isMobile, handleFilterByMime, handleSuccess, handleProgress, handleError]);
-    return ((0, jsx_runtime_1.jsxs)(chunked_uploady_1.default, Object.assign({ destination: {
+    return ((0, jsx_runtime_1.jsxs)(chunked_uploady_1.default, { destination: {
             url: `${scContext.settings.portal}${api_services_1.Endpoints.ComposerChunkUploadMedia.url()}`,
             method: api_services_1.Endpoints.ComposerChunkUploadMedia.method
-        }, fileFilter: handleFilterByMime, chunkSize: 204800, multiple: true }, { children: [(0, jsx_runtime_1.jsx)(MediaChunkUploader_1.default, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }), (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add media", disabled: isUploading, onClick: handleOpen }, { children: isUploading ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20 }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "photo_file" }) })), isMobile ? ((0, jsx_runtime_1.jsx)(SwipeableDrawerRoot, Object.assign({ onClick: () => setAnchorEl(null), className: classes.triggerDrawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: list }) }))) : ((0, jsx_runtime_1.jsx)(MenuRoot, Object.assign({ onClick: () => setAnchorEl(null), className: classes.triggerMenuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper } }, { children: list })))] })));
+        }, fileFilter: handleFilterByMime, chunkSize: 204800, multiple: true, children: [(0, jsx_runtime_1.jsx)(MediaChunkUploader_1.default, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }), (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add media", disabled: isUploading, onClick: handleOpen, children: isUploading ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20 }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "photo_file" }) })), isMobile ? ((0, jsx_runtime_1.jsx)(SwipeableDrawerRoot, { onClick: () => setAnchorEl(null), className: classes.triggerDrawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { children: list }) })) : ((0, jsx_runtime_1.jsx)(MenuRoot, { onClick: () => setAnchorEl(null), className: classes.triggerMenuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper }, children: list }))] }));
 };

package/lib/cjs/shared/Media/File/asUploadButton.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from "react";
-declare type FileInputProps = {
+type FileInputProps = {
     capture?: string;
     accept: string;
 };

package/lib/cjs/shared/Media/Link/DisplayComponent.js

@@ -49,11 +49,11 @@ exports.default = (props) => {
      * @param key
      */
     const renderPreview = (media, key) => {
-        if (media.embed.metadata.html) {
-            return renderHtml(media, key);
-        }
+        // if (media.embed.metadata.html) {
+        // 	return renderHtml(media, key);
+        // }
         const domain = new URL(media.embed.metadata.url).hostname.replace('www.', '');
-        return ((0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ className: classes.displayLink }, { children: [media.embed.metadata.images && media.embed.metadata.images.length > 0 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: fullWidth ? ((0, jsx_runtime_1.jsx)(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnailFullWidth, classes.image), style: { background: `url(${media.image})`, paddingBottom: `${100 / media.image_width / media.image_height}%` } })) : ((0, jsx_runtime_1.jsx)(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnail, classes.image), style: { background: `url(${media.image})` } })) })), (0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ className: classes.snippet }, { children: [(0, jsx_runtime_1.jsx)("b", Object.assign({ className: classes.snippetTitle }, { children: media.embed.metadata.title })), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: classes.snippetDescription }, { children: media.embed.metadata.description })), (0, jsx_runtime_1.jsx)("a", Object.assign({ href: media.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(media) }, { children: domain }))] })), (0, jsx_runtime_1.jsx)("div", { style: { clear: 'both' } })] })));
+        return ((0, jsx_runtime_1.jsxs)(Box_1.default, { className: classes.displayLink, children: [media.embed.metadata.images && media.embed.metadata.images.length > 0 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: fullWidth ? ((0, jsx_runtime_1.jsx)(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnailFullWidth, classes.image), style: { background: `url(${media.image})`, paddingBottom: `${100 / media.image_width / media.image_height}%` } })) : ((0, jsx_runtime_1.jsx)(Box_1.default, { className: (0, classnames_1.default)(classes.thumbnail, classes.image), style: { background: `url(${media.image})` } })) })), (0, jsx_runtime_1.jsxs)(Box_1.default, { className: classes.snippet, children: [(0, jsx_runtime_1.jsx)("b", { className: classes.snippetTitle, children: media.embed.metadata.title }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("p", { className: classes.snippetDescription, children: media.embed.metadata.description }), (0, jsx_runtime_1.jsx)("a", { href: media.embed.metadata.url, target: '_blank', onClick: () => handleLinkClick(media), children: domain })] }), (0, jsx_runtime_1.jsx)("div", { style: { clear: 'both' } })] }, key));
     };
     /**
      * Render html embed
@@ -61,7 +61,7 @@ exports.default = (props) => {
      * @param key
      */
     const renderHtml = (media, key) => {
-        return ((0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ className: classes.displayHtmlWrap }, { children: [(0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: media.embed.metadata.html }, className: classes.displayHtml }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes.displayHtmlPlaceholder, style: { paddingTop: `${(100 * media.embed.metadata.height) / media.embed.metadata.width}%`, maxHeight: media.embed.metadata.height } }, { children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, className: classes.displayHtmlLoading }) }))] })));
+        return ((0, jsx_runtime_1.jsxs)(Box_1.default, { className: classes.displayHtmlWrap, children: [(0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: media.embed.metadata.html }, className: classes.displayHtml }), (0, jsx_runtime_1.jsx)("div", { className: classes.displayHtmlPlaceholder, style: { paddingTop: `${(100 * media.embed.metadata.height) / media.embed.metadata.width}%`, maxHeight: media.embed.metadata.height }, children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, className: classes.displayHtmlLoading }) })] }, key));
     };
     /**
      * Renders component
@@ -71,7 +71,7 @@ exports.default = (props) => {
     }
     return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((l, i) => {
             if (l.embed.metadata && l.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO) {
-                return ((0, jsx_runtime_1.jsx)(react_lazyload_1.default, Object.assign({ className: classes.displayVideo, placeholder: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { variant: "rectangular", height: 360, width: '100%' }), once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT }, { children: (0, jsx_runtime_1.jsx)(AutoPlayer_1.default, { url: l.url, width: '100%', onVideoWatch: () => handleLinkClick(l) }, i) }), i));
+                return ((0, jsx_runtime_1.jsx)(react_lazyload_1.default, { className: classes.displayVideo, placeholder: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { variant: "rectangular", height: 360, width: '100%' }), once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT, children: (0, jsx_runtime_1.jsx)(AutoPlayer_1.default, { url: l.url, width: '100%', onVideoWatch: () => handleLinkClick(l) }, i) }, i));
             }
             return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderPreview(l, i) }, i);
         }) })));

package/lib/cjs/shared/Media/Link/LayerComponent.js

@@ -32,6 +32,6 @@ const LayerComponent = react_1.default.forwardRef((props, ref) => {
     const handleSave = (0, react_1.useCallback)(() => onSave(value), [value]);
     const handleAdd = (0, react_1.useCallback)((media) => setValue([...value, media]), [value]);
     const handleChange = (0, react_1.useCallback)((medias) => setValue(medias), []);
-    return (0, jsx_runtime_1.jsxs)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.layerRoot) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, Object.assign({ className: classes.title }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: onClose }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "arrow_back" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" }) }), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", color: "secondary", variant: "contained", onClick: handleSave }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }) }))] })), (0, jsx_runtime_1.jsxs)(DialogContent_1.default, Object.assign({ className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(UrlTextField_1.default, { id: "page", name: "page", label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }), (0, jsx_runtime_1.jsx)(PreviewComponent_1.default, { onChange: handleChange, value: value })] }))] }));
+    return (0, jsx_runtime_1.jsxs)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.layerRoot) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { className: classes.title, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "arrow_back" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" }) }), (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", color: "secondary", variant: "contained", onClick: handleSave, children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }) })] }), (0, jsx_runtime_1.jsxs)(DialogContent_1.default, { className: classes.content, children: [(0, jsx_runtime_1.jsx)(UrlTextField_1.default, { id: "page", name: "page", label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }), (0, jsx_runtime_1.jsx)(PreviewComponent_1.default, { onChange: handleChange, value: value })] })] }));
 });
 exports.default = LayerComponent;

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

@@ -32,6 +32,6 @@ const PreviewComponent = react_1.default.forwardRef((props, ref) => {
         onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
     }, [onChange, value]);
     const handleDelete = (0, react_1.useCallback)((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: medias.length > 0 && ((0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ list: medias, setList: handleSort }, { children: medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: (0, classnames_1.default)(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO }) }, { children: [(0, jsx_runtime_1.jsx)(DisplayComponent_1.default, { medias: [media] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }) }))] }), media.id))) }))) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: medias.length > 0 && ((0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, { list: medias, setList: handleSort, children: medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: (0, classnames_1.default)(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO }), children: [(0, jsx_runtime_1.jsx)(DisplayComponent_1.default, { medias: [media] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { className: classes.delete, onClick: handleDelete(media.id), size: "small", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }) })] }, media.id))) })) })));
 });
 exports.default = PreviewComponent;

package/lib/cjs/shared/Media/Link/TriggerButton.js

@@ -16,5 +16,5 @@ const Root = (0, styles_1.styled)(material_1.IconButton, {
 })(() => ({}));
 exports.default = (_a) => {
     var { className } = _a, rest = tslib_1.__rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add link" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "link" }) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add link", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "link" }) })));
 };

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

@@ -75,6 +75,6 @@ export interface OutlinedUrlTextFieldProps extends BaseUrlTextFieldProps {
      */
     InputProps?: Partial<OutlinedInputProps>;
 }
-export declare type UrlTextFieldProps = StandardUrlTextFieldProps | FilledUrlTextFieldProps | OutlinedUrlTextFieldProps;
+export type UrlTextFieldProps = StandardUrlTextFieldProps | FilledUrlTextFieldProps | OutlinedUrlTextFieldProps;
 declare const _default: (props: UrlTextFieldProps) => JSX.Element;
 export default _default;

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

@@ -74,8 +74,8 @@ exports.default = (props) => {
     /**
      * Renders url text field
      */
-    return ((0, jsx_runtime_1.jsx)("form", Object.assign({ method: "post", onSubmit: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
+    return ((0, jsx_runtime_1.jsx)("form", { method: "post", onSubmit: handleSubmit, children: (0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
                 (urlError && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
-                endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({ in: urlError === null && url !== '' }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ size: "small", disabled: isCreating, type: "submit" }, { children: isCreating ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "primary", size: 20 }) : (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" }) })) })) })))
-            } })) })));
+                endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.Fade, { in: urlError === null && url !== '', children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "small", disabled: isCreating, type: "submit", children: isCreating ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "primary", size: 20 }) : (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" }) }) }) }))
+            } })) }));
 };

package/lib/cjs/shared/Media/Share/DisplayComponent.js

@@ -30,5 +30,5 @@ exports.default = (_a) => {
     if (_medias.length === 0) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => ((0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ className: classes.sharePreview, onClick: onMediaClick }, { children: media.type === Media_1.MEDIA_TYPE_EVENT || (media.embed && media.embed.embed_type === Media_1.MEDIA_EMBED_SC_SHARED_EVENT) ? ((0, jsx_runtime_1.jsx)(Event_1.default, { event: media.embed.metadata, template: event_1.SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) })) : ((0, jsx_runtime_1.jsx)(FeedObject_1.default, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: feedObject_1.SCFeedObjectTemplateType.SHARE, cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST })) }), i))) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => ((0, jsx_runtime_1.jsx)(Box_1.default, { className: classes.sharePreview, onClick: onMediaClick, children: media.type === Media_1.MEDIA_TYPE_EVENT || (media.embed && media.embed.embed_type === Media_1.MEDIA_EMBED_SC_SHARED_EVENT) ? ((0, jsx_runtime_1.jsx)(Event_1.default, { event: media.embed.metadata, template: event_1.SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) })) : ((0, jsx_runtime_1.jsx)(FeedObject_1.default, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: feedObject_1.SCFeedObjectTemplateType.SHARE, cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST })) }, i))) })));
 };

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

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const chunked_uploady_1 = require("@rpldy/chunked-uploady");
+const uploady_1 = require("@rpldy/uploady");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
-const uploady_1 = require("@rpldy/uploady");
-const hash_1 = require("../../utils/hash");
+const utils_1 = require("@selfcommunity/utils");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_intl_1 = require("react-intl");
-const common_1 = tslib_1.__importDefault(require("../../messages/common"));
-const utils_1 = require("@selfcommunity/utils");
 const Errors_1 = require("../../constants/Errors");
+const common_1 = tslib_1.__importDefault(require("../../messages/common"));
+const hash_1 = require("../../utils/hash");
 exports.default = (props) => {
     // PROPS
     const { type = null, onSuccess = null, onProgress = null, onError = null } = props;
@@ -55,7 +55,7 @@ exports.default = (props) => {
             // @ts-ignore
             reader.readAsDataURL(item.file);
         }
-        chunkStateRef.current.setChunk({ id: item.id, [`upload_id`]: null, completed: 0, name: item.file.name });
+        chunkStateRef.current.setChunk({ id: item.id, ['upload_id']: null, completed: 0, name: item.file.name });
     });
     (0, uploady_1.useItemProgressListener)((item) => {
         chunkStateRef.current.setChunk({ id: item.id, completed: item.completed });
@@ -102,7 +102,7 @@ exports.default = (props) => {
             sendOptions: {
                 paramName: 'image',
                 method: api_services_1.Endpoints.ComposerChunkUploadMedia.method,
-                formatServerResponse: (response, status, headers) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                formatServerResponse: (response, status, _headers) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
                     if (status === 401) {
                         yield refreshSession();
                     }
@@ -111,7 +111,7 @@ exports.default = (props) => {
             }
         };
         if (chunkStateRef.current.chunks[data.item.id].upload_id) {
-            res.sendOptions.params = { [`upload_id`]: chunkStateRef.current.chunks[data.item.id].upload_id };
+            res.sendOptions.params = { ['upload_id']: chunkStateRef.current.chunks[data.item.id].upload_id };
         }
         else {
             chunkStateRef.current.setChunk({ id: data.item.id, type: type || data.sendOptions.paramName });
@@ -120,12 +120,14 @@ exports.default = (props) => {
     });
     (0, chunked_uploady_1.useChunkFinishListener)((data) => tslib_1.__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 });
+        chunkStateRef.current.setChunk({ id: data.item.id, ['upload_id']: _data.upload_id });
     }));
     (0, chunked_uploady_1.useRequestPreSend)(({ items, options }) => tslib_1.__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}` }
-        } : {};
+        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, destination });
         }

package/lib/cjs/shared/MetadataField/MetadataField.d.ts

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '@mui/material';
 import { SCMetadataType } from '@selfcommunity/types';
-export declare type MetadataFieldProps = TextFieldProps & {
+export type MetadataFieldProps = TextFieldProps & {
     metadata: SCMetadataType;
 };
 declare const MetadataField: (props: MetadataFieldProps) => JSX.Element;

package/lib/cjs/shared/MetadataField/MetadataField.js

@@ -25,7 +25,7 @@ const MetadataField = (props) => {
             component = (0, jsx_runtime_1.jsx)(PhoneTextField_1.default, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory }));
             break;
         case types_1.SCMetadataTypeFieldType.ENUM:
-            component = ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, select: true }, { children: metadata === null || metadata === void 0 ? void 0 : metadata.type_options.map((option) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: option }, { children: option }), option))) })));
+            component = ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, rest, { className: className, label: _label, required: metadata === null || metadata === void 0 ? void 0 : metadata.mandatory, select: true, children: metadata === null || metadata === void 0 ? void 0 : metadata.type_options.map((option) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: option, children: option }, option))) })));
             break;
         case types_1.SCMetadataTypeFieldType.CHECKBOX:
             const { value } = rest;

package/lib/cjs/shared/NotificationItem/NotificationItem.js

@@ -72,6 +72,6 @@ function NotificationItem(inProps) {
     // RENDER
     return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`, {
             [classes.new]: isNew
-        }), elevation: elevation }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.header }, { children: [image && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: (0, classnames_1.default)(classes.image) }, { children: image })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.title }, { children: [primary && ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.primary }, { children: [template === notification_1.SCNotificationObjectTemplateType.DETAIL && isNew && (0, jsx_runtime_1.jsx)(NewChip_1.default, { className: classes.newChip }), disableTypography ? primary : (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({}, primaryTypographyProps, { children: primary }))] }))), secondary && ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.secondary }, { children: disableTypography ? secondary : (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({}, secondaryTypographyProps, { children: secondary })) })))] }))] })), actions && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.actions }, { children: actions })), footer && (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.footer }, { children: footer }))] })));
+        }), elevation: elevation, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: classes.header, children: [image && (0, jsx_runtime_1.jsx)(material_1.Box, { className: (0, classnames_1.default)(classes.image), children: image }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: classes.title, children: [primary && ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: classes.primary, children: [template === notification_1.SCNotificationObjectTemplateType.DETAIL && isNew && (0, jsx_runtime_1.jsx)(NewChip_1.default, { className: classes.newChip }), disableTypography ? primary : (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({}, primaryTypographyProps, { children: primary }))] })), secondary && ((0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.secondary, children: disableTypography ? secondary : (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({}, secondaryTypographyProps, { children: secondary })) }))] })] }), actions && (0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.actions, children: actions }), footer && (0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.footer, children: footer })] })));
 }
 exports.default = NotificationItem;

package/lib/cjs/shared/PasswordTextField/index.js

@@ -22,7 +22,7 @@ function PasswordTextField(props) {
     };
     // RENDER
     return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ type: showPassword ? 'text' : 'password' }, props, { InputProps: {
-            endAdornment: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment, (0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ "aria-label": "toggle password visibility", onClick: handleClick, edge: "end" }, { children: showPassword ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility" }) })) }))] }))
+            endAdornment: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment, (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "toggle password visibility", onClick: handleClick, edge: "end", children: showPassword ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility" }) }) })] }))
         } })));
 }
 exports.default = PasswordTextField;

package/lib/cjs/shared/ProgressBar/index.js

@@ -20,6 +20,6 @@ const Root = (0, styles_1.styled)(material_1.Box, {
 })(() => ({}));
 function ProgressBar(props) {
     const { className, value, loadingMessage = null, hideBar = false } = props, rest = tslib_1.__rest(props, ["className", "value", "loadingMessage", "hideBar"]);
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.message }, { children: loadingMessage })), !hideBar && (0, jsx_runtime_1.jsx)(LinearProgress_1.default, Object.assign({ variant: "determinate", color: "success", className: classes.bar, value: value }, rest)), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.progress }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", color: "secondary" }, { children: `${Math.round(value)}%` })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Root, { className: (0, classnames_1.default)(classes.root, className), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.message, children: loadingMessage }), !hideBar && (0, jsx_runtime_1.jsx)(LinearProgress_1.default, Object.assign({ variant: "determinate", color: "success", className: classes.bar, value: value }, rest)), (0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.progress, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", color: "secondary", children: `${Math.round(value)}%` }) })] }));
 }
 exports.default = ProgressBar;

package/lib/cjs/shared/StickyBox/index.d.ts

@@ -32,18 +32,18 @@ import React from 'react';
 /**
  * Types/interfaces
  */
-export declare type UseStickyBoxProps = {
+export type UseStickyBoxProps = {
     offsetTop?: number;
     offsetBottom?: number;
     bottom?: boolean;
 };
-export declare type StickyBoxProps = UseStickyBoxProps & {
+export type StickyBoxProps = UseStickyBoxProps & {
     style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;
 };
-export declare type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
-export declare type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
+export type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
+export type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
 /**
  * useStickyBox
  * @param offsetTop

package/lib/cjs/shared/StickyBox/index.js

@@ -355,6 +355,6 @@ exports.useStickyBox = useStickyBox;
  */
 const StickyBox = ({ offsetTop, offsetBottom, bottom, children, className, style }) => {
     const ref = (0, exports.useStickyBox)({ offsetTop, offsetBottom, bottom });
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: style, ref: ref }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, ref: ref, children: children }));
 };
 exports.default = StickyBox;

package/lib/cjs/shared/Tags/index.js

@@ -69,7 +69,7 @@ var TagsComponentType;
 (function (TagsComponentType) {
     TagsComponentType["LIST"] = "list";
     TagsComponentType["POPPER"] = "popper";
-})(TagsComponentType = exports.TagsComponentType || (exports.TagsComponentType = {}));
+})(TagsComponentType || (exports.TagsComponentType = TagsComponentType = {}));
 function Tags(props) {
     // PROPS
     const { tags = [], title = null, type = TagsComponentType.POPPER, onOpen = null, onClose = null, onClickTag = null, TagChipProps = {} } = props, rest = tslib_1.__rest(props, ["tags", "title", "type", "onOpen", "onClose", "onClickTag", "TagChipProps"]);
@@ -96,7 +96,7 @@ function Tags(props) {
      * Renders tag title
      */
     function renderTitle() {
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ sx: { padding: 1, fontWeight: 600 } }, { children: title })), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] })) }));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { padding: 1, fontWeight: 600 }, children: title }), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] })) }));
     }
     /**
      * Returns focus to the button when we transitioned from !open -> open
@@ -111,14 +111,14 @@ function Tags(props) {
     /**
      * Renders component
      */
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tags.length && ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: type === TagsComponentType.POPPER ? ((0, jsx_runtime_1.jsxs)(TagsPopperRoot, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), (0, jsx_runtime_1.jsx)(TagsPopper, Object.assign({ open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tags.length && ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: type === TagsComponentType.POPPER ? ((0, jsx_runtime_1.jsxs)(TagsPopperRoot, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true", children: "label" }), (0, jsx_runtime_1.jsx)(TagsPopper, { open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
                             {
                                 name: 'preventOverflow',
                                 enabled: true
                             }
-                        ] }, { children: (_a) => {
+                        ], children: (_a) => {
                             var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
-                            return ((0, jsx_runtime_1.jsx)(Grow_1.default, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(Paper_1.default, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
-                        } }))] }))) : ((0, jsx_runtime_1.jsxs)(ListRoot, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
+                            return ((0, jsx_runtime_1.jsx)(Grow_1.default, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' }, children: (0, jsx_runtime_1.jsx)(Paper_1.default, { variant: 'outlined', className: classes.paper, children: (0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleClose, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) }) }) })));
+                        } })] }))) : ((0, jsx_runtime_1.jsxs)(ListRoot, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, { spacing: 1, direction: rest.direction ? rest.direction : 'column', children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) })] })) })) }));
 }
 exports.default = Tags;

package/lib/cjs/shared/UserDeletedSnackBar/UserDeletedSnackBar.js

@@ -26,6 +26,6 @@ function UserDeletedSnackBar(inProps) {
     return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root), open: open, autoHideDuration: 3000, onClose: handleClose, anchorOrigin: {
             vertical: 'top',
             horizontal: 'center'
-        } }, rest, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, Object.assign({ severity: "info", onClose: handleClose }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserDeleted", defaultMessage: "ui.common.actionToUserDeleted" }) })) })));
+        } }, rest, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "info", onClose: handleClose, children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserDeleted", defaultMessage: "ui.common.actionToUserDeleted" }) }) })));
 }
 exports.default = UserDeletedSnackBar;

package/lib/cjs/shared/UsernameTextField/index.d.ts

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '@mui/material';
-export declare type UsernameTextFieldProps = {
+export type UsernameTextFieldProps = {
     /**
      * Allows the field to accept an email format as well
      */

package/lib/cjs/shared/VirtualizedScroller/VirtualScrollerChild.js

@@ -26,6 +26,6 @@ const VirtualScrollChild = ({ children, onHeightChange }) => {
             }
         }
     });
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: children }));
+    return (0, jsx_runtime_1.jsx)("div", { ref: ref, children: children });
 };
 exports.default = VirtualScrollChild;

package/lib/cjs/types/broadcastMessage.js

@@ -9,4 +9,4 @@ var SCBroadcastMessageTemplateType;
     SCBroadcastMessageTemplateType["SNIPPET"] = "snippet";
     SCBroadcastMessageTemplateType["DETAIL"] = "detail";
     SCBroadcastMessageTemplateType["TOAST"] = "toast";
-})(SCBroadcastMessageTemplateType = exports.SCBroadcastMessageTemplateType || (exports.SCBroadcastMessageTemplateType = {}));
+})(SCBroadcastMessageTemplateType || (exports.SCBroadcastMessageTemplateType = SCBroadcastMessageTemplateType = {}));

package/lib/cjs/types/comments.js

@@ -10,4 +10,4 @@ var SCCommentsOrderBy;
     SCCommentsOrderBy["ADDED_AT_ASC"] = "added_at";
     SCCommentsOrderBy["CONNECTION_DESC"] = "-connection";
     SCCommentsOrderBy["CONNECTION_ASC"] = "connection";
-})(SCCommentsOrderBy = exports.SCCommentsOrderBy || (exports.SCCommentsOrderBy = {}));
+})(SCCommentsOrderBy || (exports.SCCommentsOrderBy = SCCommentsOrderBy = {}));

package/lib/cjs/types/composer.d.ts

@@ -10,6 +10,6 @@ export interface ComposerLayerProps {
     onSave: (value: any) => void;
     defaultValue: any;
 }
-export declare type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
+export type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
     title?: string;
 };

package/lib/cjs/types/event.js

@@ -6,4 +6,4 @@ var SCEventTemplateType;
     SCEventTemplateType["DETAIL"] = "detail";
     SCEventTemplateType["SNIPPET"] = "snippet";
     SCEventTemplateType["PREVIEW"] = "preview";
-})(SCEventTemplateType = exports.SCEventTemplateType || (exports.SCEventTemplateType = {}));
+})(SCEventTemplateType || (exports.SCEventTemplateType = SCEventTemplateType = {}));

package/lib/cjs/types/feedObject.js

@@ -11,7 +11,7 @@ var SCFeedObjectTemplateType;
     SCFeedObjectTemplateType["DETAIL"] = "detail";
     SCFeedObjectTemplateType["SEARCH"] = "search";
     SCFeedObjectTemplateType["SHARE"] = "share";
-})(SCFeedObjectTemplateType = exports.SCFeedObjectTemplateType || (exports.SCFeedObjectTemplateType = {}));
+})(SCFeedObjectTemplateType || (exports.SCFeedObjectTemplateType = SCFeedObjectTemplateType = {}));
 /**
  * FeedObject activities type
  */
@@ -21,4 +21,4 @@ var SCFeedObjectActivitiesType;
     SCFeedObjectActivitiesType["RECENT_COMMENTS"] = "recent_comments";
     SCFeedObjectActivitiesType["FIRST_COMMENTS"] = "first_comments";
     SCFeedObjectActivitiesType["CONNECTIONS_COMMENTS"] = "connections_comments";
-})(SCFeedObjectActivitiesType = exports.SCFeedObjectActivitiesType || (exports.SCFeedObjectActivitiesType = {}));
+})(SCFeedObjectActivitiesType || (exports.SCFeedObjectActivitiesType = SCFeedObjectActivitiesType = {}));

package/lib/cjs/types/notification.js

@@ -9,4 +9,4 @@ var SCNotificationObjectTemplateType;
     SCNotificationObjectTemplateType["SNIPPET"] = "snippet";
     SCNotificationObjectTemplateType["DETAIL"] = "detail";
     SCNotificationObjectTemplateType["TOAST"] = "toast";
-})(SCNotificationObjectTemplateType = exports.SCNotificationObjectTemplateType || (exports.SCNotificationObjectTemplateType = {}));
+})(SCNotificationObjectTemplateType || (exports.SCNotificationObjectTemplateType = SCNotificationObjectTemplateType = {}));

package/lib/cjs/types/user.js

@@ -17,7 +17,7 @@ var SCUserProfileFields;
     SCUserProfileFields["WEBSITE"] = "website";
     SCUserProfileFields["TAGS"] = "tags";
     SCUserProfileFields["SOCIAL_ASSOCIATIONS"] = "social_associations";
-})(SCUserProfileFields = exports.SCUserProfileFields || (exports.SCUserProfileFields = {}));
+})(SCUserProfileFields || (exports.SCUserProfileFields = SCUserProfileFields = {}));
 /**
  * User Profile Settings
  */
@@ -26,7 +26,7 @@ var SCUserProfileSettings;
     SCUserProfileSettings["NOTIFICATION"] = "notification";
     SCUserProfileSettings["INTERACTION"] = "interaction";
     SCUserProfileSettings["PRIVATE_MESSAGE"] = "private_message";
-})(SCUserProfileSettings = exports.SCUserProfileSettings || (exports.SCUserProfileSettings = {}));
+})(SCUserProfileSettings || (exports.SCUserProfileSettings = SCUserProfileSettings = {}));
 /**
  * User Profile Settings
  */
@@ -36,4 +36,4 @@ var SCUserSocialAssociations;
     SCUserSocialAssociations["FACEBOOK"] = "facebook";
     SCUserSocialAssociations["TWITTER"] = "twitter";
     SCUserSocialAssociations["LINKEDIN"] = "linkedin";
-})(SCUserSocialAssociations = exports.SCUserSocialAssociations || (exports.SCUserSocialAssociations = {}));
+})(SCUserSocialAssociations || (exports.SCUserSocialAssociations = SCUserSocialAssociations = {}));

package/lib/cjs/utils/events.d.ts

@@ -0,0 +1,2 @@
+import { SCEventType } from '@selfcommunity/types';
+export declare function checkEventFinished(event: SCEventType | null): boolean;

package/lib/cjs/utils/events.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkEventFinished = void 0;
+function checkEventFinished(event) {
+    if (event && !event.running) {
+        return new Date().getTime() > new Date(event.end_date || event.start_date).getTime();
+    }
+    return false;
+}
+exports.checkEventFinished = checkEventFinished;

package/lib/cjs/utils/formatRelativeTime.js

@@ -5,8 +5,8 @@ const getRelativeTime = (date) => {
     const diffInMilliseconds = new Date().getTime() - new Date(date).getTime();
     const seconds = Math.floor(diffInMilliseconds / 1000);
     const minutes = Math.floor(seconds / 60);
-    const hours = Math.ceil(minutes / 60);
-    const days = Math.floor(hours / 24);
+    const hours = Math.floor(minutes / 60);
+    const days = Math.round(hours / 24);
     const weeks = Math.floor(days / 7);
     const months = Math.floor(days / 30);
     const years = Math.floor(months / 12);

package/lib/cjs/utils/hash.d.ts

@@ -1 +1,2 @@
-export declare const md5: (file: any, chunkSize: any, callback: any) => void;
+import { BatchFile } from '@rpldy/shared';
+export declare const md5: (file: BatchFile['file'], chunkSize: number, callback: (arg: any) => void) => void;

package/lib/cjs/utils/liveStream.d.ts

@@ -0,0 +1,4 @@
+export declare function encodePassphrase(passphrase: string): string;
+export declare function decodePassphrase(base64String: string): string;
+export declare function generateRoomId(): string;
+export declare function randomString(length: number): string;

package/lib/cjs/utils/liveStream.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.randomString = exports.generateRoomId = exports.decodePassphrase = exports.encodePassphrase = void 0;
+function encodePassphrase(passphrase) {
+    return encodeURIComponent(passphrase);
+}
+exports.encodePassphrase = encodePassphrase;
+function decodePassphrase(base64String) {
+    return decodeURIComponent(base64String);
+}
+exports.decodePassphrase = decodePassphrase;
+function generateRoomId() {
+    return `${randomString(4)}-${randomString(4)}`;
+}
+exports.generateRoomId = generateRoomId;
+function randomString(length) {
+    let result = '';
+    const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    for (let i = 0; i < length; i++) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+}
+exports.randomString = randomString;

package/lib/cjs/utils/widget.d.ts

@@ -14,6 +14,7 @@ export declare const actionWidgetTypes: {
     LOAD_PREVIOUS_FAILURE: string;
     SET_RESULTS: string;
     SET_VISIBLE_ITEMS: string;
+    INITIALIZE: string;
     RESET: string;
 };
 /**

package/lib/cjs/utils/widget.js

@@ -18,6 +18,7 @@ exports.actionWidgetTypes = {
     LOAD_PREVIOUS_FAILURE: '_load_previous_failure',
     SET_RESULTS: '_set_results',
     SET_VISIBLE_ITEMS: '_set_visible_items',
+    INITIALIZE: '_initialize',
     RESET: '_reset'
 };
 /**
@@ -56,6 +57,19 @@ function dataWidgetReducer(state, action) {
         case exports.actionWidgetTypes.RESET:
             _state = { isLoadingNext: false, next: null, results: [], count: 0, errorLoadNext: null, initialized: false };
             break;
+        case exports.actionWidgetTypes.INITIALIZE:
+            _state = {
+                cacheKey: action.payload.cacheKey ? action.payload.cacheKey : null,
+                count: action.payload.count ? action.payload.count : 0,
+                results: action.payload.results ? action.payload.results : [],
+                next: action.payload.next ? action.payload.next : null,
+                previous: action.payload.previous ? action.payload.previous : null,
+                isLoadingNext: action.payload.isLoadingNext ? action.payload.isLoadingNext : false,
+                isLoadingPrevious: action.payload.isLoadingPrevious ? action.payload.isLoadingPrevious : false,
+                visibleItems: action.payload.visibleItems ? action.payload.visibleItems : null,
+                initialized: false
+            };
+            break;
     }
     utils_1.LRUCache.set(_state.cacheKey, _state);
     return _state;