@selfcommunity/react-ui 0.7.0-alpha.4 → 0.7.0-alpha.41

package/lib/esm/components/UserProfileInfo/UserProfileInfo.js

@@ -9,12 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
-import { Box, Grid, Typography } from '@mui/material';
-import { defineMessages, useIntl } from 'react-intl';
+import { Box, Link, Grid, Typography } from '@mui/material';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { camelCase, Logger } from '@selfcommunity/utils';
-import { SCPreferences, useSCFetchUser, useSCPreferences } from '@selfcommunity/react-core';
+import { SCPreferences, useSCFetchUser, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import { DEFAULT_FIELDS } from '../../constants/UserProfile';
 import UserProfileInfoSkeleton from './Skeleton';
 import classNames from 'classnames';
@@ -22,6 +22,9 @@ import { useThemeProps } from '@mui/system';
 import { SCUserProfileFields } from '../../types';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import Tags, { TagsComponentType } from '../../shared/Tags';
+import PublicInfo from '../UserProfileEdit/Section/PublicInfo';
+import BaseDialog from '../../shared/BaseDialog';
+import UserSocialAssociation from '../UserSocialAssociation';
 const messages = defineMessages({
     realName: {
         id: 'ui.userProfileInfo.realName',
@@ -58,12 +61,25 @@ const messages = defineMessages({
     tags: {
         id: 'ui.userProfileInfo.website',
         defaultMessage: 'ui.userProfileInfo.website'
+    },
+    fieldLink: {
+        id: 'ui.userProfileInfo.fieldLink',
+        defaultMessage: 'ui.userProfileInfo.fieldLink'
+    },
+    fieldLinkFemale: {
+        id: 'ui.userProfileInfo.fieldLink.female',
+        defaultMessage: 'ui.userProfileInfo.fieldLink.female'
+    },
+    socialAssociations: {
+        id: 'ui.userProfileInfo.socialAssociations',
+        defaultMessage: 'ui.userProfileInfo.socialAssociations'
     }
 });
 const PREFIX = 'SCUserProfileInfo';
 const classes = {
     root: `${PREFIX}-root`,
-    field: `${PREFIX}-field`
+    field: `${PREFIX}-field`,
+    fieldLink: `${PREFIX}-field-link`
 };
 const Root = styled(Box, {
     name: PREFIX,
@@ -73,6 +89,9 @@ const Root = styled(Box, {
     margin: theme.spacing(2),
     [`& .${classes.field}`]: {
         fontWeight: 'bold'
+    },
+    [`& .${classes.fieldLink}`]: {
+        textDecoration: 'none'
     }
 }));
 /**
@@ -105,11 +124,35 @@ export default function UserProfileInfo(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className = null, userId = null, user = null, fields = [...DEFAULT_FIELDS] } = props, rest = __rest(props, ["className", "userId", "user", "fields"]);
+    const { className = null, userId = null, user = null, fields = [...DEFAULT_FIELDS], socialAssociationProps = {} } = props, rest = __rest(props, ["className", "userId", "user", "fields", "socialAssociationProps"]);
+    // CONTEXT
+    const scUserContext = useSCUser();
     // STATE
     const { scUser, setSCUser } = useSCFetchUser({ id: userId, user });
+    const isMe = scUserContext.user && scUserContext.user.id === (scUser === null || scUser === void 0 ? void 0 : scUser.id);
+    const [openDialog, setOpenDialog] = useState(false);
+    const [editField, setEditField] = useState('');
     // INTL
     const intl = useIntl();
+    const isIt = intl.locale === 'it';
+    const renderFieldTranslation = (field) => {
+        if (isIt) {
+            switch (field) {
+                case SCUserProfileFields.DATE_OF_BIRTH:
+                case SCUserProfileFields.DESCRIPTION:
+                case SCUserProfileFields.BIO:
+                    return intl.formatMessage(messages.fieldLinkFemale, { field: intl.formatMessage(messages[camelCase(field)]).toLowerCase() });
+                case SCUserProfileFields.SOCIAL_ASSOCIATIONS:
+                    return intl.formatMessage(messages.socialAssociations);
+                default:
+                    return intl.formatMessage(messages.fieldLink, { field: intl.formatMessage(messages[camelCase(field)]).toLowerCase() });
+            }
+        }
+        if (field === SCUserProfileFields.SOCIAL_ASSOCIATIONS) {
+            return intl.formatMessage(messages.socialAssociations, { field: intl.formatMessage(messages[camelCase(field)]).toLowerCase() });
+        }
+        return intl.formatMessage(messages.fieldLink, { field: intl.formatMessage(messages[camelCase(field)]).toLowerCase() });
+    };
     // PREFERENCES
     const scPreferences = useSCPreferences();
     const metadataDefinitions = useMemo(() => {
@@ -133,10 +176,22 @@ export default function UserProfileInfo(inProps) {
                 return `${intl.formatDate(user[field], { year: 'numeric', month: 'numeric', day: 'numeric' })}`;
             case SCUserProfileFields.TAGS:
                 return (React.createElement(Tags, { tags: user.tags.filter((t) => t.visible), type: TagsComponentType.LIST, direction: 'row', TagChipProps: { clickable: false, disposable: false } }));
+            case SCUserProfileFields.SOCIAL_ASSOCIATIONS:
+                return React.createElement(UserSocialAssociation, { user: user, direction: "row", ml: 1 });
             default:
                 return user[field];
         }
     };
+    const handleDialogOpening = (field) => {
+        setEditField(field);
+        setOpenDialog(true);
+    };
+    const renderFieldLink = (field) => {
+        return (React.createElement(Link, { component: "button", variant: "body2", onClick: () => handleDialogOpening(field), className: classes.fieldLink }, renderFieldTranslation(field)));
+    };
+    const handleFieldUpdate = (f) => {
+        setSCUser(Object.assign({}, scUser, f));
+    };
     if (!scUser || !metadataDefinitions) {
         return React.createElement(UserProfileInfoSkeleton, null);
     }
@@ -157,7 +212,26 @@ export default function UserProfileInfo(inProps) {
                         ' ',
                         renderField(scUser, field))));
             }
+            else if (isMe) {
+                if (field === SCUserProfileFields.SOCIAL_ASSOCIATIONS) {
+                    return (React.createElement(React.Fragment, { key: field },
+                        React.createElement(Grid, { item: true, xs: 6 },
+                            React.createElement(UserSocialAssociation, Object.assign({ direction: "row", alignItems: "center", user: scUser, children: React.createElement(Typography, { variant: "body2", ml: 2 }, (scUser === null || scUser === void 0 ? void 0 : scUser.ext_id) ? renderFieldLink(field) : null) }, socialAssociationProps)))));
+                }
+                return (React.createElement(Grid, { item: true, xs: 6, key: field },
+                    React.createElement(Typography, { variant: "body2" },
+                        React.createElement("span", { className: classes.field },
+                            metadataDefinitions[field] ? metadataDefinitions[field].label : intl.formatMessage(messages[camelCase(field)]),
+                            ":"),
+                        ' ',
+                        renderFieldLink(field))));
+            }
+            if (field === SCUserProfileFields.SOCIAL_ASSOCIATIONS) {
+                return React.createElement(React.Fragment, { key: field }, renderField(scUser, field));
+            }
             return null;
-        }))));
+        })),
+        openDialog && (React.createElement(BaseDialog, Object.assign({ title: React.createElement(FormattedMessage, { id: "ui.userProfileInfo.dialog.title", defaultMessage: "ui.userProfileInfo.dialog.title" }), open: openDialog, onClose: () => setOpenDialog(false), className: classNames(classes.root, className) }, rest),
+            React.createElement(PublicInfo, { editingField: editField, onEditSuccess: (f) => handleFieldUpdate(f), onAssociationCreate: socialAssociationProps === null || socialAssociationProps === void 0 ? void 0 : socialAssociationProps.onCreateAssociation })))));
 }
 //# sourceMappingURL=UserProfileInfo.js.map

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

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

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

@@ -0,0 +1,70 @@
+import React from 'react';
+import { StackProps } from '@mui/material';
+import { SCUserProviderAssociationType, SCUserType } from '@selfcommunity/types';
+export interface UserSocialAssociationProps extends StackProps {
+    /**
+     * Id of user object
+     * @default null
+     */
+    userId?: number;
+    /**
+     * User Object
+     * @default null
+     */
+    user?: SCUserType;
+    /**
+     * Providers association related to the given user
+     * @default null
+     */
+    providers?: SCUserProviderAssociationType[];
+    /**
+     * Handler for creating a new provider association
+     * @default null
+     */
+    onCreateAssociation?: (provider: string) => any;
+    /**
+     * If true, renders in a different way
+     * @default false
+     */
+    isEditView?: boolean;
+    /**
+     * Handler for deleting an existing association
+     * @default null
+     */
+    onDeleteAssociation?: (provider: string) => any;
+    /**
+     * children
+     * @default null
+     */
+    children?: React.ReactNode;
+    /**
+     * If providers list must be updated
+     */
+    shouldUpdate?: boolean;
+}
+/**
+ *
+ > API documentation for the Community-JS User Social Association component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {UserSocialAssociation} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCUserSocialAssociation` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCUserSocialAssociation-root|Styles applied to the root element.|
+ |field|.SCUserSocialAssociation-field|Styles applied to the field element.|
+
+ * @param inProps
+ */
+export default function UserSocialAssociation(inProps: UserSocialAssociationProps): JSX.Element;
+//# sourceMappingURL=UserSocialAssociation.d.ts.map

package/lib/esm/components/UserSocialAssociation/UserSocialAssociation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSocialAssociation.d.ts","sourceRoot":"","sources":["../../../../src/components/UserSocialAssociation/UserSocialAssociation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAyB,UAAU,EAAa,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAC,6BAA6B,EAAE,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAmD/E,MAAM,WAAW,0BAA2B,SAAQ,UAAU;IAC5D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC5C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AACD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,OAAO,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAgI9F"}

package/lib/esm/components/UserSocialAssociation/UserSocialAssociation.js

@@ -0,0 +1,166 @@
+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, { useEffect, useMemo } from 'react';
+import { styled } from '@mui/material/styles';
+import { Box, IconButton, Stack, Typography } from '@mui/material';
+import { defineMessages, useIntl } from 'react-intl';
+import { Link, SCPreferences, useSCFetchUser, useSCFetchUserProviders, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import Icon from '@mui/material/Icon';
+import { SCUserSocialAssociations } from '../../types';
+import { UserService } from '@selfcommunity/api-services';
+import { SCOPE_SC_UI } from '../../constants/Errors';
+import { Logger } from '@selfcommunity/utils';
+const messages = defineMessages({
+    socialAdd: {
+        id: 'ui.userSocialAssociation.add',
+        defaultMessage: 'ui.userSocialAssociation.add'
+    },
+    socialRemove: {
+        id: 'ui.userSocialAssociation.remove',
+        defaultMessage: 'ui.userSocialAssociation.remove'
+    }
+});
+const PREFIX = 'SCUserSocialAssociation';
+const classes = {
+    root: `${PREFIX}-root`,
+    editView: `${PREFIX}-edit-view`,
+    field: `${PREFIX}-field`
+};
+const Root = styled(Stack, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+const PREFERENCES = [
+    SCPreferences.PROVIDERS_FACEBOOK_SIGNIN_ENABLED,
+    SCPreferences.PROVIDERS_GOOGLE_SIGNIN_ENABLED,
+    SCPreferences.PROVIDERS_TWITTER_SIGNIN_ENABLED,
+    SCPreferences.PROVIDERS_LINKEDIN_SIGNIN_ENABLED
+];
+/**
+ *
+ > API documentation for the Community-JS User Social Association component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {UserSocialAssociation} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCUserSocialAssociation` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCUserSocialAssociation-root|Styles applied to the root element.|
+ |field|.SCUserSocialAssociation-field|Styles applied to the field element.|
+
+ * @param inProps
+ */
+export default function UserSocialAssociation(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className = null, userId = null, user = null, providers = null, onCreateAssociation = null, onDeleteAssociation = null, isEditView = false, children = null, shouldUpdate } = props, rest = __rest(props, ["className", "userId", "user", "providers", "onCreateAssociation", "onDeleteAssociation", "isEditView", "children", "shouldUpdate"]);
+    // HOOKS
+    const scUserContext = useSCUser();
+    const { scUser } = useSCFetchUser({ id: userId, user });
+    const { scUserProviders, setSCUserProviders } = useSCFetchUserProviders({ id: userId || scUser.id, providers });
+    // INTL
+    const intl = useIntl();
+    // Compute preferences
+    const scPreferences = useSCPreferences();
+    const preferences = useMemo(() => {
+        const _preferences = {};
+        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
+        return _preferences;
+    }, [scPreferences.preferences]);
+    // MEMO PROVIDERS
+    const isMe = useMemo(() => { var _a; return ((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) === (scUser === null || scUser === void 0 ? void 0 : scUser.id); }, [scUserContext.user, scUser]);
+    const _providers = useMemo(() => {
+        return scUserProviders
+            .map((provider) => ({ [provider.provider]: provider }))
+            .reduce((prev, provider) => Object.assign(prev, provider), {});
+    }, [scUserProviders]);
+    const getProviderButtonProps = (name) => {
+        var _a, _b, _c;
+        if (((_a = _providers[name]) === null || _a === void 0 ? void 0 : _a.profile_url) && ((_b = _providers[name]) === null || _b === void 0 ? void 0 : _b.show_in_profile)) {
+            return { component: Link, to: (_c = _providers[name]) === null || _c === void 0 ? void 0 : _c.profile_url, color: 'primary', target: '_blank' };
+        }
+        else if (_providers[name]) {
+            return { color: 'primary' };
+        }
+        else if (isMe && onCreateAssociation) {
+            return { onClick: onCreateAssociation(name) };
+        }
+        else {
+            return { disabled: true };
+        }
+    };
+    const providersEnabled = Object.values(SCUserSocialAssociations).filter((p) => preferences[`providers.${p}_signin_enabled`]);
+    const providersList = (op) => {
+        return providersEnabled === null || providersEnabled === void 0 ? void 0 : providersEnabled.filter((p) => { var _a, _b; return (op === '!' ? !((_a = _providers[p]) === null || _a === void 0 ? void 0 : _a.profile_url) : (_b = _providers[p]) === null || _b === void 0 ? void 0 : _b.profile_url); });
+    };
+    useEffect(() => {
+        if (shouldUpdate) {
+            UserService.getProviderAssociations(scUser.id)
+                .then((providers) => {
+                setSCUserProviders(providers);
+            })
+                .catch((err) => {
+                Logger.error(SCOPE_SC_UI, `User with id ${scUser.id} not found`);
+                Logger.error(SCOPE_SC_UI, err.message);
+            });
+        }
+    }, [shouldUpdate]);
+    // RENDER
+    if (isEditView && providersEnabled) {
+        return (React.createElement(Root, Object.assign({ className: classNames(classes.editView, className) }, rest, { direction: "column" }),
+            providersList().length !== 0 || (providersList('!').length !== 0 && onCreateAssociation) ? children : null,
+            providersList('!').length !== 0 && onCreateAssociation && (React.createElement(Box, null,
+                React.createElement(Typography, { variant: "body2" },
+                    " ",
+                    intl.formatMessage(messages.socialAdd)),
+                providersList('!').map((p, index) => (React.createElement(React.Fragment, { key: index },
+                    React.createElement(IconButton, { onClick: onCreateAssociation ? () => onCreateAssociation(p) : null },
+                        React.createElement(Icon, null, p))))))),
+            providersList().length !== 0 && (React.createElement(Box, null,
+                React.createElement(Typography, { variant: "body2" },
+                    " ",
+                    intl.formatMessage(messages.socialRemove)),
+                providersList().map((p, index) => (React.createElement(React.Fragment, { key: index },
+                    React.createElement(IconButton, { color: "primary", onClick: () => onDeleteAssociation(p) },
+                        React.createElement(Icon, null, p)))))))));
+    }
+    else if ((isMe && !onCreateAssociation) || (!isMe && !providersEnabled)) {
+        return null;
+    }
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
+        preferences[SCPreferences.PROVIDERS_FACEBOOK_SIGNIN_ENABLED] && (React.createElement(IconButton, Object.assign({}, getProviderButtonProps(SCUserSocialAssociations.FACEBOOK)),
+            React.createElement(Icon, null, "facebook"))),
+        preferences[SCPreferences.PROVIDERS_GOOGLE_SIGNIN_ENABLED] && (React.createElement(IconButton, Object.assign({}, getProviderButtonProps(SCUserSocialAssociations.GOOGLE)),
+            React.createElement(Icon, null, "google"))),
+        preferences[SCPreferences.PROVIDERS_TWITTER_SIGNIN_ENABLED] && (React.createElement(IconButton, Object.assign({}, getProviderButtonProps(SCUserSocialAssociations.TWITTER)),
+            React.createElement(Icon, null, "twitter"))),
+        preferences[SCPreferences.PROVIDERS_LINKEDIN_SIGNIN_ENABLED] && (React.createElement(IconButton, Object.assign({}, getProviderButtonProps(SCUserSocialAssociations.LINKEDIN)),
+            React.createElement(Icon, null, "linkedin"))),
+        children));
+}
+//# sourceMappingURL=UserSocialAssociation.js.map

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

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

package/lib/esm/components/UserSocialAssociation/index.d.ts

@@ -0,0 +1,4 @@
+import UserSocialAssociation, { UserSocialAssociationProps } from './UserSocialAssociation';
+export default UserSocialAssociation;
+export { UserSocialAssociationProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/UserSocialAssociation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UserSocialAssociation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,EAAE,EAAC,0BAA0B,EAAC,MAAM,yBAAyB,CAAC;AAC1F,eAAe,qBAAqB,CAAC;AACrC,OAAO,EAAC,0BAA0B,EAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import UserSocialAssociation from './UserSocialAssociation';
+export default UserSocialAssociation;
+//# sourceMappingURL=index.js.map

package/lib/esm/components/UserSocialAssociation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserSocialAssociation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAmD,MAAM,yBAAyB,CAAC;AAC1F,eAAe,qBAAqB,CAAC"}

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

@@ -1,3 +1,4 @@
+import { CacheStrategies } from '@selfcommunity/utils';
 import { UserProps } from '../User';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 export interface UsersFollowedProps extends VirtualScrollerItemProps {
@@ -21,6 +22,11 @@ export interface UsersFollowedProps extends VirtualScrollerItemProps {
      * @default empty object
      */
     UserProps?: UserProps;
+    /**
+     * Caching strategies
+     * @default CacheStrategies.CACHE_FIRST
+     */
+    cacheStrategy?: CacheStrategies;
 }
 /**
  * > API documentation for the Community-JS Users Followed component. Learn about the available props and the CSS API.

package/lib/esm/components/UsersFollowed/UsersFollowed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UsersFollowed.d.ts","sourceRoot":"","sources":["../../../../src/components/UsersFollowed/UsersFollowed.tsx"],"names":[],"mappings":"AAiBA,OAAa,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AASxC,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAkCrE,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB;IAClE;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAsN9E"}
+{"version":3,"file":"UsersFollowed.d.ts","sourceRoot":"","sources":["../../../../src/components/UsersFollowed/UsersFollowed.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,eAAe,EAAS,MAAM,sBAAsB,CAAC;AAW7D,OAAa,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AASxC,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAmCrE,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB;IAClE;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA+O9E"}