@selfcommunity/react-core 0.4.50-events.41 → 0.4.50-events.44

package/lib/cjs/components/provider/SCAlertMessagesProvider/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCAlertMessages = exports.SCAlertMessagesContext = void 0;
-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 notistack_1 = require("notistack");
 /**
  * Creates Global Context
@@ -32,8 +32,7 @@ exports.SCAlertMessagesContext = (0, react_1.createContext)({});
  */
 function SCAlertMessagesProvider({ children = null }) {
     const [options, setOptions] = (0, react_1.useState)({ maxSnack: 3, autoHideDuration: null });
-    return (react_1.default.createElement(exports.SCAlertMessagesContext.Provider, { value: { options, setOptions } },
-        react_1.default.createElement(notistack_1.SnackbarProvider, Object.assign({}, options), children)));
+    return ((0, jsx_runtime_1.jsx)(exports.SCAlertMessagesContext.Provider, Object.assign({ value: { options, setOptions } }, { children: (0, jsx_runtime_1.jsx)(notistack_1.SnackbarProvider, Object.assign({}, options, { children: children })) })));
 }
 exports.default = SCAlertMessagesProvider;
 /**

package/lib/cjs/components/provider/SCContextProvider/index.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCContext = exports.SCContext = void 0;
 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 api_services_1 = require("@selfcommunity/api-services");
 const use_deep_compare_effect_1 = require("use-deep-compare-effect");
 const validator_1 = require("../../../utils/validator");
@@ -83,10 +84,10 @@ function SCContextProvider({ conf, children }) {
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return (react_1.default.createElement(exports.SCContext.Provider, { value: { settings } }, settings &&
-        settings.contextProviders.reduceRight((memo, ContextProvider) => {
-            return react_1.default.createElement(ContextProvider, null, memo);
-        }, children)));
+    return ((0, jsx_runtime_1.jsx)(exports.SCContext.Provider, Object.assign({ value: { settings } }, { children: settings &&
+            settings.contextProviders.reduceRight((memo, ContextProvider) => {
+                return (0, jsx_runtime_1.jsx)(ContextProvider, { children: memo });
+            }, children) })));
 }
 exports.default = SCContextProvider;
 /**

package/lib/cjs/components/provider/SCLocaleProvider/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCLocale = exports.withSCLocale = exports.SCLocaleContext = void 0;
-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 SCContextProvider_1 = require("../SCContextProvider");
 const locale_1 = require("../../../utils/locale");
 const Locale_1 = require("../../../constants/Locale");
@@ -76,8 +76,7 @@ function SCLocaleProvider({ children = null }) {
         }
         throw error;
     };
-    return (react_1.default.createElement(exports.SCLocaleContext.Provider, { value: { locale, messages, selectLocale } },
-        react_1.default.createElement(react_intl_1.IntlProvider, { key: locale, locale: locale, messages: messages, onError: handleIntlError }, children)));
+    return ((0, jsx_runtime_1.jsx)(exports.SCLocaleContext.Provider, Object.assign({ value: { locale, messages, selectLocale } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.IntlProvider, Object.assign({ locale: locale, messages: messages, onError: handleIntlError }, { children: children }), locale) })));
 }
 exports.default = SCLocaleProvider;
 /**
@@ -86,8 +85,7 @@ exports.default = SCLocaleProvider;
  */
 const withSCLocale = (Component) => (props) => {
     const scLocaleContext = (0, react_1.useContext)(exports.SCLocaleContext);
-    return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: scLocaleContext.locale, messages: scLocaleContext.messages },
-        react_1.default.createElement(Component, Object.assign({ setLanguage: scLocaleContext.selectLocale }, props))));
+    return ((0, jsx_runtime_1.jsx)(react_intl_1.IntlProvider, Object.assign({ locale: scLocaleContext.locale, messages: scLocaleContext.messages }, { children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ setLanguage: scLocaleContext.selectLocale }, props)) })));
 };
 exports.withSCLocale = withSCLocale;
 /**

package/lib/cjs/components/provider/SCNotificationProvider/index.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCNotification = exports.SCNotificationContext = void 0;
 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 useSCWebSocket_1 = tslib_1.__importDefault(require("../../../hooks/useSCWebSocket"));
 const useSCWebPushMessaging_1 = tslib_1.__importDefault(require("../../../hooks/useSCWebPushMessaging"));
 const useSCMobileNativePushMessaging_1 = tslib_1.__importDefault(require("../../../hooks/useSCMobileNativePushMessaging"));
@@ -36,7 +37,7 @@ function SCNotificationProvider({ children = null }) {
     const { wsInstance } = (0, useSCWebSocket_1.default)();
     const { wpSubscription } = (0, useSCWebPushMessaging_1.default)();
     const { mnpmInstance } = (0, useSCMobileNativePushMessaging_1.default)();
-    return react_1.default.createElement(exports.SCNotificationContext.Provider, { value: { wsInstance, wpSubscription, mnpmInstance } }, children);
+    return (0, jsx_runtime_1.jsx)(exports.SCNotificationContext.Provider, Object.assign({ value: { wsInstance, wpSubscription, mnpmInstance } }, { children: children }));
 }
 exports.default = SCNotificationProvider;
 /**

package/lib/cjs/components/provider/SCPreferencesProvider/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCPreferences = exports.SCPreferencesContext = void 0;
-const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const Errors_1 = require("../../../constants/Errors");
 const SCContextProvider_1 = require("../SCContextProvider");
 /**
@@ -61,7 +61,7 @@ function SCPreferencesProvider({ children = null }) {
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return react_1.default.createElement(exports.SCPreferencesContext.Provider, { value: { preferences, features } }, !loading && children);
+    return (0, jsx_runtime_1.jsx)(exports.SCPreferencesContext.Provider, Object.assign({ value: { preferences, features } }, { children: !loading && children }));
 }
 exports.default = SCPreferencesProvider;
 /**

package/lib/cjs/components/provider/SCRoutingProvider/index.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCRouting = exports.SCRoutingContext = void 0;
 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 SCContextProvider_1 = require("../SCContextProvider");
 const SCPreferencesProvider_1 = require("../SCPreferencesProvider");
 const SCPreferences = tslib_1.__importStar(require("../../../constants/Preferences"));
@@ -104,7 +105,7 @@ function SCRoutingProvider({ children = null }) {
         routes,
         url,
     }), [routerLink, routes]);
-    return react_1.default.createElement(exports.SCRoutingContext.Provider, { value: contextValue }, children);
+    return (0, jsx_runtime_1.jsx)(exports.SCRoutingContext.Provider, Object.assign({ value: contextValue }, { children: children }));
 }
 exports.default = SCRoutingProvider;
 /**

package/lib/cjs/components/provider/SCThemeProvider/index.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCTheme = exports.withSCTheme = exports.SCThemeContext = void 0;
 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 ThemeProvider_1 = tslib_1.__importDefault(require("@mui/material/styles/ThemeProvider"));
 const theme_1 = tslib_1.__importDefault(require("../../../themes/theme"));
 const SCContextProvider_1 = require("../SCContextProvider");
@@ -59,8 +60,7 @@ function SCThemeProvider({ children = null }) {
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         setCustomTheme(theme);
     }, [scContext.settings.theme]);
-    return (react_1.default.createElement(exports.SCThemeContext.Provider, { value: { theme, setTheme: setCustomTheme } },
-        react_1.default.createElement(ThemeProvider_1.default, { theme: theme }, children)));
+    return ((0, jsx_runtime_1.jsx)(exports.SCThemeContext.Provider, Object.assign({ value: { theme, setTheme: setCustomTheme } }, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.default, Object.assign({ theme: theme }, { children: children })) })));
 }
 exports.default = SCThemeProvider;
 /**
@@ -69,8 +69,7 @@ exports.default = SCThemeProvider;
  */
 const withSCTheme = (Component) => (props) => {
     const scThemeContext = (0, react_1.useContext)(exports.SCThemeContext);
-    return (react_1.default.createElement(ThemeProvider_1.default, { theme: scThemeContext.theme },
-        react_1.default.createElement(Component, Object.assign({ setTheme: scThemeContext.setTheme }, props))));
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, Object.assign({ theme: scThemeContext.theme }, { children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ setTheme: scThemeContext.setTheme }, props)) })));
 };
 exports.withSCTheme = withSCTheme;
 /**

package/lib/cjs/components/provider/SCUserProvider/index.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCUser = exports.SCUserContext = void 0;
 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 api_services_1 = require("@selfcommunity/api-services");
 const SCContextProvider_1 = require("../SCContextProvider");
 const useSCAuth_1 = tslib_1.__importStar(require("../../../hooks/useSCAuth"));
@@ -248,7 +249,7 @@ function SCUserProvider({ children }) {
      * We only want to render the underlying app after we
      * assert for the presence of a current user.
      */
-    return react_1.default.createElement(exports.SCUserContext.Provider, { value: contextValue }, children);
+    return (0, jsx_runtime_1.jsx)(exports.SCUserContext.Provider, Object.assign({ value: contextValue }, { children: children }));
 }
 exports.default = SCUserProvider;
 /**

package/lib/cjs/components/provider/SCVoteProvider/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSCVote = exports.SCVoteContext = void 0;
-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 api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const Errors_1 = require("../../../constants/Errors");
@@ -82,7 +82,7 @@ function SCVoteProvider({ children = null }) {
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return react_1.default.createElement(exports.SCVoteContext.Provider, { value: { reactions, isLoading, refreshReactions } }, initialized && children);
+    return (0, jsx_runtime_1.jsx)(exports.SCVoteContext.Provider, Object.assign({ value: { reactions, isLoading, refreshReactions } }, { children: initialized && children }));
 }
 exports.default = SCVoteProvider;
 /**

package/lib/cjs/components/router/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const SCRoutingProvider_1 = require("../provider/SCRoutingProvider");
 /**
@@ -21,10 +22,10 @@ const Link = (_a, ref) => {
     const scRoutingContext = (0, react_1.useContext)(SCRoutingProvider_1.SCRoutingContext);
     if (scRoutingContext.routerLink) {
         const ComponentLink = scRoutingContext.routerLink;
-        return (react_1.default.createElement(ComponentLink, Object.assign({}, other, { ref: ref }), children));
+        return ((0, jsx_runtime_1.jsx)(ComponentLink, Object.assign({}, other, { ref: ref }, { children: children })));
     }
     const { to } = other, rest = tslib_1.__rest(other, ["to"]);
-    return (react_1.default.createElement("a", Object.assign({ href: to }, rest, { ref: ref }), children));
+    return ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: to }, rest, { ref: ref }, { children: children })));
 };
 /**
  :::info

package/lib/cjs/hooks/useSCWebPushMessaging.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SUPPORTED_BROWSER_TYPES = exports.DEFAULT_BROWSER_TYPE = exports.EDGE_BROWSER_TYPE = exports.OPERA_BROWSER_TYPE = exports.FIREFOX_BROWSER_TYPE = exports.CHROME_BROWSER_TYPE = void 0;
 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 SCContextProvider_1 = require("../components/provider/SCContextProvider");
 const SCUserProvider_1 = require("../components/provider/SCUserProvider");
 const utils_1 = require("@selfcommunity/utils");
@@ -60,9 +61,7 @@ function useSCWebPushMessaging() {
     const showCustomRequestNotificationSnackbar = () => {
         if (!js_cookie_1.default.get(Notifications_1.NOTIFICATIONS_WEB_PUSH_MESSAGING_DIALOG_COOKIE)) {
             enqueueSnackbar(intl.formatMessage({ id: 'ui.webPushNotification.requestPermission', defaultMessage: 'ui.webPushNotification.requestPermission' }), {
-                action: (snackbarId) => (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Button_1.default, { size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' })),
-                    react_1.default.createElement(Button_1.default, { size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' })))),
+                action: (snackbarId) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' }) })), (0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' }) }))] })),
                 variant: 'default',
                 anchorOrigin: { horizontal: 'center', vertical: 'bottom' },
                 preventDuplicate: true,

package/lib/esm/components/provider/SCAlertMessagesProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from 'react';
 import { SnackbarProvider } from 'notistack';
 /**
  * Creates Global Context
@@ -28,8 +29,7 @@ export const SCAlertMessagesContext = createContext({});
  */
 export default function SCAlertMessagesProvider({ children = null }) {
     const [options, setOptions] = useState({ maxSnack: 3, autoHideDuration: null });
-    return (React.createElement(SCAlertMessagesContext.Provider, { value: { options, setOptions } },
-        React.createElement(SnackbarProvider, Object.assign({}, options), children)));
+    return (_jsx(SCAlertMessagesContext.Provider, Object.assign({ value: { options, setOptions } }, { children: _jsx(SnackbarProvider, Object.assign({}, options, { children: children })) })));
 }
 /**
  * Let's only export the `useSCAlertMessages` hook instead of the context.

package/lib/esm/components/provider/SCContextProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useMemo, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState } from 'react';
 import { http } from '@selfcommunity/api-services';
 import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
 import { validateOptions, validOptions } from '../../../utils/validator';
@@ -79,10 +80,10 @@ export default function SCContextProvider({ conf, children }) {
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return (React.createElement(SCContext.Provider, { value: { settings } }, settings &&
-        settings.contextProviders.reduceRight((memo, ContextProvider) => {
-            return React.createElement(ContextProvider, null, memo);
-        }, children)));
+    return (_jsx(SCContext.Provider, Object.assign({ value: { settings } }, { children: settings &&
+            settings.contextProviders.reduceRight((memo, ContextProvider) => {
+                return _jsx(ContextProvider, { children: memo });
+            }, children) })));
 }
 /**
  * Let's only export the `useSCContext` hook instead of the context.

package/lib/esm/components/provider/SCLocaleProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useMemo, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState } from 'react';
 import { useSCContext } from '../SCContextProvider';
 import { loadLocaleData } from '../../../utils/locale';
 import { DEFAULT_LANGUAGE_UI } from '../../../constants/Locale';
@@ -72,8 +73,7 @@ export default function SCLocaleProvider({ children = null }) {
         }
         throw error;
     };
-    return (React.createElement(SCLocaleContext.Provider, { value: { locale, messages, selectLocale } },
-        React.createElement(IntlProvider, { key: locale, locale: locale, messages: messages, onError: handleIntlError }, children)));
+    return (_jsx(SCLocaleContext.Provider, Object.assign({ value: { locale, messages, selectLocale } }, { children: _jsx(IntlProvider, Object.assign({ locale: locale, messages: messages, onError: handleIntlError }, { children: children }), locale) })));
 }
 /**
  * Export hoc to inject the base theme to components
@@ -81,8 +81,7 @@ export default function SCLocaleProvider({ children = null }) {
  */
 export const withSCLocale = (Component) => (props) => {
     const scLocaleContext = useContext(SCLocaleContext);
-    return (React.createElement(IntlProvider, { locale: scLocaleContext.locale, messages: scLocaleContext.messages },
-        React.createElement(Component, Object.assign({ setLanguage: scLocaleContext.selectLocale }, props))));
+    return (_jsx(IntlProvider, Object.assign({ locale: scLocaleContext.locale, messages: scLocaleContext.messages }, { children: _jsx(Component, Object.assign({ setLanguage: scLocaleContext.selectLocale }, props)) })));
 };
 /**
  * Let's only export the `useSCLocale` hook instead of the context.

package/lib/esm/components/provider/SCNotificationProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
 import useSCWebSocket from '../../../hooks/useSCWebSocket';
 import useSCWebPushMessaging from '../../../hooks/useSCWebPushMessaging';
 import useSCMobileNativePushMessaging from '../../../hooks/useSCMobileNativePushMessaging';
@@ -32,7 +33,7 @@ export default function SCNotificationProvider({ children = null }) {
     const { wsInstance } = useSCWebSocket();
     const { wpSubscription } = useSCWebPushMessaging();
     const { mnpmInstance } = useSCMobileNativePushMessaging();
-    return React.createElement(SCNotificationContext.Provider, { value: { wsInstance, wpSubscription, mnpmInstance } }, children);
+    return _jsx(SCNotificationContext.Provider, Object.assign({ value: { wsInstance, wpSubscription, mnpmInstance } }, { children: children }));
 }
 /**
  * Let's only export the `useSCNotification` hook instead of the context.

package/lib/esm/components/provider/SCPreferencesProvider/index.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FeatureService, PreferenceService } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
-import React, { createContext, useContext, useEffect, useState } from 'react';
+import { createContext, useContext, useEffect, useState } from 'react';
 import { SCOPE_SC_CORE } from '../../../constants/Errors';
 import { useSCContext } from '../SCContextProvider';
 /**
@@ -57,7 +58,7 @@ export default function SCPreferencesProvider({ children = null }) {
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return React.createElement(SCPreferencesContext.Provider, { value: { preferences, features } }, !loading && children);
+    return _jsx(SCPreferencesContext.Provider, Object.assign({ value: { preferences, features } }, { children: !loading && children }));
 }
 /**
  * Let's only export the `useSCPreferences` hook instead of the context.

package/lib/esm/components/provider/SCRoutingProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
 import { useSCContext } from '../SCContextProvider';
 import { SCPreferencesContext } from '../SCPreferencesProvider';
 import * as SCPreferences from '../../../constants/Preferences';
@@ -100,7 +101,7 @@ export default function SCRoutingProvider({ children = null }) {
         routes,
         url,
     }), [routerLink, routes]);
-    return React.createElement(SCRoutingContext.Provider, { value: contextValue }, children);
+    return _jsx(SCRoutingContext.Provider, Object.assign({ value: contextValue }, { children: children }));
 }
 /**
  * Let's only export the `useSCTheme` hook instead of the context.

package/lib/esm/components/provider/SCThemeProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from 'react';
 import ThemeProvider from '@mui/material/styles/ThemeProvider';
 import getTheme from '../../../themes/theme';
 import { useSCContext } from '../SCContextProvider';
@@ -55,8 +56,7 @@ export default function SCThemeProvider({ children = null }) {
     useDeepCompareEffectNoCheck(() => {
         setCustomTheme(theme);
     }, [scContext.settings.theme]);
-    return (React.createElement(SCThemeContext.Provider, { value: { theme, setTheme: setCustomTheme } },
-        React.createElement(ThemeProvider, { theme: theme }, children)));
+    return (_jsx(SCThemeContext.Provider, Object.assign({ value: { theme, setTheme: setCustomTheme } }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children })) })));
 }
 /**
  * Export hoc to inject the base theme to components
@@ -64,8 +64,7 @@ export default function SCThemeProvider({ children = null }) {
  */
 export const withSCTheme = (Component) => (props) => {
     const scThemeContext = useContext(SCThemeContext);
-    return (React.createElement(ThemeProvider, { theme: scThemeContext.theme },
-        React.createElement(Component, Object.assign({ setTheme: scThemeContext.setTheme }, props))));
+    return (_jsx(ThemeProvider, Object.assign({ theme: scThemeContext.theme }, { children: _jsx(Component, Object.assign({ setTheme: scThemeContext.setTheme }, props)) })));
 };
 /**
  * Let's only export the `useSCTheme` hook instead of the context.

package/lib/esm/components/provider/SCUserProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useEffect, useMemo, useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef } from 'react';
 import { UserService } from '@selfcommunity/api-services';
 import { SCContext } from '../SCContextProvider';
 import useSCAuth, { userActionTypes } from '../../../hooks/useSCAuth';
@@ -244,7 +245,7 @@ export default function SCUserProvider({ children }) {
      * We only want to render the underlying app after we
      * assert for the presence of a current user.
      */
-    return React.createElement(SCUserContext.Provider, { value: contextValue }, children);
+    return _jsx(SCUserContext.Provider, Object.assign({ value: contextValue }, { children: children }));
 }
 /**
  * Let's only export the `useSCUser` hook instead of the context.

package/lib/esm/components/provider/SCVoteProvider/index.js

@@ -1,4 +1,5 @@
-import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState } from 'react';
 import { ReactionService } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { SCOPE_SC_CORE } from '../../../constants/Errors';
@@ -78,7 +79,7 @@ export default function SCVoteProvider({ children = null }) {
      * Nesting all necessary providers
      * All child components will use help contexts to works
      */
-    return React.createElement(SCVoteContext.Provider, { value: { reactions, isLoading, refreshReactions } }, initialized && children);
+    return _jsx(SCVoteContext.Provider, Object.assign({ value: { reactions, isLoading, refreshReactions } }, { children: initialized && children }));
 }
 /**
  * Let's only export the `useSCPreferences` hook instead of the context.

package/lib/esm/components/router/index.js

@@ -1,4 +1,5 @@
 import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext } from 'react';
 import { SCRoutingContext } from '../provider/SCRoutingProvider';
 /**
@@ -19,10 +20,10 @@ const Link = (_a, ref) => {
     const scRoutingContext = useContext(SCRoutingContext);
     if (scRoutingContext.routerLink) {
         const ComponentLink = scRoutingContext.routerLink;
-        return (React.createElement(ComponentLink, Object.assign({}, other, { ref: ref }), children));
+        return (_jsx(ComponentLink, Object.assign({}, other, { ref: ref }, { children: children })));
     }
     const { to } = other, rest = __rest(other, ["to"]);
-    return (React.createElement("a", Object.assign({ href: to }, rest, { ref: ref }), children));
+    return (_jsx("a", Object.assign({ href: to }, rest, { ref: ref }, { children: children })));
 };
 /**
  :::info

package/lib/esm/hooks/useSCWebPushMessaging.js

@@ -1,4 +1,5 @@
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useRef, useState } from 'react';
 import { useSCContext } from '../components/provider/SCContextProvider';
 import { useSCUser } from '../components/provider/SCUserProvider';
 import { Logger } from '@selfcommunity/utils';
@@ -56,9 +57,7 @@ export default function useSCWebPushMessaging() {
     const showCustomRequestNotificationSnackbar = () => {
         if (!Cookies.get(NOTIFICATIONS_WEB_PUSH_MESSAGING_DIALOG_COOKIE)) {
             enqueueSnackbar(intl.formatMessage({ id: 'ui.webPushNotification.requestPermission', defaultMessage: 'ui.webPushNotification.requestPermission' }), {
-                action: (snackbarId) => (React.createElement(React.Fragment, null,
-                    React.createElement(Button, { size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' })),
-                    React.createElement(Button, { size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' })))),
+                action: (snackbarId) => (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => requestNotificationPermission(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.allow', defaultMessage: 'ui.webPushNotification.allow' }) })), _jsx(Button, Object.assign({ size: "small", sx: { color: '#FFF' }, onClick: () => closeRequestNotificationSnackbar(snackbarId) }, { children: intl.formatMessage({ id: 'ui.webPushNotification.block', defaultMessage: 'ui.webPushNotification.block' }) }))] })),
                 variant: 'default',
                 anchorOrigin: { horizontal: 'center', vertical: 'bottom' },
                 preventDuplicate: true,