@selfcommunity/react-ui 0.7.50-alpha.1 → 0.7.51-alpha.0

package/lib/cjs/assets/index.d.ts

@@ -0,0 +1,2 @@
+import Logo from './logo';
+export { Logo };

package/lib/cjs/assets/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = void 0;
+const tslib_1 = require("tslib");
+// images
+const logo_1 = tslib_1.__importDefault(require("./logo"));
+exports.Logo = logo_1.default;

package/lib/cjs/assets/logo.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "data:image/png;base64,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";
+export default _default;

package/lib/cjs/assets/logo.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = 'data:image/png;base64,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';

package/lib/cjs/components/Composer/Composer.js

@@ -134,7 +134,7 @@ function Composer(inProps) {
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // HOOKS
     const theme = (0, styles_1.useTheme)();
-    const fullScreen = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'), { noSsr: typeof window !== 'undefined' });
+    const fullScreen = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'), { noSsr: (0, utils_1.isClientSideRendering)() });
     // State variables
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
     const [layer, setLayer] = (0, react_1.useState)();
@@ -477,13 +477,15 @@ function Composer(inProps) {
             });
         }
         else {
+            console.log('qui');
             onClose && onClose(event);
-            setLayer(null);
-            feedType && feedType === types_1.SCFeedTypologyType.CATEGORY
-                ? dispatch({ type: 'resetCategoryFeed' })
-                : feedType === types_1.SCFeedTypologyType.GROUP
-                    ? dispatch({ type: 'resetGroupFeed' })
-                    : dispatch({ type: 'reset' });
+            console.log('qui2');
+            /*setLayer(null);
+            feedType && feedType === SCFeedTypologyType.CATEGORY
+              ? dispatch({type: 'resetCategoryFeed'})
+              : feedType === SCFeedTypologyType.GROUP
+              ? dispatch({type: 'resetGroupFeed'})
+              : dispatch({type: 'reset'}); */
         }
     }, [onClose, canSubmit, handleRemoveLayer]);
     const handleClosePrompt = (0, react_1.useCallback)((event) => {

package/lib/cjs/components/Feed/Feed.js

@@ -104,7 +104,7 @@ const Feed = (inProps, ref) => {
     }, [scPreferences.preferences]);
     // RENDER
     const theme = (0, styles_1.useTheme)();
-    const oneColLayout = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'), { noSsr: typeof window !== 'undefined' });
+    const oneColLayout = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'), { noSsr: (0, utils_1.isClientSideRendering)() });
     const advEnabled = (0, react_1.useMemo)(() => preferences &&
         preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED] &&
         ((preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED] && scUserContext.user === null) ||

package/lib/cjs/components/PlatformWidget/PlatformWidget.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PlatformWidgetActionType } from '../../types/platformWidget';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 export interface PlatformWidgetProps extends VirtualScrollerItemProps {
     /**
@@ -19,11 +20,18 @@ export interface PlatformWidgetProps extends VirtualScrollerItemProps {
     /**
      * Actions to be inserted before
      */
-    startActions?: React.ReactNode | null;
+    startActions?: PlatformWidgetActionType[];
     /**
      * Actions to be inserted after
      */
-    endActions?: React.ReactNode | null;
+    endActions?: PlatformWidgetActionType[];
+    /**
+     * Hide actions
+     */
+    hideHubAction?: boolean;
+    hideConsoleAction?: boolean;
+    hideModerationAction?: boolean;
+    hideContactUsAction?: boolean;
     /**
      * Other props
      */
@@ -53,6 +61,20 @@ export interface PlatformWidgetProps extends VirtualScrollerItemProps {
  |---|---|---|
  |root|.SCPlatformWidget-root|Styles applied to the root element.|
  |title|.SCPlatformWidget-title|Styles applied to the title element.|
+ |actions|.SCPlatformWidget-actions|Styles applied to the actions container.|
+ |action|.SCPlatformWidget-action|Styles applied to the single action element.|
+ |actionHighlighted|.SCPlatformWidget-action-highlighted|Styles applied to the action highlighted.|
+ |tutorial|.SCPlatformWidget-tutorial|Styles applied to the tutorial element.|
+ |tutorialContent|.SCPlatformWidget-tutorial-content|Styles applied to the content of the tutorial element.|
+ |tutorialTitle|.SCPlatformWidget-tutorial-title|Styles applied to the title element of the tutorial.|
+ |tutorialTitleClose|.SCPlatformWidget-tutorial-title-close|Styles applied to the close button of the title in the tutorial.|
+ |tutorialDesc|.SCPlatformWidget-tutorial-desc|Styles applied to the tutorial description element.|
+ |tutorialOpen|.SCPlatformWidget-tutorial-open|Styles applied to the tutorial element when is active.|
+ |divider|.SCPlatformWidget-divider|Styles applied to the divider element in the tutorial container.|
+ |tutorialControls|.SCPlatformWidget-tutorial-controls|Styles applied to the tutorial bottom controls.|
+ |btnStep|.SCPlatformWidget-btn-step|Styles applied to the button next/previous/skip/close of the tutorial controls.|
+ |btnPreviousStep|.SCPlatformWidget-btn-previous-step|Styles applied to the button previous element of the tutorial controls.|
+ |btnNextStep|.SCPlatformWidget-btn-next-step|Styles applied to the button next element of the tutorial controls.|
 
  *
  * @param inProps

package/lib/cjs/components/PlatformWidget/PlatformWidget.js

@@ -6,21 +6,122 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const react_intl_1 = require("react-intl");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Widget_1 = tslib_1.__importDefault(require("../Widget"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = tslib_1.__importDefault(require("../../shared/HiddenPlaceholder"));
 const constants_1 = require("./constants");
+const assets_1 = require("../../assets");
+const Grow_1 = tslib_1.__importDefault(require("@mui/material/Grow"));
 const classes = {
     root: `${constants_1.PREFIX}-root`,
-    title: `${constants_1.PREFIX}-title`
+    title: `${constants_1.PREFIX}-title`,
+    content: `${constants_1.PREFIX}-content`,
+    actions: `${constants_1.PREFIX}-actions`,
+    action: `${constants_1.PREFIX}-action`,
+    actionHighlighted: `${constants_1.PREFIX}-action-highlighted`,
+    tutorial: `${constants_1.PREFIX}-tutorial`,
+    tutorialContent: `${constants_1.PREFIX}-tutorial-content`,
+    tutorialTitle: `${constants_1.PREFIX}-tutorial-title`,
+    tutorialTitleClose: `${constants_1.PREFIX}-tutorial-title-close`,
+    tutorialDesc: `${constants_1.PREFIX}-tutorial-desc`,
+    tutorialOpen: `${constants_1.PREFIX}-tutorial-open`,
+    divider: `${constants_1.PREFIX}-divider`,
+    tutorialControls: `${constants_1.PREFIX}-tutorial-controls`,
+    btnStep: `${constants_1.PREFIX}-btn-step`,
+    btnPreviousStep: `${constants_1.PREFIX}-btn-previous-step`,
+    btnNextStep: `${constants_1.PREFIX}-btn-next-step`
 };
 const Root = (0, styles_1.styled)(Widget_1.default, {
     name: constants_1.PREFIX,
     slot: 'Root'
-})(() => ({}));
+})(({ theme }) => ({
+    padding: '0px !important',
+    [`&.${classes.tutorialOpen}`]: {
+        position: 'relative',
+        zIndex: theme.zIndex.drawer + 2,
+        [`& .${classes.tutorial}`]: {
+            padding: 0
+        }
+    },
+    [`& .${classes.title}`]: {
+        display: 'flex',
+        justifyContent: 'center',
+        marginBottom: theme.spacing(1)
+    },
+    [`& .${classes.content}`]: {
+        padding: `${theme.spacing(2)} 0 0 0`,
+        backgroundColor: '#EFEFEF'
+    },
+    [`& .${classes.actions}`]: {
+        display: 'flex',
+        paddingBottom: 0,
+        boxShadow: 'inset -1px -3px 7px -4px #CECECE',
+        '-webkit-overflow-scrolling': 'touch',
+        overflowX: 'auto',
+        overflowY: 'hidden',
+        scrollbarWidth: 'none' /* Firefox */,
+        '-ms-overflow-style': 'none' /* IE and Edge */,
+        '&::-webkit-scrollbar': {
+            display: 'none'
+        }
+    },
+    [`& .${classes.action}`]: {
+        padding: `0px 2px ${theme.spacing(2)} 2px`,
+        display: 'flex',
+        flexGrow: 1,
+        justifyContent: 'center'
+    },
+    [`& .${classes.tutorialContent}`]: {
+        width: '100%'
+    },
+    [`& .${classes.divider}`]: {
+        paddingTop: theme.spacing()
+    },
+    [`& .${classes.tutorialTitle}`]: {
+        position: 'relative',
+        fontWeight: 700,
+        fontSize: 15,
+        padding: `${theme.spacing(3)} ${theme.spacing()} ${theme.spacing()} ${theme.spacing(3)}`
+    },
+    [`& .${classes.tutorialTitleClose}`]: {
+        position: 'absolute',
+        top: theme.spacing(3),
+        right: theme.spacing(3)
+    },
+    [`& .${classes.tutorialDesc}`]: {
+        fontSize: 14,
+        fontWeight: 200,
+        color: theme.palette.grey[700],
+        padding: `0px ${theme.spacing(3)} ${theme.spacing()} ${theme.spacing(3)}`
+    },
+    [`& .${classes.tutorialControls}`]: {
+        padding: theme.spacing(2)
+    },
+    [`& .${classes.actionHighlighted}`]: {
+        position: 'relative',
+        '&:before': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            bottom: -11,
+            width: 10,
+            height: 10,
+            transform: 'translateY(-50%) rotate(45deg)',
+            boxShadow: '0px -20px 20px 0px #CECECE',
+            zIndex: 0,
+            backgroundColor: theme.palette.common.white
+        },
+        '& .MuiButton-root': {
+            backgroundColor: theme.palette.primary.main,
+            color: theme.palette.common.white
+        }
+    },
+    [`& .${classes.btnStep}`]: {
+        borderRadius: 3
+    }
+}));
 /**
  * > API documentation for the Community-JS PlatformWidget component. Learn about the available props and the CSS API.
  *
@@ -45,6 +146,20 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
  |---|---|---|
  |root|.SCPlatformWidget-root|Styles applied to the root element.|
  |title|.SCPlatformWidget-title|Styles applied to the title element.|
+ |actions|.SCPlatformWidget-actions|Styles applied to the actions container.|
+ |action|.SCPlatformWidget-action|Styles applied to the single action element.|
+ |actionHighlighted|.SCPlatformWidget-action-highlighted|Styles applied to the action highlighted.|
+ |tutorial|.SCPlatformWidget-tutorial|Styles applied to the tutorial element.|
+ |tutorialContent|.SCPlatformWidget-tutorial-content|Styles applied to the content of the tutorial element.|
+ |tutorialTitle|.SCPlatformWidget-tutorial-title|Styles applied to the title element of the tutorial.|
+ |tutorialTitleClose|.SCPlatformWidget-tutorial-title-close|Styles applied to the close button of the title in the tutorial.|
+ |tutorialDesc|.SCPlatformWidget-tutorial-desc|Styles applied to the tutorial description element.|
+ |tutorialOpen|.SCPlatformWidget-tutorial-open|Styles applied to the tutorial element when is active.|
+ |divider|.SCPlatformWidget-divider|Styles applied to the divider element in the tutorial container.|
+ |tutorialControls|.SCPlatformWidget-tutorial-controls|Styles applied to the tutorial bottom controls.|
+ |btnStep|.SCPlatformWidget-btn-step|Styles applied to the button next/previous/skip/close of the tutorial controls.|
+ |btnPreviousStep|.SCPlatformWidget-btn-previous-step|Styles applied to the button previous element of the tutorial controls.|
+ |btnNextStep|.SCPlatformWidget-btn-next-step|Styles applied to the button next element of the tutorial controls.|
 
  *
  * @param inProps
@@ -56,14 +171,102 @@ function PlatformWidget(inProps) {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { autoHide, className, title = null, startActions = null, endActions = null, onHeightChange, onStateChange } = props, rest = tslib_1.__rest(props, ["autoHide", "className", "title", "startActions", "endActions", "onHeightChange", "onStateChange"]);
+    const { autoHide, className, title = null, startActions = [], endActions = [], hideConsoleAction = false, hideModerationAction = false, hideHubAction = false, hideContactUsAction = false, onHeightChange } = props, rest = tslib_1.__rest(props, ["autoHide", "className", "title", "startActions", "endActions", "hideConsoleAction", "hideModerationAction", "hideHubAction", "hideContactUsAction", "onHeightChange"]);
     // CONTEXT
+    const scContext = (0, react_core_1.useSCContext)();
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
-    const scLocaleContext = (0, react_core_1.useSCLocale)();
+    // STATE
+    const [tutorialIndex, setTutorialIndex] = (0, react_1.useState)(0);
+    const [isTutorialOpen, setIsTutorialOpen] = (0, react_1.useState)(false);
     // CONST
-    const language = scLocaleContext.locale;
     const isAdmin = (0, react_1.useMemo)(() => react_core_1.UserUtils.isAdmin(scUserContext.user), [scUserContext.user]);
+    const isEditor = (0, react_1.useMemo)(() => react_core_1.UserUtils.isEditor(scUserContext.user), [scUserContext.user]);
     const isModerator = (0, react_1.useMemo)(() => react_core_1.UserUtils.isModerator(scUserContext.user), [scUserContext.user]);
+    const isStage = scContext.settings.portal.includes('stage');
+    const actions = [
+        ...startActions,
+        ...((isAdmin || isEditor) && !hideConsoleAction
+            ? [
+                {
+                    render: (react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('') },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm.desc", defaultMessage: "ui.platformWidget.adm.desc" })
+                }
+            ]
+            : []),
+        ...((isAdmin || isModerator) && !hideModerationAction
+            ? [
+                {
+                    render: (react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('/moderation/flags/') },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod.desc", defaultMessage: "ui.platformWidget.mod.desc" })
+                }
+            ]
+            : []),
+        ...(isAdmin && !hideHubAction
+            ? [
+                {
+                    render: (react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", component: react_core_1.Link, to: isStage ? constants_1.HUB_STAGE : constants_1.HUB_PROD, target: "_blank" },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.hub", defaultMessage: "ui.platformWidget.hub" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.hub", defaultMessage: "ui.platformWidget.hub" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.hub.desc", defaultMessage: "ui.platformWidget.hub.desc" })
+                }
+            ]
+            : []),
+        ...(!hideContactUsAction
+            ? [
+                {
+                    render: (react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", component: react_core_1.Link, to: isStage ? constants_1.CONTACT_STAGE : constants_1.CONTACT_PROD, target: "_blank" },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.contactUs", defaultMessage: "ui.platformWidget.contactUs" }))),
+                    title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.contactUs", defaultMessage: "ui.platformWidget.contactUs" }),
+                    content: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.contactUs.desc", defaultMessage: "ui.platformWidget.contactUs.desc" })
+                }
+            ]
+            : []),
+        ...endActions
+    ];
+    /**
+     * Handle open tutorial
+     */
+    const handleOpenTutorial = (0, react_1.useCallback)(() => {
+        setTutorialIndex(0);
+        setIsTutorialOpen(true);
+        onHeightChange && onHeightChange();
+    }, [setTutorialIndex, setIsTutorialOpen, onHeightChange]);
+    /**
+     * Handle close tutorial
+     */
+    const handleCloseTutorial = (0, react_1.useCallback)(() => {
+        setIsTutorialOpen(false);
+        setTutorialIndex(0);
+        onHeightChange && onHeightChange();
+    }, [setIsTutorialOpen, setTutorialIndex, onHeightChange]);
+    /**
+     * Handle next step tutorial
+     */
+    const handlePrevious = (0, react_1.useCallback)(() => {
+        if (tutorialIndex > 0) {
+            setTutorialIndex((prev) => prev - 1);
+        }
+        else {
+            handleCloseTutorial();
+        }
+        onHeightChange && onHeightChange();
+    }, [tutorialIndex, setTutorialIndex, handleCloseTutorial, onHeightChange]);
+    /**
+     * Handle next step tutorial
+     */
+    const handleNext = (0, react_1.useCallback)(() => {
+        if (tutorialIndex < actions.length - 1) {
+            setTutorialIndex((prev) => prev + 1);
+        }
+        else {
+            handleCloseTutorial();
+        }
+        onHeightChange && onHeightChange();
+    }, [actions, tutorialIndex, setTutorialIndex, handleCloseTutorial, onHeightChange]);
     /**
      * Fetches platform url
      */
@@ -84,25 +287,51 @@ function PlatformWidget(inProps) {
             console.log(error);
         });
     }
+    /**
+     * Render tutorial
+     */
+    const tutorial = (react_1.default.createElement(material_1.Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.tutorial },
+        !isTutorialOpen && (react_1.default.createElement(material_1.Grid, { item: true, xs: "auto", alignItems: "center", justifyContent: "center" },
+            react_1.default.createElement(material_1.IconButton, { size: "medium", onClick: handleOpenTutorial },
+                react_1.default.createElement(material_1.Icon, null, "info")))),
+        react_1.default.createElement(material_1.Collapse, { in: isTutorialOpen, className: classes.tutorialContent }, isTutorialOpen && (react_1.default.createElement(material_1.Grid, { item: true, xs: "auto" },
+            react_1.default.createElement(material_1.Typography, { variant: 'body2', className: classes.tutorialTitle, component: 'div' },
+                react_1.default.createElement(Grow_1.default, { in: true, timeout: 1000 },
+                    react_1.default.createElement("span", null, actions[tutorialIndex].title)),
+                react_1.default.createElement(material_1.IconButton, { size: 'small', className: classes.tutorialTitleClose, onClick: handleCloseTutorial },
+                    react_1.default.createElement(material_1.Icon, null, "close"))),
+            react_1.default.createElement(Grow_1.default, { in: true, timeout: 1200 },
+                react_1.default.createElement(material_1.Typography, { variant: 'body2', className: classes.tutorialDesc }, actions[tutorialIndex].content)),
+            react_1.default.createElement(material_1.Divider, { className: classes.divider }),
+            react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2, className: classes.tutorialControls },
+                react_1.default.createElement(material_1.Button, { variant: "text", size: "small", onClick: handlePrevious, className: (0, classnames_1.default)(classes.btnStep, classes.btnPreviousStep) }, tutorialIndex === 0 ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.skip", defaultMessage: "ui.platformWidget.tutorial.skip" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.previous", defaultMessage: "ui.platformWidget.tutorial.previous" }))),
+                react_1.default.createElement(material_1.Typography, { component: 'div' },
+                    tutorialIndex + 1,
+                    "/",
+                    actions.length),
+                react_1.default.createElement(material_1.Button, { variant: "contained", size: "small", color: "primary", onClick: handleNext, className: (0, classnames_1.default)(classes.btnStep, classes.btnNextStep) }, tutorialIndex === actions.length - 1 ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.close", defaultMessage: "ui.platformWidget.tutorial.close" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.tutorial.next", defaultMessage: "ui.platformWidget.tutorial.next" })))))))));
     /**
      * Renders platform card
      */
-    const c = (react_1.default.createElement(material_1.Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center" },
-        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 }, title ? (title) : (react_1.default.createElement(material_1.Typography, { className: classes.title, component: "h3", align: "center" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.title", defaultMessage: "ui.platformWidget.title" }),
-            react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "lock")))),
-        startActions,
-        isAdmin && (react_1.default.createElement(material_1.Grid, { item: true, xs: "auto" },
-            react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('') },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.adm", defaultMessage: "ui.platformWidget.adm" })))),
-        react_1.default.createElement(material_1.Grid, { item: true, xs: "auto" },
-            react_1.default.createElement(material_1.Button, { variant: "outlined", size: "small", onClick: () => fetchPlatform('/moderation/flags/') }, isAdmin || isModerator ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.mod", defaultMessage: "ui.platformWidget.mod" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.edt", defaultMessage: "ui.platformWidget.edt" })))),
-        endActions));
+    const content = (react_1.default.createElement(material_1.Grid, { container: true, spacing: isAdmin ? 1 : 3, justifyContent: "center", className: classes.content },
+        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 }, title ? (title) : (react_1.default.createElement(material_1.Box, { className: classes.title },
+            react_1.default.createElement(material_1.Tooltip, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.platformWidget.title.tooltip", defaultMessage: "ui.platformWidget.title.tooltip" }) },
+                react_1.default.createElement("img", { src: assets_1.Logo, alt: "logo" }))))),
+        react_1.default.createElement(material_1.Grid, { item: true, xs: 12, className: classes.actions },
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 1, className: classes.action }),
+            actions.map((a, i) => {
+                return (react_1.default.createElement(material_1.Grid, { item: true, xs: "auto", className: (0, classnames_1.default)(classes.action, { [classes.actionHighlighted]: tutorialIndex === i && isTutorialOpen }) }, a.render));
+            }),
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 1, className: classes.action }))));
     /**
      * Renders root object (if not hidden by autoHide prop)
      */
     if (!autoHide && ((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.role)) {
-        return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), c));
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.tutorialOpen]: isTutorialOpen }) }, rest),
+                content,
+                tutorial),
+            react_1.default.createElement(material_1.Backdrop, { sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, open: isTutorialOpen, onClick: handleCloseTutorial })));
     }
     return react_1.default.createElement(HiddenPlaceholder_1.default, null);
 }

package/lib/cjs/components/PlatformWidget/constants.d.ts

@@ -1 +1,5 @@
 export declare const PREFIX = "SCPlatformWidget";
+export declare const HUB_STAGE = "https://hub.stage.quentrix.com/";
+export declare const HUB_PROD = "https://hub.selfcommunity.com/";
+export declare const CONTACT_STAGE = "https://hub.stage.quentrix.com/dashboard/account/contact-us";
+export declare const CONTACT_PROD = "https://hub.selfcommunity.com/dashboard/account/contact-us";

package/lib/cjs/components/PlatformWidget/constants.js

@@ -1,4 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PREFIX = void 0;
+exports.CONTACT_PROD = exports.CONTACT_STAGE = exports.HUB_PROD = exports.HUB_STAGE = exports.PREFIX = void 0;
 exports.PREFIX = 'SCPlatformWidget';
+exports.HUB_STAGE = 'https://hub.stage.quentrix.com/';
+exports.HUB_PROD = 'https://hub.selfcommunity.com/';
+exports.CONTACT_STAGE = 'https://hub.stage.quentrix.com/dashboard/account/contact-us';
+exports.CONTACT_PROD = 'https://hub.selfcommunity.com/dashboard/account/contact-us';

package/lib/cjs/index.d.ts

@@ -72,7 +72,7 @@ import AccountRecover, { AccountRecoverProps } from './components/AccountRecover
 import AccountReset, { AccountResetProps } from './components/AccountReset';
 import AccountVerify, { AccountVerifyProps } from './components/AccountVerify';
 import AccountChangeMailValidation, { AccountChangeMailValidationProps } from './components/AccountChangeMailValidation';
-import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCFeedWidgetType, SCMediaChunkType, SCMediaObjectType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps } from './types';
+import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCFeedWidgetType, SCMediaChunkType, SCMediaObjectType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType } from './types';
 import Widget, { WidgetProps } from './components/Widget';
 import ConfirmDialog from './shared/ConfirmDialog/ConfirmDialog';
 import LanguageSwitcher from './shared/LanguageSwitcher';
@@ -144,7 +144,11 @@ import { getUnseenNotification, getUnseenNotificationCounter } from './utils/fee
 import * as MessageUploaderUtils from './utils/thumbnailCoverter';
 import { getRelativeTime } from './utils/formatRelativeTime';
 import FeedObjectMediaPreview, { FeedObjectMediaPreviewProps } from './components/FeedObjectMediaPreview';
+/**
+ * Import Assets
+ */
+import { Logo } from './assets';
 /**
  * List all exports
  */
-export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, ComposerProps, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, VirtualScrollerItemProps, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, DefaultDrawerContentProps, HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, File, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps, GroupSettingsIconButton, GroupSettingsIconButtonProps };
+export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, ComposerProps, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, DefaultDrawerContentProps, HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, File, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps, GroupSettingsIconButton, GroupSettingsIconButtonProps, Logo };

package/lib/cjs/index.js

@@ -4,7 +4,7 @@ exports.GenericSkeleton = exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdate
 exports.UserConnectionsRequestsSentWidget = exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserProfileEditSectionAccount = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSkeleton = exports.UserProfileEdit = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.UserProfileBlocked = exports.UserInfoSkeleton = exports.UserInfo = exports.UserInfoDialog = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserCounters = exports.UserActionIconButton = exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.LocationAutocomplete = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.NotificationSkeleton = exports.Notification = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.ReplyComment = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectReply = exports.CommentObjectSkeleton = exports.CommentsObjectSkeleton = exports.CommentsObject = exports.CommentObject = exports.AvatarGroupSkeleton = void 0;
 exports.Groups = exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupSubscribeButton = exports.GroupSkeleton = exports.Group = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupInviteButton = exports.EditGroupButton = exports.CreateGroupButton = exports.GroupMembersButton = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.ChangeGroupPicture = exports.ChangeGroupCover = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = exports.SCFeedObjectTemplateType = exports.Widget = exports.SearchDialog = exports.SearchAutocomplete = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThread = exports.UserSkeleton = exports.User = exports.CustomAdvSkeleton = exports.CustomAdv = exports.SCUserSocialAssociations = exports.UserSocialAssociation = exports.UserConnectionsRequestsSentWidgetSkeleton = void 0;
 exports.IncubatorSuggestionWidget = exports.IncubatorDetail = exports.IncubatorListWidget = exports.IncubatorSubscribeButton = exports.Incubator = exports.PollSuggestionWidget = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_FIELDS = exports.LEGAL_POLICIES = exports.ConsentSolutionButton = exports.ConsentSolutionSkeleton = exports.ConsentSolution = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.LINKEDIN_SHARE = exports.X_SHARE = exports.FACEBOOK_SHARE = exports.MEDIA_TYPE_EMBED = exports.Share = exports.Link = exports.File = exports.MediaChunkUploader = exports.LanguageSwitcher = exports.ConfirmDialog = exports.CentralProgress = exports.Lightbox = exports.UserAvatar = exports.UserDeletedSnackBar = exports.TagChip = exports.useStickyBox = exports.StickyBox = exports.InfiniteScroll = exports.MetadataField = exports.PhoneTextField = exports.PasswordTextField = exports.EmailTextField = exports.UsernameTextField = exports.UrlTextField = exports.HiddenPlaceholder = exports.DefaultDrawerContent = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.GroupInvitedWidgetSkeleton = exports.GroupInvitedWidget = exports.GroupForm = exports.GroupsSkeleton = void 0;
-exports.GroupSettingsIconButton = exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = exports.Footer = exports.getRelativeTime = exports.MessageUploaderUtils = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.bytesToSize = exports.ContributionUtils = void 0;
+exports.Logo = exports.GroupSettingsIconButton = exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = exports.Footer = exports.getRelativeTime = exports.MessageUploaderUtils = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.bytesToSize = exports.ContributionUtils = void 0;
 const tslib_1 = require("tslib");
 /**
  * Components
@@ -363,3 +363,8 @@ const formatRelativeTime_1 = require("./utils/formatRelativeTime");
 Object.defineProperty(exports, "getRelativeTime", { enumerable: true, get: function () { return formatRelativeTime_1.getRelativeTime; } });
 const FeedObjectMediaPreview_1 = tslib_1.__importDefault(require("./components/FeedObjectMediaPreview"));
 exports.FeedObjectMediaPreview = FeedObjectMediaPreview_1.default;
+/**
+ * Import Assets
+ */
+const assets_1 = require("./assets");
+Object.defineProperty(exports, "Logo", { enumerable: true, get: function () { return assets_1.Logo; } });

package/lib/cjs/shared/BaseDialog/BaseDialog.js

@@ -12,6 +12,7 @@ const material_1 = require("@mui/material");
 const DialogTitle_1 = tslib_1.__importDefault(require("@mui/material/DialogTitle"));
 const IconButton_1 = tslib_1.__importDefault(require("@mui/material/IconButton"));
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
+const utils_1 = require("@selfcommunity/utils");
 const PREFIX = 'SCBaseDialog';
 const classes = {
     root: `${PREFIX}-root`,
@@ -24,7 +25,7 @@ const DialogTitleRoot = (0, styles_1.styled)(DialogTitle_1.default, {
 })(({ theme }) => ({}));
 const DialogTitle = ({ children = null, onClose = null }) => {
     const theme = (0, material_1.useTheme)();
-    const isMobile = (0, useMediaQuery_1.default)(theme.breakpoints.down('md'), { noSsr: typeof window !== 'undefined' });
+    const isMobile = (0, useMediaQuery_1.default)(theme.breakpoints.down('md'), { noSsr: (0, utils_1.isClientSideRendering)() });
     return (react_1.default.createElement(DialogTitleRoot, { className: classes.titleRoot },
         react_1.default.createElement("span", null, children),
         onClose ? (react_1.default.createElement(IconButton_1.default, { "aria-label": "close", onClick: onClose },
@@ -38,7 +39,7 @@ const Root = (0, styles_1.styled)(Dialog_1.default, {
 function BaseDialog(props) {
     // OPTIONS
     const theme = (0, material_1.useTheme)();
-    const isMobile = (0, useMediaQuery_1.default)(theme.breakpoints.down('md'), { noSsr: typeof window !== 'undefined' });
+    const isMobile = (0, useMediaQuery_1.default)(theme.breakpoints.down('md'), { noSsr: (0, utils_1.isClientSideRendering)() });
     const fullScreen = isMobile;
     // PROPS
     const { className = '', title = '', subtitle = null, DialogContentProps = { dividers: !isMobile }, open = false, onClose = null, actions = null, children, maxWidth = 'sm', scroll = 'body' } = props, rest = tslib_1.__rest(props, ["className", "title", "subtitle", "DialogContentProps", "open", "onClose", "actions", "children", "maxWidth", "scroll"]);

package/lib/cjs/shared/EmojiPicker/EmojiPicker.js

@@ -4,10 +4,12 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
+const emoji_picker_react_1 = require("emoji-picker-react");
 const system_1 = require("@mui/system");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const utils_1 = require("@selfcommunity/utils");
 let Picker;
-typeof window !== 'undefined' &&
+(0, utils_1.isClientSideRendering)() &&
     Promise.resolve().then(() => tslib_1.__importStar(require('emoji-picker-react'))).then((_module) => {
         Picker = _module.default;
     });
@@ -26,7 +28,7 @@ function EmojiPicker(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className = '', emojiStyle = 'native' } = props, rest = tslib_1.__rest(props, ["className", "emojiStyle"]);
+    const { className = '', emojiStyle = emoji_picker_react_1.EmojiStyle.NATIVE } = props, rest = tslib_1.__rest(props, ["className", "emojiStyle"]);
     return react_1.default.createElement(Root, { className: (0, classnames_1.default)(classes.root, className) }, Picker && react_1.default.createElement(Picker, Object.assign({ emojiStyle: emojiStyle }, rest)));
 }
 exports.default = EmojiPicker;

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

@@ -6,4 +6,5 @@ import { SCNotificationObjectTemplateType } from './notification';
 import { SCBroadcastMessageTemplateType } from './broadcastMessage';
 import { VirtualScrollerItemProps } from './virtualScroller';
 import { SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './user';
-export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps };
+import { PlatformWidgetActionType } from './platformWidget';
+export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface PlatformWidgetActionType {
+    /**
+     * Render action to be inserted
+     */
+    render: React.ReactNode;
+    /**
+     * Title for tutorial
+     */
+    title: React.ReactNode | string;
+    /**
+     * Content for tutorial
+     */
+    content: React.ReactNode | string;
+}