@selfcommunity/react-ui 0.7.50-events.76 → 0.7.50-events.78

package/lib/cjs/components/OnBoardingWidget/Steps/App/App.js

@@ -41,28 +41,28 @@ function App(inProps) {
     const handleChange = (event, newValue) => {
         setTab(newValue);
     };
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", className: classes.title }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.title", defaultMessage: "ui.onBoardingWidget.step.app.title" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.summary", defaultMessage: "ui.onBoardingWidget.step.app.summary" }) })), (0, jsx_runtime_1.jsxs)(material_1.Tabs, Object.assign({ className: classes.tabs, value: tab, onChange: handleChange, centered: true, variant: "fullWidth", indicatorColor: "primary" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.ios", defaultMessage: "ui.onBoardingWidget.step.app.tab.ios" }) }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.android", defaultMessage: "ui.onBoardingWidget.step.app.tab.android" }) })] })), (0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ className: classes.tabContent }, { children: [tab === 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios", defaultMessage: "ui.onBoardingWidget.step.app.ios" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.a", defaultMessage: "ui.onBoardingWidget.step.app.ios.a", values: {
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", className: classes.title }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.title", defaultMessage: "ui.onBoardingWidget.step.app.title" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.summary", defaultMessage: "ui.onBoardingWidget.step.app.summary" }) })), (0, jsx_runtime_1.jsxs)(material_1.Tabs, Object.assign({ className: classes.tabs, value: tab, onChange: handleChange, centered: true, variant: "fullWidth", indicatorColor: "primary" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.ios", defaultMessage: "ui.onBoardingWidget.step.app.tab.ios" }) }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.android", defaultMessage: "ui.onBoardingWidget.step.app.tab.android" }) })] })), (0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ className: classes.tabContent }, { children: [tab === 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios", defaultMessage: "ui.onBoardingWidget.step.app.ios" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.a", defaultMessage: "ui.onBoardingWidget.step.app.ios.a", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         b: (...chunks) => (0, jsx_runtime_1.jsx)("strong", { children: chunks })
-                                    } }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.b", defaultMessage: "ui.onBoardingWidget.step.app.ios.b", values: {
+                                    } }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.b", defaultMessage: "ui.onBoardingWidget.step.app.ios.b", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         b: (...chunks) => (0, jsx_runtime_1.jsx)("strong", { children: chunks })
-                                    } }) })), (0, jsx_runtime_1.jsx)(material_1.CardMedia, Object.assign({ className: classes.image, component: "div" }, { children: (0, jsx_runtime_1.jsx)(Ios_1.default, {}) }))] })), tab === 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.android", defaultMessage: "ui.onBoardingWidget.step.app.android" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.a", defaultMessage: "ui.onBoardingWidget.step.app.android.a", values: {
+                                    } }) })), (0, jsx_runtime_1.jsx)(material_1.CardMedia, Object.assign({ className: classes.image, component: "div" }, { children: (0, jsx_runtime_1.jsx)(Ios_1.default, {}) }))] })), tab === 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.android", defaultMessage: "ui.onBoardingWidget.step.app.android" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.a", defaultMessage: "ui.onBoardingWidget.step.app.android.a", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         b: (...chunks) => (0, jsx_runtime_1.jsx)("strong", { children: chunks })
-                                    } }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.b", defaultMessage: "ui.onBoardingWidget.step.app.android.b", values: {
+                                    } }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.b", defaultMessage: "ui.onBoardingWidget.step.app.android.b", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),

package/lib/cjs/components/OnBoardingWidget/Steps/Category/Category.js

@@ -56,16 +56,18 @@ function Category(inProps) {
         if (step.status === types_1.SCOnBoardingStepStatusType.IN_PROGRESS) {
             const intervalId = setInterval(() => {
                 setProgress((prev) => {
-                    if (prev >= 90) {
+                    if (prev < step.completion_percentage) {
+                        return prev + 1;
+                    }
+                    else {
                         clearInterval(intervalId);
                         return prev;
                     }
-                    return prev + 1;
                 });
             }, 1000);
             return () => clearInterval(intervalId);
         }
-    }, [step.status]);
+    }, [step.status, step.completion_percentage]);
     return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", className: classes.title }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.categories", defaultMessage: "ui.onBoardingWidget.categories" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.category.summary", defaultMessage: "ui.onBoardingWidget.step.category.summary" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.category.generation.steps", defaultMessage: "ui.onBoardingWidget.step.category.generation.steps", values: {
                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                         // @ts-ignore

package/lib/cjs/components/OnBoardingWidget/Steps/Content/Content.js

@@ -36,16 +36,18 @@ function Content(inProps) {
         if (step.status === types_1.SCOnBoardingStepStatusType.IN_PROGRESS) {
             const intervalId = setInterval(() => {
                 setProgress((prev) => {
-                    if (prev >= 90) {
+                    if (prev < step.completion_percentage) {
+                        return prev + 1;
+                    }
+                    else {
                         clearInterval(intervalId);
                         return prev;
                     }
-                    return prev + 1;
                 });
             }, 1000);
             return () => clearInterval(intervalId);
         }
-    }, [step.status]);
+    }, [step.status, step.completion_percentage]);
     return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", className: classes.title }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.contents", defaultMessage: "ui.onBoardingWidget.contents" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.summary }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.content.summary", defaultMessage: "ui.onBoardingWidget.step.content.summary" }) })), (0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ component: "span", className: classes.action }, { children: (step === null || step === void 0 ? void 0 : step.status) === types_1.SCOnBoardingStepStatusType.COMPLETED ? ((0, jsx_runtime_1.jsx)(material_1.Alert, Object.assign({ severity: "success" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.contents.success", defaultMessage: "ui.onBoardingWidget.step.contents.success" }) }))) : (step === null || step === void 0 ? void 0 : step.status) === types_1.SCOnBoardingStepStatusType.IN_PROGRESS ? ((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { value: progress, loadingMessage: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.onBoardingWidget.step.contents.loading", defaultMessage: "ui.onBoardingWidget.step.contents.loading" }) })) })) : ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", variant: "contained", color: "secondary", onClick: handleContentCreation, endIcon: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: hover ? 'ai_stars' : 'magic_wand' }), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.onBoardingWidget.step.content.button", id: "ui.onBoardingWidget.step.content.button" }) }))) }))] })));
 }
 exports.default = Content;

package/lib/cjs/components/RelatedEventsWidget/RelatedEventsWidget.js

@@ -57,7 +57,7 @@ function RelatedEventsWidget(inProps) {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { event, eventId, eventComponentProps = { elevation: 0, square: true }, endpointQueryParams = { limit: Pagination_1.DEFAULT_PAGINATION_LIMIT, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps, limit = 5 } = props, rest = tslib_1.__rest(props, ["event", "eventId", "eventComponentProps", "endpointQueryParams", "cacheStrategy", "dialogProps", "limit"]);
+    const { event, eventId, eventComponentProps = { elevation: 0, square: true }, endpointQueryParams = { limit: 5, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps, limit = 5 } = props, rest = tslib_1.__rest(props, ["event", "eventId", "eventComponentProps", "endpointQueryParams", "cacheStrategy", "dialogProps", "limit"]);
     // STATE
     const [state, dispatch] = (0, react_1.useReducer)(widget_1.dataWidgetReducer, {
         isLoadingNext: false,

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

@@ -1,2 +1,2 @@
 export declare const formatCroppedName: (name: any, maxLength: any) => any;
-export declare const formatEventLocationGeolocation: (geolocation: string, isTitle?: boolean) => string;
+export declare const formatEventLocationGeolocation: (geolocation: string | null, isTitle?: boolean) => string;

package/lib/cjs/utils/string.js

@@ -9,6 +9,9 @@ const formatCroppedName = (name, maxLength) => {
 };
 exports.formatCroppedName = formatCroppedName;
 const formatEventLocationGeolocation = (geolocation, isTitle) => {
+    if (!geolocation) {
+        return null;
+    }
     const parts = geolocation.split(',');
     if (isTitle) {
         return parts[0].trim();

package/lib/esm/components/EventInviteButton/EventInviteButton.d.ts

@@ -20,7 +20,7 @@ export interface EventInviteButtonProps extends ButtonProps {
      * Functions to handle invitations sending in event creation mode
      * @default null
      */
-    handleInvitations?: (data: any) => any;
+    handleInvitations?: ((invited: boolean) => void) | null;
     /**
      * Any other properties
      */

package/lib/esm/components/EventInviteButton/EventInviteButton.js

@@ -101,13 +101,6 @@ export default function EventInviteButton(inProps) {
             PubSub.publish(`${SCTopicType.EVENT}.${SCGroupEventType.INVITE_MEMBER}`, usersInvited);
         }
     }
-    function convertToInvitedUsersObject(data) {
-        const invite_users = {};
-        data.forEach((user, index) => {
-            invite_users[`invite_users[${index}]`] = user.id;
-        });
-        return invite_users;
-    }
     /**
      * Memoized users invited ids
      */
@@ -183,26 +176,22 @@ export default function EventInviteButton(inProps) {
      * Handles invitation sending
      */
     const handleSendInvitations = () => {
-        if (handleInvitations) {
-            handleInvitations(convertToInvitedUsersObject(invited));
+        const data = { users: ids };
+        setIsSending(true);
+        EventService.inviteOrAcceptEventRequest(scEvent.id, data)
+            .then(() => {
+            setIsSending(false);
             setOpen(false);
-        }
-        else {
-            const data = { users: ids };
-            setIsSending(true);
-            EventService.inviteOrAcceptEventRequest(scEvent.id, data)
-                .then(() => {
-                setIsSending(false);
-                setOpen(false);
-                setInvited([]);
-                notifyChanges(scEvent, invited);
-            })
-                .catch((error) => {
-                setOpen(false);
-                setLoading(false);
-                Logger.error(SCOPE_SC_UI, error);
-            });
-        }
+            setInvited([]);
+            notifyChanges(scEvent, invited);
+            handleInvitations === null || handleInvitations === void 0 ? void 0 : handleInvitations(true);
+        })
+            .catch((error) => {
+            setOpen(false);
+            setLoading(false);
+            handleInvitations === null || handleInvitations === void 0 ? void 0 : handleInvitations(false);
+            Logger.error(SCOPE_SC_UI, error);
+        });
     };
     // Autocomplete Handlers
     const handleInputChange = (event, value, reason) => {
@@ -247,8 +236,8 @@ export default function EventInviteButton(inProps) {
         });
     };
     /**
-     * If in event edit mode and logged-in user is not also the event manager, the component is hidden.
-    //  */
+   * If in event edit mode and logged-in user is not also the event manager, the component is hidden.
+  //  */
     if (event && !isEventAdmin) {
         return null;
     }

package/lib/esm/components/EventLocationWidget/EventLocationWidget.d.ts

@@ -1,5 +1,5 @@
-import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 import { SCEventType } from '@selfcommunity/types';
+import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 export interface EventLocationWidgetProps extends VirtualScrollerItemProps {
     /**
      * Event Object

package/lib/esm/components/EventLocationWidget/EventLocationWidget.js

@@ -1,18 +1,18 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { Box, CardContent, Typography } from '@mui/material';
-import classNames from 'classnames';
-import Widget from '../Widget';
+import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
-import { PREFIX } from './constants';
-import { FormattedMessage } from 'react-intl';
-import EventLocationWidgetSkeleton from './Skeleton';
+import { GoogleMap, MarkerF, useLoadScript } from '@react-google-maps/api';
 import { useSCContext, useSCFetchEvent } from '@selfcommunity/react-core';
 import { SCEventLocationType } from '@selfcommunity/types';
-import { GoogleMap, MarkerF, useLoadScript } from '@react-google-maps/api';
+import classNames from 'classnames';
+import { FormattedMessage } from 'react-intl';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { formatEventLocationGeolocation } from '../../utils/string';
+import Widget from '../Widget';
+import { PREFIX } from './constants';
+import EventLocationWidgetSkeleton from './Skeleton';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -76,7 +76,7 @@ export default function EventLocationWidget(inProps) {
         streetViewControl: false,
         zoomControl: false // Disables the zoom control (+/- buttons)
     };
-    if (!((_c = (_b = (_a = scContext === null || scContext === void 0 ? void 0 : scContext.settings) === null || _a === void 0 ? void 0 : _a.integrations) === null || _b === void 0 ? void 0 : _b.geocoding) === null || _c === void 0 ? void 0 : _c.apiKey) || (scEvent && (scEvent === null || scEvent === void 0 ? void 0 : scEvent.location) === SCEventLocationType.ONLINE)) {
+    if (!((_c = (_b = (_a = scContext === null || scContext === void 0 ? void 0 : scContext.settings) === null || _a === void 0 ? void 0 : _a.integrations) === null || _b === void 0 ? void 0 : _b.geocoding) === null || _c === void 0 ? void 0 : _c.apiKey) || (scEvent === null || scEvent === void 0 ? void 0 : scEvent.location) === SCEventLocationType.ONLINE) {
         return _jsx(HiddenPlaceholder, {});
     }
     /**
@@ -89,10 +89,10 @@ export default function EventLocationWidget(inProps) {
      * Renders root object
      */
     return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: _jsxs(CardContent, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title, gutterBottom: true }, { children: _jsx(FormattedMessage, { id: "ui.eventLocationWidget.title", defaultMessage: "ui.eventLocationWidget.title" }) })), _jsx(Box, Object.assign({ className: classes.map }, { children: _jsx(GoogleMap, Object.assign({ mapContainerClassName: classes.map, center: {
-                            lat: scEvent === null || scEvent === void 0 ? void 0 : scEvent.geolocation_lat,
-                            lng: scEvent === null || scEvent === void 0 ? void 0 : scEvent.geolocation_lng
+                            lat: scEvent.geolocation_lat,
+                            lng: scEvent.geolocation_lng
                         }, options: mapOptions, zoom: 15 }, { children: _jsx(MarkerF, { position: {
-                                lat: scEvent === null || scEvent === void 0 ? void 0 : scEvent.geolocation_lat,
-                                lng: scEvent === null || scEvent === void 0 ? void 0 : scEvent.geolocation_lng
-                            } }) })) })), _jsx(Typography, Object.assign({ variant: "h4", className: classes.locationTitle }, { children: formatEventLocationGeolocation(scEvent === null || scEvent === void 0 ? void 0 : scEvent.geolocation, true) })), _jsx(Typography, Object.assign({ variant: "body1", className: classes.address }, { children: formatEventLocationGeolocation(scEvent === null || scEvent === void 0 ? void 0 : scEvent.geolocation) }))] }) })));
+                                lat: scEvent.geolocation_lat,
+                                lng: scEvent.geolocation_lng
+                            } }) })) })), _jsx(Typography, Object.assign({ variant: "h4", className: classes.locationTitle }, { children: formatEventLocationGeolocation(scEvent.geolocation, true) })), _jsx(Typography, Object.assign({ variant: "body1", className: classes.address }, { children: formatEventLocationGeolocation(scEvent.geolocation) }))] }) })));
 }

package/lib/esm/components/EventMembersWidget/EventMembersWidget.js

@@ -10,7 +10,7 @@ import { useCallback, useEffect, useReducer, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import 'swiper/css';
 import { SCOPE_SC_UI } from '../../constants/Errors';
-import { DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET } from '../../constants/Pagination';
+import { DEFAULT_PAGINATION_OFFSET } from '../../constants/Pagination';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { actionWidgetTypes, dataWidgetReducer, stateWidgetInitializer } from '../../utils/widget';
 import Widget from '../Widget';
@@ -36,7 +36,7 @@ export default function EventMembersWidget(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { event, eventId, userProps = {}, endpointQueryParams = { limit: DEFAULT_PAGINATION_LIMIT, offset: DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps, limit } = props, rest = __rest(props, ["event", "eventId", "userProps", "endpointQueryParams", "cacheStrategy", "dialogProps", "limit"]);
+    const { event, eventId, userProps = {}, endpointQueryParams = { limit: 5, offset: DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps, limit = 5 } = props, rest = __rest(props, ["event", "eventId", "userProps", "endpointQueryParams", "cacheStrategy", "dialogProps", "limit"]);
     // STATE
     const [participants, dispatchParticipants] = useReducer(dataWidgetReducer, {
         isLoadingNext: false,
@@ -54,6 +54,7 @@ export default function EventMembersWidget(inProps) {
     }, stateWidgetInitializer);
     const [invitedNumber, setInvitedNumber] = useState(0);
     const [tabValue, setTabValue] = useState('1');
+    const [refresh, setRefresh] = useState(false);
     // CONTEXT
     const scUserContext = useSCUser();
     // HOOKS
@@ -91,14 +92,20 @@ export default function EventMembersWidget(inProps) {
         let _t;
         if (scUserContext.user && scEvent) {
             _t = setTimeout(() => {
-                _initParticipants();
-                _initInvited();
+                if (refresh) {
+                    _initInvited();
+                    setRefresh(false);
+                }
+                else {
+                    _initParticipants();
+                    _initInvited();
+                }
             });
             return () => {
                 clearTimeout(_t);
             };
         }
-    }, [scUserContext.user, scEvent]);
+    }, [scUserContext.user, scEvent, refresh]);
     // HANDLERS
     const handleTabChange = useCallback((_evt, newTabValue) => {
         setTabValue(newTabValue);
@@ -113,5 +120,5 @@ export default function EventMembersWidget(inProps) {
     return (_jsx(Root, Object.assign({ className: classes.root }, rest, { children: _jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, Object.assign({ variant: "h5", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.invited", defaultMessage: "ui.eventMembersWidget.invited" }) })), _jsxs(TabContext, Object.assign({ value: tabValue }, { children: [_jsxs(TabList, Object.assign({ className: classes.tabsWrapper, onChange: handleTabChange, textColor: "primary", indicatorColor: "primary", variant: "fullWidth" }, { children: [_jsx(Tab, { label: _jsxs(Stack, Object.assign({ className: classes.tabLabelWrapper }, { children: [_jsx(Typography, Object.assign({ variant: "h3" }, { children: participants.count })), _jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.participants", defaultMessage: "ui.eventMembersWidget.participants" }) }))] })), value: "1" }), invited && (_jsx(Tab, { label: _jsxs(Stack, Object.assign({ className: classes.tabLabelWrapper }, { children: [_jsx(Typography, Object.assign({ variant: "h3" }, { children: invitedNumber })), _jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.invited", defaultMessage: "ui.eventMembersWidget.invited" }) }))] })), value: "2" }))] })), _jsx(TabPanel, Object.assign({ value: "1", className: classes.tabPanel }, { children: _jsx(TabContentComponent, { state: participants, dispatch: dispatchParticipants, userProps: userProps, dialogProps: dialogProps }) })), invited && (_jsx(TabPanel, Object.assign({ value: "2", className: classes.tabPanel }, { children: _jsx(TabContentComponent, { state: invited, dispatch: dispatchInvited, userProps: userProps, dialogProps: dialogProps, actionProps: {
                                     scEvent,
                                     setInvitedNumber
-                                } }) })))] }))] })) })));
+                                }, setRefresh: setRefresh }) })))] }))] })) })));
 }

package/lib/esm/components/EventMembersWidget/TabContentComponent.d.ts

@@ -19,6 +19,7 @@ interface TabComponentProps {
         scEvent?: SCEventType;
         setInvitedNumber: Dispatch<SetStateAction<number>>;
     };
+    setRefresh?: Dispatch<SetStateAction<boolean>>;
 }
 export default function TabContentComponent(props: TabComponentProps): JSX.Element;
 export {};

package/lib/esm/components/EventMembersWidget/TabContentComponent.js

@@ -1,16 +1,20 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, List, ListItem, styled, Typography } from '@mui/material';
 import { Endpoints, http } from '@selfcommunity/api-services';
+import { Logger } from '@selfcommunity/utils';
 import { useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
+import { SCOPE_SC_UI } from '../../constants/Errors';
 import BaseDialog from '../../shared/BaseDialog';
 import InfiniteScroll from '../../shared/InfiniteScroll';
 import { actionWidgetTypes } from '../../utils/widget';
+import EventInviteButton from '../EventInviteButton';
 import InviteUserEventButton from '../InviteUserEventButton';
 import User, { UserSkeleton } from '../User';
 import { PREFIX } from './constants';
 const classes = {
     actionButton: `${PREFIX}-action-button`,
+    eventButton: `${PREFIX}-event-button`,
     dialogRoot: `${PREFIX}-dialog-root`,
     infiniteScroll: `${PREFIX}-infinite-scroll`,
     endMessage: `${PREFIX}-end-message`
@@ -22,7 +26,7 @@ const DialogRoot = styled(BaseDialog, {
 })(() => ({}));
 export default function TabContentComponent(props) {
     // PROPS
-    const { state, dispatch, userProps, dialogProps, actionProps } = props;
+    const { state, dispatch, userProps, dialogProps, actionProps, setRefresh } = props;
     // STATE
     const [openDialog, setOpenDialog] = useState(false);
     // HANDLERS
@@ -38,11 +42,20 @@ export default function TabContentComponent(props) {
         })
             .then((res) => {
             dispatch({ type: actionWidgetTypes.LOAD_NEXT_SUCCESS, payload: res.data });
+        })
+            .catch((error) => {
+            Logger.error(SCOPE_SC_UI, error);
         });
     }, [dispatch, state.next, state.isLoadingNext, state.initialized]);
     const handleToggleDialogOpen = useCallback(() => {
         setOpenDialog((prev) => !prev);
     }, []);
     const getActionsComponent = useCallback((userId) => actionProps ? _jsx(InviteUserEventButton, { event: actionProps.scEvent, userId: userId, setInvitedNumber: actionProps.setInvitedNumber }) : undefined, [actionProps]);
-    return (_jsxs(_Fragment, { children: [_jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, userProps, { actions: getActionsComponent(user.id) })) }, user.id))) }), state.count > state.visibleItems && (_jsx(Button, Object.assign({ onClick: handleToggleDialogOpen, className: classes.actionButton }, { children: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.showAll", defaultMessage: "ui.eventMembersWidget.showAll" }) })) }))), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.eventMembersWidget.title", id: "ui.eventMembersWidget.title" }), onClose: handleToggleDialogOpen, open: openDialog }, dialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(UserSkeleton, Object.assign({ elevation: 0 }, userProps)), className: classes.infiniteScroll, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.noMoreResults", defaultMessage: "ui.eventMembersWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, userProps)) }, user.id))) }) })) })))] }));
+    const handleInvitations = useCallback((invited) => {
+        if (invited) {
+            dispatch({ type: actionWidgetTypes.RESET });
+            setRefresh(true);
+        }
+    }, [dispatch, setRefresh]);
+    return (_jsxs(_Fragment, { children: [_jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, userProps, { actions: getActionsComponent(user.id) })) }, user.id))) }), state.count === 0 && actionProps && (_jsx(EventInviteButton, { event: actionProps.scEvent, className: classes.eventButton, handleInvitations: handleInvitations })), state.count > state.visibleItems && (_jsx(Button, Object.assign({ onClick: handleToggleDialogOpen, className: classes.actionButton }, { children: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.showAll", defaultMessage: "ui.eventMembersWidget.showAll" }) })) }))), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.eventMembersWidget.title", id: "ui.eventMembersWidget.title" }), onClose: handleToggleDialogOpen, open: openDialog }, dialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(UserSkeleton, Object.assign({ elevation: 0 }, userProps)), className: classes.infiniteScroll, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.noMoreResults", defaultMessage: "ui.eventMembersWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, userProps)) }, user.id))) }) })) })))] }));
 }

package/lib/esm/components/EventParticipantsButton/EventParticipantsButton.js

@@ -4,7 +4,7 @@ import { Avatar, AvatarGroup, Button, List, ListItem, Typography } from '@mui/ma
 import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import { Endpoints, EventService, http } from '@selfcommunity/api-services';
-import { useSCFetchEvent, useSCUser } from '@selfcommunity/react-core';
+import { useSCFetchEvent } from '@selfcommunity/react-core';
 import { SCEventSubscriptionStatusType } from '@selfcommunity/types';
 import { Logger } from '@selfcommunity/utils';
 import classNames from 'classnames';
@@ -71,17 +71,14 @@ export default function EventParticipantsButton(inProps) {
     const [open, setOpen] = useState(false);
     // HOOKS
     const { scEvent } = useSCFetchEvent({ id: eventId, event });
-    const scUserContext = useSCUser();
-    const scEventsManager = scUserContext.managers.events;
     // FETCH FIRST FOLLOWERS
     useDeepCompareEffectNoCheck(() => {
         if (!scEvent) {
             return;
         }
-        const status = scEventsManager === null || scEventsManager === void 0 ? void 0 : scEventsManager.subscriptionStatus(scEvent);
-        if ((status === SCEventSubscriptionStatusType.GOING ||
-            status === SCEventSubscriptionStatusType.NOT_GOING ||
-            status === SCEventSubscriptionStatusType.SUBSCRIBED) &&
+        if ((scEvent.subscription_status === SCEventSubscriptionStatusType.GOING ||
+            scEvent.subscription_status === SCEventSubscriptionStatusType.NOT_GOING ||
+            scEvent.subscription_status === SCEventSubscriptionStatusType.SUBSCRIBED) &&
             followers.length === 0) {
             EventService.getUsersGoingToEvent(scEvent.id, { limit: 3 }).then((res) => {
                 setFollowers([...res.results]);

package/lib/esm/components/Feed/Feed.js

@@ -391,7 +391,7 @@ const Feed = (inProps, ref) => {
             refresh();
         },
         getCurrentFeedObjectIds: () => {
-            return feedDataObject.results.map((o) => o[o.type].id);
+            return [...headData.map((o) => o[o.type].id), ...feedDataObject.results.map((o) => o[o.type].id)];
         }
     }));
     const InnerItem = useMemo(() => ({ state: savedState, onHeightChange, onStateChange, children: item }) => {

package/lib/esm/components/OnBoardingWidget/OnBoardingWidget.d.ts

@@ -1,19 +1,22 @@
-import { CategoryProps } from './Steps/Category';
-import { AppearanceProps } from './Steps/Appearance';
-import { ProfileProps } from './Steps/Profile';
-import { InviteProps } from './Steps/Invite';
-import { AppProps } from './Steps/App';
-import { ContentProps } from './Steps/Content';
 import { StartStepParams } from '@selfcommunity/api-services';
+import { SCFeedObjectType } from '@selfcommunity/types';
 export interface OnBoardingWidgetProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
     className?: string;
-    CategoryProps?: CategoryProps;
-    ContentProps?: ContentProps;
-    AppearanceProps?: AppearanceProps;
-    ProfileProps?: ProfileProps;
-    InviteProps?: InviteProps;
-    AppProps: AppProps;
-    generateContentsParams?: StartStepParams;
+    /**
+     * The params to add to content step generation
+     * @default {}
+     */
+    GenerateContentsParams?: StartStepParams;
+    /**
+     *The callback to pass to the feeds to publish the generated content
+     * @param feedObj
+     * @default null
+     */
+    onGeneratedContent?: (feedObjs: SCFeedObjectType[]) => void;
 }
 declare const OnBoardingWidget: (inProps: OnBoardingWidgetProps) => JSX.Element;
 export default OnBoardingWidget;