@selfcommunity/react-ui 0.7.50-events.40 → 0.7.50-events.43

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -70,17 +70,8 @@ function NotificationItem(inProps) {
     });
     const { id = null, className = null, image = null, disableTypography = false, primary = null, primaryTypographyProps = { component: 'span', variant: 'body1' }, secondary = null, secondaryTypographyProps = { component: 'p', variant: 'body2' }, actions = null, footer = null, template = notification_1.SCNotificationObjectTemplateType.DETAIL, isNew = false, elevation = 0 } = props, rest = tslib_1.__rest(props, ["id", "className", "image", "disableTypography", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps", "actions", "footer", "template", "isNew", "elevation"]);
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ id: id }, rest, { className: (0, classnames_1.default)(classes.root, className, `${PREFIX}-${template}`, {
+    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 }),
-        react_1.default.createElement(material_1.Box, { className: classes.header },
-            image && react_1.default.createElement(material_1.Box, { className: (0, classnames_1.default)(classes.image) }, image),
-            react_1.default.createElement(material_1.Box, { className: classes.title },
-                primary && (react_1.default.createElement(material_1.Box, { className: classes.primary },
-                    template === notification_1.SCNotificationObjectTemplateType.DETAIL && isNew && react_1.default.createElement(NewChip_1.default, { className: classes.newChip }),
-                    disableTypography ? primary : react_1.default.createElement(material_1.Typography, Object.assign({}, primaryTypographyProps), primary))),
-                secondary && (react_1.default.createElement(material_1.Box, { className: classes.secondary }, disableTypography ? secondary : react_1.default.createElement(material_1.Typography, Object.assign({}, secondaryTypographyProps), secondary))))),
-        actions && react_1.default.createElement(material_1.Box, { className: classes.actions }, actions),
-        footer && react_1.default.createElement(material_1.Box, { className: classes.footer }, footer)));
+        }), 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 }))] })));
 }
 exports.default = NotificationItem;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
@@ -20,11 +21,8 @@ function PasswordTextField(props) {
         setShowPassword(!showPassword);
     };
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ type: showPassword ? 'text' : 'password' }, props, { InputProps: {
-            endAdornment: (react_1.default.createElement(react_1.default.Fragment, null, (_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 :
-                _a.endAdornment,
-                react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                    react_1.default.createElement(material_1.IconButton, { "aria-label": "toggle password visibility", onClick: handleClick, edge: "end" }, showPassword ? react_1.default.createElement(Icon_1.default, null, "visibility_off") : react_1.default.createElement(Icon_1.default, null, "visibility")))))
+    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" }) })) }))] }))
         } })));
 }
 exports.default = PasswordTextField;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -36,6 +37,6 @@ const PhoneTextField = (props) => {
         onChange && onChange(event);
     };
     // RENDER
-    return react_1.default.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 };
 exports.default = PhoneTextField;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const react_custom_scrollbars_2_1 = require("react-custom-scrollbars-2");
@@ -35,6 +35,6 @@ function ScrollContainer(props) {
      *    return <div style={{width: 20, backgroundColor: '#2e9696'}}></div>;
      *  }
      */
-    return (react_1.default.createElement(Root, Object.assign({ autoHideTimeout: autoHideTimeout, autoHide: autoHide, className: (0, classnames_1.default)(classes.root, className) }, rest), children));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ autoHideTimeout: autoHideTimeout, autoHide: autoHide, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: children })));
 }
 exports.default = ScrollContainer;

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

@@ -1,4 +1,8 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStickyBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Sticky Boxes with sensible behaviour if the content is bigger than the viewport.
  *
@@ -29,10 +33,7 @@
  * };
  *
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStickyBox = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const resize_observer_polyfill_1 = tslib_1.__importDefault(require("resize-observer-polyfill"));
 /**
  * getScrollParent
@@ -354,6 +355,6 @@ exports.useStickyBox = useStickyBox;
  */
 const StickyBox = ({ offsetTop, offsetBottom, bottom, children, className, style }) => {
     const ref = (0, exports.useStickyBox)({ offsetTop, offsetBottom, bottom });
-    return (react_1.default.createElement("div", { className: className, style: style, ref: ref }, children));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: style, ref: ref }, { children: children })));
 };
 exports.default = StickyBox;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Chip_1 = tslib_1.__importDefault(require("@mui/material/Chip"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const styles_1 = require("@mui/material/styles");
@@ -35,6 +35,6 @@ function TagChip(props) {
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, { [classes.ellipsis]: ellipsis }), sx: { backgroundColor: `${tag.color}`, color: (theme) => theme.palette.getContrastText(tag.color) } }, (clickable && { onClick: handleClick }), (disposable && { onDelete: handleDelete }), { label: label ? label : tag.name }, rest)));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, { [classes.ellipsis]: ellipsis }), sx: { backgroundColor: `${tag.color}`, color: (theme) => theme.palette.getContrastText(tag.color) } }, (clickable && { onClick: handleClick }), (disposable && { onDelete: handleDelete }), { label: label ? label : tag.name }, rest)));
 }
 exports.default = TagChip;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagsComponentType = void 0;
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const ClickAwayListener_1 = tslib_1.__importDefault(require("@mui/material/ClickAwayListener"));
@@ -95,9 +96,7 @@ function Tags(props) {
      * Renders tag title
      */
     function renderTitle() {
-        return (react_1.default.createElement(react_1.default.Fragment, null, title && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Typography, { sx: { padding: 1, fontWeight: 600 } }, title),
-            react_1.default.createElement(material_1.Divider, null)))));
+        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, {})] })) }));
     }
     /**
      * Returns focus to the button when we transitioned from !open -> open
@@ -112,25 +111,14 @@ function Tags(props) {
     /**
      * Renders component
      */
-    return (react_1.default.createElement(react_1.default.Fragment, null, tags.length && (react_1.default.createElement(react_1.default.Fragment, null, type === TagsComponentType.POPPER ? (react_1.default.createElement(TagsPopperRoot, Object.assign({}, rest),
-        react_1.default.createElement(Icon_1.default, { ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, "label"),
-        react_1.default.createElement(TagsPopper, { open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
-                {
-                    name: 'preventOverflow',
-                    enabled: true
-                }
-            ] }, (_a) => {
-            var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
-            return (react_1.default.createElement(Grow_1.default, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
-                react_1.default.createElement(Paper_1.default, { variant: 'outlined', className: classes.paper },
-                    react_1.default.createElement(ClickAwayListener_1.default, { onClickAway: handleClose },
-                        react_1.default.createElement(react_1.default.Fragment, null,
-                            renderTitle(),
-                            react_1.default.createElement(StackList, Object.assign({ spacing: 2 }, rest), tags.map((tag) => (react_1.default.createElement(ItemList, { key: tag.id },
-                                react_1.default.createElement(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)))))))))));
-        }))) : (react_1.default.createElement(ListRoot, null,
-        renderTitle(),
-        react_1.default.createElement(StackList, { spacing: 1, direction: rest.direction ? rest.direction : 'column' }, tags.map((tag) => (react_1.default.createElement(ItemList, { key: tag.id },
-            react_1.default.createElement(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps))))))))))));
+    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: [
+                            {
+                                name: 'preventOverflow',
+                                enabled: true
+                            }
+                        ] }, { 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))) }))] })) })) }));
 }
 exports.default = Tags;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -36,6 +37,6 @@ const UrlTextField = (props) => {
         onChange && onChange(event);
     };
     // RENDER
-    return react_1.default.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 };
 exports.default = UrlTextField;

package/lib/cjs/shared/UserAvatar/UserAvatar.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const system_1 = require("@mui/system");
 const material_1 = require("@mui/material");
@@ -33,6 +34,6 @@ function UserAvatar(inProps) {
         PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
         return _preferences;
     }, [scPreferences.preferences]);
-    return (react_1.default.createElement(Root, Object.assign({ classes: { root: (0, classnames_1.default)(className, classes.root) }, invisible: hide, overlap: "circular", anchorOrigin: { vertical: 'top', horizontal: 'right' }, showZero: !preferences, badgeContent: react_1.default.createElement(material_1.Avatar, { className: (0, classnames_1.default)(classes.badgeContent, { [classes.badgeContentSmaller]: smaller }), alt: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_LABEL], src: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_ICON] }) }, rest), children));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ classes: { root: (0, classnames_1.default)(className, classes.root) }, invisible: hide, overlap: "circular", anchorOrigin: { vertical: 'top', horizontal: 'right' }, showZero: !preferences, badgeContent: (0, jsx_runtime_1.jsx)(material_1.Avatar, { className: (0, classnames_1.default)(classes.badgeContent, { [classes.badgeContentSmaller]: smaller }), alt: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_LABEL], src: preferences[react_core_1.SCPreferences.STAFF_STAFF_BADGE_ICON] }) }, rest, { children: children })));
 }
 exports.default = UserAvatar;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const system_1 = require("@mui/system");
 const material_1 = require("@mui/material");
@@ -23,11 +23,9 @@ function UserDeletedSnackBar(inProps) {
         name: PREFIX
     });
     const { className, open = false, handleClose } = props, rest = tslib_1.__rest(props, ["className", "open", "handleClose"]);
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root), open: open, autoHideDuration: 3000, onClose: handleClose, anchorOrigin: {
+    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),
-        react_1.default.createElement(material_1.Alert, { severity: "info", onClose: handleClose },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserDeleted", defaultMessage: "ui.common.actionToUserDeleted" }))));
+        } }, 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" }) })) })));
 }
 exports.default = UserDeletedSnackBar;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
@@ -50,6 +51,6 @@ const UsernameTextField = (props) => {
         onChange && onChange(event);
     };
     // RENDER
-    return react_1.default.createElement(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { onChange: handleChange, error: Boolean(errorMsg) || error, helperText: errorMsg || helperText }));
 };
 exports.default = UsernameTextField;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@selfcommunity/react-core");
 const use_resize_observer_1 = tslib_1.__importDefault(require("use-resize-observer"));
 /**
@@ -26,6 +26,6 @@ const VirtualScrollChild = ({ children, onHeightChange }) => {
             }
         }
     });
-    return react_1.default.createElement("div", { ref: ref }, children);
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: children }));
 };
 exports.default = VirtualScrollChild;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const utils_1 = require("@selfcommunity/utils");
 const react_2 = tslib_1.__importDefault(require("virtual-scroller/react"));
 /**
@@ -78,6 +79,6 @@ function VirtualizedScroller(props) {
             saveVirtualScrollerState(virtualScrollerState.current);
         };
     });
-    return (react_1.default.createElement(react_2.default, Object.assign({ items: items, itemComponent: ItemComponent, onMount: onVirtualScrollerMount }, (getItemId && { getItemId }), { initialState: initialScrollerState ? initialScrollerState : readVirtualScrollerState(), onStateChange: onStateScrollChange, initialScrollPosition: getInitialScrollPosition(), onScrollPositionChange: onScrollPositionChange }, rest)));
+    return ((0, jsx_runtime_1.jsx)(react_2.default, Object.assign({ items: items, itemComponent: ItemComponent, onMount: onVirtualScrollerMount }, (getItemId && { getItemId }), { initialState: initialScrollerState ? initialScrollerState : readVirtualScrollerState(), onStateChange: onStateScrollChange, initialScrollPosition: getInitialScrollPosition(), onScrollPositionChange: onScrollPositionChange }, rest)));
 }
 exports.default = VirtualizedScroller;

package/lib/cjs/utils/contribution.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRouteData = exports.getContributionRouteName = exports.getContributionHtml = exports.getContributionSnippet = exports.getContribution = exports.getContributionType = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@selfcommunity/react-core");
 const types_1 = require("@selfcommunity/types");
 const react_intl_1 = require("react-intl");
@@ -44,10 +43,10 @@ exports.getContribution = getContribution;
  */
 function getContributionSnippet(obj) {
     if (obj.type === types_1.SCContributionType.DISCUSSION) {
-        return obj.summary ? react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: obj.summary } }) : obj.title;
+        return obj.summary ? (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: obj.summary } }) : obj.title;
     }
     else {
-        return obj.summary ? (react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: obj.summary } })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.common.${obj.type.toLowerCase()}WithoutText`, defaultMessage: `ui.common.${obj.type.toLowerCase()}WithoutText` }));
+        return obj.summary ? ((0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: obj.summary } })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.common.${obj.type.toLowerCase()}WithoutText`, defaultMessage: `ui.common.${obj.type.toLowerCase()}WithoutText` }));
     }
 }
 exports.getContributionSnippet = getContributionSnippet;

package/lib/cjs/utils/errors.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.catchUnauthorizedActionByBlockedUser = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_intl_1 = require("react-intl");
 /**
  * Catch and display errors when an action is performed and
@@ -14,13 +13,13 @@ function catchUnauthorizedActionByBlockedUser(e, isBlockedByMe, enqueueSnackbar)
     let _cathedErrors = false;
     if (e && e.response && e.response && e.response.status && e.response.status === 403) {
         if (isBlockedByMe) {
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserBlockedByMe", defaultMessage: "ui.common.actionToUserBlockedByMe" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserBlockedByMe", defaultMessage: "ui.common.actionToUserBlockedByMe" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
         }
         else {
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserHasBlockedMe", defaultMessage: "ui.common.actionToUserHasBlockedMe" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserHasBlockedMe", defaultMessage: "ui.common.actionToUserHasBlockedMe" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });

package/lib/esm/components/AccountChangeMailValidation/AccountChangeMailValidation.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { useSCUser } from '@selfcommunity/react-core';
 import { Alert, Box, CircularProgress } from '@mui/material';
@@ -82,11 +83,5 @@ export default function AccountChangeMailValidation(inProps) {
         return null;
     }
     // RENDER
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), succeed ? (React.createElement(Alert, { severity: "success", className: classes.success },
-        typeof succeed === 'string' ? (succeed) : (React.createElement(FormattedMessage, { id: "ui.accountChangeMailValidation.success", defaultMessage: "ui.accountChangeMailValidation.success" })),
-        successAction)) : error ? (React.createElement(Alert, { severity: "error", className: classes.error },
-        React.createElement(FormattedMessage, { id: "ui.accountChangeMailValidation.error", defaultMessage: "ui.accountChangeMailValidation.error" }),
-        errorAction)) : (React.createElement(React.Fragment, null,
-        React.createElement(CircularProgress, null),
-        React.createElement(FormattedMessage, { id: "ui.accountChangeMailValidation.verifying", defaultMessage: "ui.accountChangeMailValidation.verifying" })))));
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: succeed ? (_jsxs(Alert, Object.assign({ severity: "success", className: classes.success }, { children: [typeof succeed === 'string' ? (succeed) : (_jsx(FormattedMessage, { id: "ui.accountChangeMailValidation.success", defaultMessage: "ui.accountChangeMailValidation.success" })), successAction] }))) : error ? (_jsxs(Alert, Object.assign({ severity: "error", className: classes.error }, { children: [_jsx(FormattedMessage, { id: "ui.accountChangeMailValidation.error", defaultMessage: "ui.accountChangeMailValidation.error" }), errorAction] }))) : (_jsxs(_Fragment, { children: [_jsx(CircularProgress, {}), _jsx(FormattedMessage, { id: "ui.accountChangeMailValidation.verifying", defaultMessage: "ui.accountChangeMailValidation.verifying" })] })) })));
 }

package/lib/esm/components/AccountDataPortability/AccountDataPortability.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useContext, useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
 import { useThemeProps } from '@mui/system';
 import { styled } from '@mui/material/styles';
 import { Box, Typography } from '@mui/material';
@@ -150,28 +151,18 @@ export default function AccountDataPortability(inProps) {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
-        React.createElement(Typography, { variant: "h6" },
-            React.createElement(FormattedMessage, { id: "ui.accountDataPortability.title", defaultMessage: "ui.accountDataPortability.title", values: { username: capitalize(scUserContext.user.username) } })),
-        React.createElement(Typography, { variant: "body2", component: "div" },
-            React.createElement(FormattedMessage, { id: "ui.accountDataPortability.info", defaultMessage: "ui.accountDataPortability.info", values: {
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    li: (chunks) => React.createElement("li", null, chunks),
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    ul: (chunks) => React.createElement("ul", null, chunks)
-                } })),
-        React.createElement(LoadingButton, { size: "small", loading: (dataPortability && dataPortability.computing) || loading, disabled: !dataPortability ||
-                (dataPortability &&
-                    (dataPortability.computing ||
-                        (dataPortability.requested_at && differenceInHours(new Date(), parseISO(dataPortability.requested_at.toString())) < 24))), loadingPosition: "start", startIcon: React.createElement(Icon, null, "folder_open"), variant: "outlined", className: classes.createButton, onClick: handleCreateDataPortabilityFile }, (dataPortability && dataPortability.computing) || loading ? (React.createElement(FormattedMessage, { id: "ui.accountDataPortability.createLoadingButton", defaultMessage: "ui.accountDataPortability.createLoadingButton" })) : (React.createElement(FormattedMessage, { id: "ui.accountDataPortability.createButton", defaultMessage: "ui.accountDataPortability.createButton" }))),
-        dataPortability && !dataPortability.computing && dataPortability.generated_at && (React.createElement(LoadingButton, { size: "small", loading: downloadingDataPortability, loadingPosition: "start", startIcon: React.createElement(Icon, null, "cloud_download_outlined"), variant: 'outlined', className: classes.downloadButton, onClick: handleDownloadDataPortabilityFile },
-            React.createElement(FormattedMessage, { id: "ui.accountDataPortability.downloadButton", defaultMessage: "ui.accountDataPortability.downloadButton" }))),
-        React.createElement("br", null),
-        dataPortability && !dataPortability.computing && dataPortability.generated_at && (React.createElement(Typography, { className: classes.generationInfo, variant: "body2" },
-            React.createElement(FormattedMessage, { id: "ui.accountDataPortability.generatedInfo", defaultMessage: "ui.accountDataPortability.generatedInfo", values: {
-                    date: React.createElement(FormattedDate, { value: dataPortability.requested_at, day: "numeric", month: "long", year: "numeric" }),
-                    time: React.createElement(FormattedTime, { value: dataPortability.requested_at })
-                } })))));
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: [_jsx(Typography, Object.assign({ variant: "h6" }, { children: _jsx(FormattedMessage, { id: "ui.accountDataPortability.title", defaultMessage: "ui.accountDataPortability.title", values: { username: capitalize(scUserContext.user.username) } }) })), _jsx(Typography, Object.assign({ variant: "body2", component: "div" }, { children: _jsx(FormattedMessage, { id: "ui.accountDataPortability.info", defaultMessage: "ui.accountDataPortability.info", values: {
+                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                        // @ts-ignore
+                        li: (chunks) => _jsx("li", { children: chunks }),
+                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                        // @ts-ignore
+                        ul: (chunks) => _jsx("ul", { children: chunks })
+                    } }) })), _jsx(LoadingButton, Object.assign({ size: "small", loading: (dataPortability && dataPortability.computing) || loading, disabled: !dataPortability ||
+                    (dataPortability &&
+                        (dataPortability.computing ||
+                            (dataPortability.requested_at && differenceInHours(new Date(), parseISO(dataPortability.requested_at.toString())) < 24))), loadingPosition: "start", startIcon: _jsx(Icon, { children: "folder_open" }), variant: "outlined", className: classes.createButton, onClick: handleCreateDataPortabilityFile }, { children: (dataPortability && dataPortability.computing) || loading ? (_jsx(FormattedMessage, { id: "ui.accountDataPortability.createLoadingButton", defaultMessage: "ui.accountDataPortability.createLoadingButton" })) : (_jsx(FormattedMessage, { id: "ui.accountDataPortability.createButton", defaultMessage: "ui.accountDataPortability.createButton" })) })), dataPortability && !dataPortability.computing && dataPortability.generated_at && (_jsx(LoadingButton, Object.assign({ size: "small", loading: downloadingDataPortability, loadingPosition: "start", startIcon: _jsx(Icon, { children: "cloud_download_outlined" }), variant: 'outlined', className: classes.downloadButton, onClick: handleDownloadDataPortabilityFile }, { children: _jsx(FormattedMessage, { id: "ui.accountDataPortability.downloadButton", defaultMessage: "ui.accountDataPortability.downloadButton" }) }))), _jsx("br", {}), dataPortability && !dataPortability.computing && dataPortability.generated_at && (_jsx(Typography, Object.assign({ className: classes.generationInfo, variant: "body2" }, { children: _jsx(FormattedMessage, { id: "ui.accountDataPortability.generatedInfo", defaultMessage: "ui.accountDataPortability.generatedInfo", values: {
+                        date: _jsx(FormattedDate, { value: dataPortability.requested_at, day: "numeric", month: "long", year: "numeric" }),
+                        time: _jsx(FormattedTime, { value: dataPortability.requested_at })
+                    } }) })))] })));
 }

package/lib/esm/components/AccountDataPortabilityButton/AccountDataPortabilityButton.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
@@ -70,9 +71,5 @@ export default function AccountDataPortabilityButton(inProps) {
     if (!scUserContext.user) {
         return null;
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Root, Object.assign({ onClick: handleOpen, className: classNames(classes.root, className) }, rest),
-            React.createElement(FormattedMessage, { id: "ui.accountDataPortabilityButton.buttonLabel", defaultMessage: "ui.accountDataPortabilityButton.buttonLabel" })),
-        open && (React.createElement(DialogRoot, { title: React.createElement(FormattedMessage, { id: "ui.accountDataPortabilityButton.dialogTitle", defaultMessage: "ui.accountDataPortabilityButton.dialogTitle", values: { username: scUserContext.user.username } }), onClose: handleClose, open: open, DialogContentProps: {} },
-            React.createElement(AccountDataPortability, null)))));
+    return (_jsxs(_Fragment, { children: [_jsx(Root, Object.assign({ onClick: handleOpen, className: classNames(classes.root, className) }, rest, { children: _jsx(FormattedMessage, { id: "ui.accountDataPortabilityButton.buttonLabel", defaultMessage: "ui.accountDataPortabilityButton.buttonLabel" }) })), open && (_jsx(DialogRoot, Object.assign({ title: _jsx(FormattedMessage, { id: "ui.accountDataPortabilityButton.dialogTitle", defaultMessage: "ui.accountDataPortabilityButton.dialogTitle", values: { username: scUserContext.user.username } }), onClose: handleClose, open: open, DialogContentProps: {} }, { children: _jsx(AccountDataPortability, {}) })))] }));
 }

package/lib/esm/components/AccountDelete/AccountDelete.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useCallback, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
 import { useThemeProps } from '@mui/system';
 import { styled } from '@mui/material/styles';
 import { Box, TextField, Typography } from '@mui/material';
@@ -107,26 +108,18 @@ export default function AccountDelete(inProps) {
     /**
      * Renders root object
      */
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
-        React.createElement(Typography, { className: classes.message, component: Box },
-            React.createElement(FormattedMessage, { id: "ui.accountDelete.message", defaultMessage: "ui.accountDelete.message", values: {
-                    communityName,
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    li: (chunks) => React.createElement("li", null, chunks),
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    ul: (chunks) => React.createElement("ul", null, chunks)
-                } })),
-        React.createElement(Typography, { className: classes.confirm, component: Box },
-            React.createElement(FormattedMessage, { id: "ui.accountDelete.confirmMessage", defaultMessage: "ui.accountDelete.confirmMessage", values: {
-                    username: scUserContext.user.username,
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    b: (chunks) => React.createElement("b", null, chunks)
-                } }),
-            React.createElement(TextField, { name: "confirm", value: confirm, onChange: handleChange, autoComplete: "off", size: "small" })),
-        error && React.createElement(Typography, { color: "error" }, error),
-        React.createElement(LoadingButton, { className: classes.button, size: "small", disabled: isDeleting || confirm !== scUserContext.user.username, variant: "outlined", onClick: handleDelete },
-            React.createElement(FormattedMessage, { id: "ui.accountDelete.buttonLabel", defaultMessage: "ui.accountDelete.buttonLabel" }))));
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: [_jsx(Typography, Object.assign({ className: classes.message, component: Box }, { children: _jsx(FormattedMessage, { id: "ui.accountDelete.message", defaultMessage: "ui.accountDelete.message", values: {
+                        communityName,
+                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                        // @ts-ignore
+                        li: (chunks) => _jsx("li", { children: chunks }),
+                        // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                        // @ts-ignore
+                        ul: (chunks) => _jsx("ul", { children: chunks })
+                    } }) })), _jsxs(Typography, Object.assign({ className: classes.confirm, component: Box }, { children: [_jsx(FormattedMessage, { id: "ui.accountDelete.confirmMessage", defaultMessage: "ui.accountDelete.confirmMessage", values: {
+                            username: scUserContext.user.username,
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                            // @ts-ignore
+                            b: (chunks) => _jsx("b", { children: chunks })
+                        } }), _jsx(TextField, { name: "confirm", value: confirm, onChange: handleChange, autoComplete: "off", size: "small" })] })), error && _jsx(Typography, Object.assign({ color: "error" }, { children: error })), _jsx(LoadingButton, Object.assign({ className: classes.button, size: "small", disabled: isDeleting || confirm !== scUserContext.user.username, variant: "outlined", onClick: handleDelete }, { children: _jsx(FormattedMessage, { id: "ui.accountDelete.buttonLabel", defaultMessage: "ui.accountDelete.buttonLabel" }) }))] })));
 }

package/lib/esm/components/AccountDeleteButton/AccountDeleteButton.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
@@ -74,9 +75,5 @@ export default function AccountDeleteButton(inProps) {
     if (!scUserContext.user) {
         return null;
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Root, Object.assign({ onClick: handleOpen, className: classNames(classes.root, className) }, rest),
-            React.createElement(FormattedMessage, { id: "ui.accountDeleteButton.buttonLabel", defaultMessage: "ui.accountDeleteButton.buttonLabel" })),
-        open && (React.createElement(DialogRoot, { title: React.createElement(FormattedMessage, { id: "ui.accountDeleteButton.dialogTitle", defaultMessage: "ui.accountDeleteButton.dialogTitle" }), onClose: handleClose, open: open, DialogContentProps: {} },
-            React.createElement(AccountDelete, { onDeleteAccount: handleDelete })))));
+    return (_jsxs(_Fragment, { children: [_jsx(Root, Object.assign({ onClick: handleOpen, className: classNames(classes.root, className) }, rest, { children: _jsx(FormattedMessage, { id: "ui.accountDeleteButton.buttonLabel", defaultMessage: "ui.accountDeleteButton.buttonLabel" }) })), open && (_jsx(DialogRoot, Object.assign({ title: _jsx(FormattedMessage, { id: "ui.accountDeleteButton.dialogTitle", defaultMessage: "ui.accountDeleteButton.dialogTitle" }), onClose: handleClose, open: open, DialogContentProps: {} }, { children: _jsx(AccountDelete, { onDeleteAccount: handleDelete }) })))] }));
 }

package/lib/esm/components/AccountRecover/AccountRecover.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { useSCUser } from '@selfcommunity/react-core';
 import { Box, Button, Alert } from '@mui/material';
@@ -100,15 +101,10 @@ export default function AccountRecover(inProps) {
         return null;
     }
     // RENDER
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), isSucceed ? (React.createElement(Alert, { severity: "success", className: classes.success },
-        intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, {
-            email,
-            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-            // @ts-ignore
-            b: (chunks) => React.createElement("b", null, chunks)
-        }),
-        successAction)) : (React.createElement("form", { className: classes.form, onSubmit: handleSubmit },
-        React.createElement(EmailTextField, Object.assign({ className: classes.email, disabled: isSubmitting, label: React.createElement(FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError && (React.createElement(FormattedMessage, { id: `ui.accountRecover.email.error.${emailError}`, defaultMessage: `ui.accountRecover.email.error.${emailError}` })) })),
-        React.createElement(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || Boolean(emailError) || isSubmitting }),
-            React.createElement(FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))))));
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: isSucceed ? (_jsxs(Alert, Object.assign({ severity: "success", className: classes.success }, { children: [intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, {
+                    email,
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                    // @ts-ignore
+                    b: (chunks) => _jsx("b", { children: chunks })
+                }), successAction] }))) : (_jsxs("form", Object.assign({ className: classes.form, onSubmit: handleSubmit }, { children: [_jsx(EmailTextField, Object.assign({ className: classes.email, disabled: isSubmitting, label: _jsx(FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError && (_jsx(FormattedMessage, { id: `ui.accountRecover.email.error.${emailError}`, defaultMessage: `ui.accountRecover.email.error.${emailError}` })) })), _jsx(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || Boolean(emailError) || isSubmitting }, { children: _jsx(FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }) }))] }))) })));
 }