@selfcommunity/react-ui 0.7.0-alpha.6 → 0.7.0-alpha.60

package/lib/esm/components/UserFollowers/UserFollowers.js

@@ -1,11 +1,12 @@
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useReducer, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import List from '@mui/material/List';
 import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints } from '@selfcommunity/api-services';
-import { Logger } from '@selfcommunity/utils';
-import { SCPreferences, SCPreferencesContext, SCUserContext, useIsComponentMountedRef } from '@selfcommunity/react-core';
+import { CacheStrategies, Logger } from '@selfcommunity/utils';
+import { SCCache, SCPreferences, SCPreferencesContext, SCUserContext, useIsComponentMountedRef } from '@selfcommunity/react-core';
+import { actionToolsTypes, dataToolsReducer, stateToolsInitializer } from '../../utils/tools';
 import Skeleton from './Skeleton';
 import User from '../User';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
@@ -87,63 +88,82 @@ export default function UserFollowers(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { userId, autoHide, className, UserProps = {} } = props;
+    const { userId, autoHide, className, UserProps = {}, cacheStrategy = CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props;
     // REFS
     const isMountedRef = useIsComponentMountedRef();
     // STATE
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('md'));
-    const [followers, setFollowers] = useState([]);
-    const [visibleUsers, setVisibleUsers] = useState(limit);
-    const [loading, setLoading] = useState(true);
-    const [hasMore, setHasMore] = useState(false);
-    const [total, setTotal] = useState(0);
+    const [state, dispatch] = useReducer(dataToolsReducer, {
+        isLoadingNext: true,
+        next: `${Endpoints.UserFollowers.url({ id: userId })}?limit=10`,
+        cacheKey: SCCache.getToolsStateCacheKey(SCCache.USER_FOLLOWERS_TOOLS_STATE_CACHE_PREFIX_KEY, userId),
+        cacheStrategy
+    }, stateToolsInitializer);
     const [openUserFollowersDialog, setOpenUserFollowersDialog] = useState(false);
-    const [next, setNext] = useState(`${Endpoints.UserFollowers.url({ id: userId })}?limit=10`);
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
     /**
      * Fetches the list of users followers
      */
-    function fetchFollowers() {
-        if (next) {
-            http
-                .request({
-                url: next,
-                method: Endpoints.UserFollowers.method
-            })
+    const fetchFollowers = useMemo(() => () => {
+        return http.request({
+            url: state.next,
+            method: Endpoints.UserFollowers.method
+        });
+    }, [dispatch, state.next, state.isLoadingNext]);
+    useEffect(() => {
+        if (!userId) {
+            return;
+        }
+        else if (!contentAvailability && !authUserId) {
+            return;
+        }
+        else if (cacheStrategy === CacheStrategies.NETWORK_ONLY) {
+            onStateChange && onStateChange({ cacheStrategy: CacheStrategies.CACHE_FIRST });
+        }
+    }, [authUserId]);
+    /**
+     * On mount, fetches the list of users followers
+     */
+    useEffect(() => {
+        let ignore = false;
+        if (state.next) {
+            fetchFollowers()
                 .then((res) => {
-                if (isMountedRef.current) {
+                if (res.status < 300 && isMountedRef.current && !ignore) {
                     const data = res.data;
-                    setFollowers([...followers, ...data.results]);
-                    setHasMore(data.count > visibleUsers);
-                    setNext(data['next']);
-                    setLoading(false);
-                    setTotal(data.count);
+                    dispatch({
+                        type: actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data.results,
+                            count: data.count,
+                            next: data.next
+                        }
+                    });
                 }
             })
                 .catch((error) => {
-                setLoading(false);
+                dispatch({ type: actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
                 Logger.error(SCOPE_SC_UI, error);
             });
+            return () => {
+                ignore = true;
+            };
         }
-    }
+    }, [state.next]);
     /**
-     * On mount, fetches the list of users followers
+     * Virtual feed update
      */
     useEffect(() => {
-        if (!contentAvailability && !scUserContext.user) {
-            return;
-        }
-        if (!userId) {
-            return;
-        }
-        fetchFollowers();
-    }, [scUserContext.user]);
+        onHeightChange && onHeightChange();
+    }, [state.results.length]);
     /**
      * Handles followers counter update on follow/unfollow action.
      * @param user
      */
     function handleFollowersUpdate(user) {
-        const newUsers = [...followers];
+        const newUsers = [...state.results];
         const index = newUsers.findIndex((u) => u.id === user.id);
         if (index !== -1) {
             if (user.connection_status === 'followed') {
@@ -154,41 +174,44 @@ export default function UserFollowers(inProps) {
                 newUsers[index].followers_counter = user.followers_counter + 1;
                 newUsers[index].connection_status = 'followed';
             }
-            setFollowers(newUsers);
+            dispatch({
+                type: actionToolsTypes.SET_RESULTS,
+                payload: { results: newUsers }
+            });
         }
     }
     /**
      * Renders the list of users followers
      */
-    if (loading) {
-        React.createElement(Skeleton, null);
+    if (state.isLoadingNext) {
+        return React.createElement(Skeleton, null);
     }
     const u = (React.createElement(CardContent, null,
-        React.createElement(Typography, { className: classes.title, variant: "h5" }, `${intl.formatMessage(messages.title, { total: total })}`),
-        !total ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" }, `${intl.formatMessage(messages.noFollowers)}`)) : (React.createElement(React.Fragment, null,
-            React.createElement(List, null, followers.slice(0, visibleUsers).map((user) => (React.createElement(ListItem, { key: user.id },
+        React.createElement(Typography, { className: classes.title, variant: "h5" }, `${intl.formatMessage(messages.title, { total: state.count })}`),
+        !state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" }, `${intl.formatMessage(messages.noFollowers)}`)) : (React.createElement(React.Fragment, null,
+            React.createElement(List, null, state.results.slice(0, limit).map((user) => (React.createElement(ListItem, { key: user.id },
                 React.createElement(User, Object.assign({ elevation: 0, user: user, className: classes.followersItem }, (followEnabled
                     ? { followConnectUserButtonProps: { onFollow: handleFollowersUpdate } }
                     : { followConnectUserButtonProps: { onChangeConnectionStatus: handleFollowersUpdate } }), UserProps)))))),
-            hasMore && (React.createElement(Button, { size: "small", className: classes.showMore, onClick: () => setOpenUserFollowersDialog(true) },
+            limit < state.count && (React.createElement(Button, { size: "small", className: classes.showMore, onClick: () => setOpenUserFollowersDialog(true) },
                 React.createElement(FormattedMessage, { id: "ui.userFollowers.button.showAll", defaultMessage: "ui.userFollowers.button.showAll" }))),
-            openUserFollowersDialog && (React.createElement(BaseDialog, { title: isMobile ? (React.createElement(FormattedMessage, { id: "ui.userFollowers.modal.title", defaultMessage: "ui.userFollowers.modal.title" })) : (`${intl.formatMessage(messages.title, { total: total })}`), onClose: () => setOpenUserFollowersDialog(false), open: openUserFollowersDialog }, loading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: followers.length, next: fetchFollowers, hasMoreNext: Boolean(next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
+            openUserFollowersDialog && (React.createElement(BaseDialog, { title: isMobile ? (React.createElement(FormattedMessage, { id: "ui.userFollowers.modal.title", defaultMessage: "ui.userFollowers.modal.title" })) : (`${intl.formatMessage(messages.title, { total: state.count })}`), onClose: () => setOpenUserFollowersDialog(false), open: openUserFollowersDialog }, state.isLoadingNext ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: state.results.length, next: fetchFollowers, hasMoreNext: Boolean(state.next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
                     React.createElement("b", null,
                         React.createElement(FormattedMessage, { id: "ui.userFollowers.noMoreResults", defaultMessage: "ui.userFollowers.noMoreResults" }))) },
-                React.createElement(List, null, followers.map((f) => (React.createElement(ListItem, { key: f.id },
+                React.createElement(List, null, state.results.map((f) => (React.createElement(ListItem, { key: f.id },
                     React.createElement(User, Object.assign({ elevation: 0, user: f, className: classes.followersItem }, (followEnabled
                         ? { followConnectUserButtonProps: { onFollow: handleFollowersUpdate } }
                         : { followConnectUserButtonProps: { onChangeConnectionStatus: handleFollowersUpdate } }), UserProps))))))))))))));
     /**
      * if there are no results and autoHide prop is set to true ,component is hidden
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return React.createElement(HiddenPlaceholder, null);
     }
     /**
      * If content availability community option is false and user is anonymous , component is hidden.
      */
-    if (!contentAvailability && !scUserContext.user) {
+    if (!contentAvailability && !authUserId) {
         return React.createElement(HiddenPlaceholder, null);
     }
     /**

package/lib/esm/components/UserFollowers/UserFollowers.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserFollowers.js","sourceRoot":"","sources":["../../../../src/components/UserFollowers/UserFollowers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserFollowers.js","sourceRoot":"","sources":["../../../../src/components/UserFollowers/UserFollowers.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/UserProfileEdit/Section/Account.d.ts

@@ -0,0 +1,28 @@
+export interface AccountProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Handles create association callback
+     * @param provider
+     */
+    handleAssociationCreate?: (provider: any) => void;
+    /**
+     * If true, shows email and password section
+     * @default false
+     */
+    showCredentialsSection?: boolean;
+    /**
+     * If true, shows social account section
+     *@default true
+     */
+    showSocialAccountSection?: boolean;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+export default function Account(inProps: AccountProps): JSX.Element;
+//# sourceMappingURL=Account.d.ts.map

package/lib/esm/components/UserProfileEdit/Section/Account.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserProfileEdit/Section/Account.tsx"],"names":[],"mappings":"AAwCA,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,CAAC,QAAQ,KAAA,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AACD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAwElE"}

package/lib/esm/components/UserProfileEdit/Section/Account.js

@@ -0,0 +1,89 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState } from 'react';
+import { styled } from '@mui/material/styles';
+import { Box, Typography } from '@mui/material';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+import ConfirmDialog from '../../../shared/ConfirmDialog/ConfirmDialog';
+import UserSocialAssociation from '../../UserSocialAssociation';
+import { UserService } from '@selfcommunity/api-services';
+import { SCOPE_SC_UI } from '../../../constants/Errors';
+import { Logger } from '@selfcommunity/utils';
+import { useSCUser } from '@selfcommunity/react-core';
+import AccountCredentials from './AccountCredentials';
+const messages = defineMessages({
+    socialTitle: {
+        id: 'ui.userProfileEditAccount.socialAssociations.title',
+        defaultMessage: 'ui.userProfileEditAccount.socialAssociations.title'
+    },
+    dialogTitleMsg: {
+        id: 'ui.userProfileEditAccount.socialAssociations.dialog.msg',
+        defaultMessage: 'ui.userProfileEditAccount.socialAssociations.dialog.msg'
+    },
+    deleteDialogMsg: {
+        id: 'ui.userProfileEditAccount.socialAssociations.dialog.msg',
+        defaultMessage: 'ui.userProfileEditAccount.socialAssociations.dialog.msg'
+    }
+});
+const PREFIX = 'SCUserProfileEditSectionAccount';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+export default function Account(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    // CONTEXT
+    const scUserContext = useSCUser();
+    const { className = null, handleAssociationCreate, showSocialAccountSection = true, showCredentialsSection = false } = props, rest = __rest(props, ["className", "handleAssociationCreate", "showSocialAccountSection", "showCredentialsSection"]);
+    // STATE
+    const [provider, setProvider] = useState(null);
+    const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
+    const [shouldUpdate, setShouldUpdate] = useState(false);
+    // INTL
+    const intl = useIntl();
+    function handleDelete() {
+        const data = { user_id: scUserContext.user.id, provider: provider.provider, ext_id: provider.ext_id };
+        UserService.deleteProviderAssociation(data)
+            .then(() => {
+            setShouldUpdate(true);
+            setOpenDeleteDialog(false);
+        })
+            .catch((error) => {
+            console.log(error);
+            Logger.error(SCOPE_SC_UI, error);
+        });
+    }
+    const handleOpenDeleteDialog = (p) => {
+        setOpenDeleteDialog(true);
+        setProvider(p);
+    };
+    if (!scUserContext.user) {
+        return;
+    }
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
+        showCredentialsSection && React.createElement(AccountCredentials, { user: scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user }),
+        showSocialAccountSection && (React.createElement(UserSocialAssociation, { children: React.createElement(Typography, { variant: "body1", mb: 1, sx: { fontWeight: 'bold' } },
+                ' ',
+                intl.formatMessage(messages.socialTitle)), direction: "row", userId: scUserContext.user.id, onDeleteAssociation: handleOpenDeleteDialog, onCreateAssociation: handleAssociationCreate, deletingProvider: shouldUpdate ? provider : null })),
+        openDeleteDialog && (React.createElement(ConfirmDialog, { open: openDeleteDialog, title: intl.formatMessage(messages.dialogTitleMsg, { field: provider.provider }), btnConfirm: React.createElement(FormattedMessage, { id: "ui.userProfileEditAccount.socialAssociations.dialog.confirm", defaultMessage: "ui.userProfileEditAccount.socialAssociations.dialog.confirm" }), onConfirm: handleDelete, onClose: () => setOpenDeleteDialog(false) }))));
+}
+//# sourceMappingURL=Account.js.map

package/lib/esm/components/UserProfileEdit/Section/Account.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Account.js","sourceRoot":"","sources":["../../../../../src/components/UserProfileEdit/Section/Account.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,GAAG,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAC,MAAM,YAAY,CAAC;AACrE,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAC,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAoB,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACvE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,WAAW,EAAE;QACX,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,oDAAoD;KACrE;IACD,cAAc,EAAE;QACd,EAAE,EAAE,yDAAyD;QAC7D,cAAc,EAAE,yDAAyD;KAC1E;IACD,eAAe,EAAE;QACf,EAAE,EAAE,yDAAyD;QAC7D,cAAc,EAAE,yDAAyD;KAC1E;CACF,CAAC,CAAC;AACH,MAAM,MAAM,GAAG,iCAAiC,CAAC;AAEjD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AA4BtB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAqB;IACnD,QAAQ;IACR,MAAM,KAAK,GAAiB,aAAa,CAAC;QACxC,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,UAAU;IACV,MAAM,aAAa,GAAsB,SAAS,EAAE,CAAC;IACrD,MAAM,EAAC,SAAS,GAAG,IAAI,EAAE,uBAAuB,EAAE,wBAAwB,GAAG,IAAI,EAAE,sBAAsB,GAAG,KAAK,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAA7H,8FAAqH,CAAQ,CAAC;IACpI,QAAQ;IACR,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,OAAO;IACP,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,SAAS,YAAY;QACnB,MAAM,IAAI,GAAG,EAAC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAC,CAAC;QACpG,WAAW,CAAC,yBAAyB,CAAC,IAAI,CAAC;aACxC,IAAI,CAAC,GAAG,EAAE;YACT,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE;QACnC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC1B,WAAW,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;QACvB,OAAO;KACR;IAED,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI;QAC3D,sBAAsB,IAAI,oBAAC,kBAAkB,IAAC,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,GAAI;QAC3E,wBAAwB,IAAI,CAC3B,oBAAC,qBAAqB,IACpB,QAAQ,EACN,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAC,UAAU,EAAE,MAAM,EAAC;gBACxD,GAAG;gBACH,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC9B,EAEf,SAAS,EAAC,KAAK,EACf,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,EAC7B,mBAAmB,EAAE,sBAAsB,EAC3C,mBAAmB,EAAE,uBAAuB,EAC5C,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAChD,CACH;QACA,gBAAgB,IAAI,CACnB,oBAAC,aAAa,IACZ,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAC,CAAC,EAC9E,UAAU,EACR,oBAAC,gBAAgB,IACf,EAAE,EAAC,6DAA6D,EAChE,cAAc,EAAC,6DAA6D,GAC5E,EAEJ,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GACzC,CACH,CACI,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/components/UserProfileEdit/Section/AccountCredentials.d.ts

@@ -0,0 +1,18 @@
+import { SCUserType } from '@selfcommunity/types';
+export interface AccountCredentialProps {
+    /**
+     * The user obj
+     */
+    user?: SCUserType;
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+export default function AccountCredentials(inProps: AccountCredentialProps): JSX.Element;
+//# sourceMappingURL=AccountCredentials.d.ts.map

package/lib/esm/components/UserProfileEdit/Section/AccountCredentials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountCredentials.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserProfileEdit/Section/AccountCredentials.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAwB,UAAU,EAAC,MAAM,sBAAsB,CAAC;AA6DvE,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AACD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA4RvF"}

package/lib/esm/components/UserProfileEdit/Section/AccountCredentials.js

@@ -0,0 +1,231 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState } from 'react';
+import { styled } from '@mui/material/styles';
+import { Box, Button, CircularProgress, FormGroup, IconButton, InputAdornment, Popover, Typography } from '@mui/material';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+import { formatHttpError, UserService } from '@selfcommunity/api-services';
+import { SCOPE_SC_UI } from '../../../constants/Errors';
+import { Logger } from '@selfcommunity/utils';
+import BaseDialog from '../../../shared/BaseDialog';
+import PasswordTextField from '../../../shared/PasswordTextField';
+import EmailTextField from '../../../shared/EmailTextField';
+import { LoadingButton } from '@mui/lab';
+import Icon from '@mui/material/Icon';
+import { useSnackbar } from 'notistack';
+const messages = defineMessages({
+    changePasswordTitle: {
+        id: 'ui.userProfileEditAccountCredentials.changePassword',
+        defaultMessage: 'ui.userProfileEditAccountCredentials.changePassword'
+    },
+    confirmPasswordError: {
+        id: 'ui.userProfileEditAccountCredentials.confirmPassword.error',
+        defaultMessage: 'ui.userProfileEditAccountCredentials.confirmPassword.error'
+    },
+    emptyEmailError: {
+        id: 'ui.userProfileEditAccountCredentials.email.empty.error',
+        defaultMessage: 'ui.userProfileEditAccountCredentials.email.empty.error'
+    }
+});
+const PREFIX = 'SCAccountCredential';
+const DIALOG_PREFIX = `${PREFIX}-password-dialog`;
+const classes = {
+    root: `${PREFIX}-root`,
+    email: `${PREFIX}-email`,
+    success: `${PREFIX}-success`,
+    error: `${PREFIX}-error`,
+    form: `${DIALOG_PREFIX}-password-form`,
+    formField: `${DIALOG_PREFIX}-form-field`,
+    password: `${DIALOG_PREFIX}-password`,
+    confirmChangeButton: `${DIALOG_PREFIX}-confirm-change-button`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.email}, .${classes.password}`]: {
+        margin: theme.spacing(1, 0, 1, 0),
+        fontWeight: 'bold'
+    }
+}));
+const PasswordDialog = styled(BaseDialog, {
+    name: DIALOG_PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    '& .MuiDialogContent-root': {
+        [`& .${classes.form}`]: {
+            [`& .${classes.formField}`]: {
+                margin: theme.spacing(1, 1, 1, 0)
+            }
+        }
+    },
+    [`& .${classes.confirmChangeButton}`]: {
+        marginTop: theme.spacing(1)
+    }
+}));
+export default function AccountCredentials(inProps) {
+    var _a;
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    // CONTEXT
+    const { className = null, user } = props, rest = __rest(props, ["className", "user"]);
+    // STATE
+    const [openChangePasswordDialog, setOpenChangePasswordDialog] = useState(false);
+    const initialFieldState = {
+        email: (_a = user === null || user === void 0 ? void 0 : user.email) !== null && _a !== void 0 ? _a : '',
+        password: '',
+        newPassword: '',
+        confirmPassword: ''
+    };
+    const initialErrorState = {
+        email: '',
+        password: '',
+        newPassword: '',
+        confirmPassword: ''
+    };
+    const [field, setField] = useState(initialFieldState);
+    const [error, setError] = useState(initialErrorState);
+    const [isEditing, setIsEditing] = useState(false);
+    const [isSubmittingPassword, setIsSubmittingPassword] = useState(false);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const open = Boolean(anchorEl);
+    const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+    // INTL
+    const intl = useIntl();
+    // HANDLERS
+    const handlePopoverOpen = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handlePopoverClose = () => {
+        setAnchorEl(null);
+    };
+    const handleChange = (event) => {
+        const { name, value } = event.target;
+        setField((prev) => (Object.assign(Object.assign({}, prev), { [name]: value })));
+        if (!value) {
+            setError((prev) => (Object.assign(Object.assign({}, prev), { [name]: value })));
+        }
+    };
+    const handleEmailBlur = (e) => {
+        if (!e.target.value) {
+            setField((prev) => (Object.assign(Object.assign({}, prev), { ['email']: user === null || user === void 0 ? void 0 : user.email })));
+            setIsEditing(false);
+        }
+    };
+    const validateInput = () => {
+        if (field.newPassword !== field.confirmPassword) {
+            setError((prev) => (Object.assign(Object.assign({}, prev), { ['confirmPassword']: intl.formatMessage(messages.confirmPasswordError) })));
+        }
+    };
+    const handleCloseDialog = () => {
+        setOpenChangePasswordDialog(false);
+        setField(initialFieldState);
+        setError(initialErrorState);
+    };
+    const handleSubmitPassword = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setIsSubmittingPassword(true);
+        UserService.changeUserPassword(user === null || user === void 0 ? void 0 : user.id, field.password, field.newPassword)
+            .then(() => {
+            setIsSubmittingPassword(false);
+            handleCloseDialog();
+        })
+            .catch((error) => {
+            setIsSubmittingPassword(false);
+            const _error = formatHttpError(error);
+            Logger.error(SCOPE_SC_UI, error);
+            if (_error.passwordError) {
+                setError((prev) => (Object.assign(Object.assign({}, prev), { ['password']: _error.passwordError.error })));
+            }
+            if (_error.newPasswordError) {
+                setError((prev) => (Object.assign(Object.assign({}, prev), { ['newPassword']: _error.newPasswordError.error })));
+            }
+        });
+    };
+    const handleSubmitEmail = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsSubmitting(true);
+        UserService.changeUserMail(user === null || user === void 0 ? void 0 : user.id, field.email, true)
+            .then((res) => {
+            handleVerifyEmail(res.validation_code);
+        })
+            .catch((error) => {
+            setIsSubmitting(false);
+            const _error = formatHttpError(error);
+            setError((prev) => (Object.assign(Object.assign({}, prev), { ['email']: _error.error })));
+        });
+    };
+    const handleVerifyEmail = (code) => {
+        UserService.confirmChangeUserMail(user === null || user === void 0 ? void 0 : user.id, field.email, code)
+            .then(() => {
+            setIsEditing(false);
+            setIsSubmitting(false);
+            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email.success", defaultMessage: "ui.userProfileEditAccountCredentials.email.success" }), {
+                variant: 'success',
+                autoHideDuration: 1500
+            });
+        })
+            .catch((error) => {
+            const _error = formatHttpError(error);
+            setError((prev) => (Object.assign(Object.assign({}, prev), { ['email']: _error.error })));
+            setIsSubmitting(false);
+        });
+    };
+    if (!user) {
+        return;
+    }
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
+        React.createElement(React.Fragment, null,
+            React.createElement(Typography, { variant: "body1", className: classes.email },
+                React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.email", defaultMessage: "ui.userProfileEditAccountCredentials.email" })),
+            React.createElement(React.Fragment, null, isSubmitting ? (React.createElement(CircularProgress, null)) : (React.createElement(React.Fragment, null,
+                React.createElement(EmailTextField, { name: "email", disabled: !isEditing || isSubmitting, size: "small", value: field.email, onChange: handleChange, onBlur: handleEmailBlur, error: Boolean(error.email), helperText: error.email, InputProps: {
+                        endAdornment: (React.createElement(InputAdornment, { position: "end" }, !isEditing ? (React.createElement(IconButton, { onClick: () => setIsEditing(true), edge: "end" },
+                            React.createElement(Icon, null, "edit"))) : error.email ? (React.createElement(Icon, { color: "error" }, "error")) : (React.createElement(IconButton, { onClick: handleSubmitEmail, edge: "end", color: "primary", disabled: !field.email },
+                            React.createElement(Icon, null, "check")))))
+                    } })))),
+            React.createElement(Typography, { variant: "body1", className: classes.password },
+                React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.passwordLabel", defaultMessage: "ui.userProfileEditAccountCredentials.passwordLabel" })),
+            React.createElement(Button, { size: "small", variant: "outlined", onClick: () => setOpenChangePasswordDialog(true), sx: { mb: 1 } },
+                React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }))),
+        openChangePasswordDialog && (React.createElement(PasswordDialog, Object.assign({ title: intl.formatMessage(messages.changePasswordTitle), open: openChangePasswordDialog, onClose: handleCloseDialog }, rest),
+            React.createElement(FormGroup, { className: classes.form },
+                React.createElement(PasswordTextField, { className: classes.formField, name: "password", disabled: isSubmittingPassword, label: React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.password", defaultMessage: "ui.userProfileEditAccountCredentials.password" }), size: "medium", value: field.password, onChange: handleChange, error: Boolean(error.password), helperText: error.password }),
+                React.createElement(PasswordTextField, { name: "newPassword", className: classes.formField, disabled: isSubmittingPassword, label: React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword" }), size: "medium", value: field.newPassword, onChange: handleChange, error: Boolean(error.newPassword), helperText: error.newPassword, InputProps: {
+                        endAdornment: (React.createElement(InputAdornment, { position: "end" },
+                            React.createElement(IconButton, { "aria-label": "info", onClick: handlePopoverOpen, edge: "end" }, React.createElement(Icon, null, "info"))))
+                    } }),
+                React.createElement(Popover, { open: open, anchorEl: anchorEl, anchorOrigin: {
+                        vertical: 'center',
+                        horizontal: 'left'
+                    }, transformOrigin: {
+                        vertical: 'center',
+                        horizontal: 'right'
+                    }, onClose: handlePopoverClose },
+                    React.createElement(Box, { sx: { p: '10px' } },
+                        React.createElement(Typography, { component: 'span', sx: { whiteSpace: 'pre-line' } },
+                            React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword.info", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword.info" })))),
+                React.createElement(PasswordTextField, { name: "confirmPassword", className: classes.formField, disabled: isSubmittingPassword, label: React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.confirmPassword", defaultMessage: "ui.userProfileEditAccountCredentials.confirmPassword" }), size: "medium", value: field.confirmPassword, onChange: handleChange, onBlur: validateInput, error: Boolean(error.confirmPassword), helperText: error.confirmPassword })),
+            React.createElement(LoadingButton, { className: classes.confirmChangeButton, loading: isSubmittingPassword, disabled: !field.confirmPassword || Boolean(error.password) || Boolean(error.newPassword), variant: "contained", onClick: handleSubmitPassword },
+                React.createElement(FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }))))));
+}
+//# sourceMappingURL=AccountCredentials.js.map