@selfcommunity/react-ui 0.7.0-alpha.5 → 0.7.0-alpha.51

package/lib/cjs/components/UserProfileInfo/UserProfileInfo.js

@@ -50,6 +50,8 @@ const system_1 = require("@mui/system");
 const types_1 = require("../../types");
 const Errors_1 = require("../../constants/Errors");
 const Tags_1 = __importStar(require("../../shared/Tags"));
+const PublicInfo_1 = __importDefault(require("../UserProfileEdit/Section/PublicInfo"));
+const BaseDialog_1 = __importDefault(require("../../shared/BaseDialog"));
 const messages = (0, react_intl_1.defineMessages)({
     realName: {
         id: 'ui.userProfileInfo.realName',
@@ -86,12 +88,21 @@ const messages = (0, react_intl_1.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'
     }
 });
 const PREFIX = 'SCUserProfileInfo';
 const classes = {
     root: `${PREFIX}-root`,
-    field: `${PREFIX}-field`
+    field: `${PREFIX}-field`,
+    fieldLink: `${PREFIX}-field-link`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
     name: PREFIX,
@@ -101,6 +112,9 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     margin: theme.spacing(2),
     [`& .${classes.field}`]: {
         fontWeight: 'bold'
+    },
+    [`& .${classes.fieldLink}`]: {
+        textDecoration: 'none'
     }
 }));
 /**
@@ -134,10 +148,29 @@ function UserProfileInfo(inProps) {
         name: PREFIX
     });
     const { className = null, userId = null, user = null, fields = [...UserProfile_1.DEFAULT_FIELDS] } = props, rest = __rest(props, ["className", "userId", "user", "fields"]);
+    // CONTEXT
+    const scUserContext = (0, react_core_1.useSCUser)();
     // STATE
     const { scUser, setSCUser } = (0, react_core_1.useSCFetchUser)({ id: userId, user });
+    const isMe = scUserContext.user && scUserContext.user.id === (scUser === null || scUser === void 0 ? void 0 : scUser.id);
+    const [openDialog, setOpenDialog] = (0, react_1.useState)(false);
+    const [editField, setEditField] = (0, react_1.useState)('');
     // INTL
     const intl = (0, react_intl_1.useIntl)();
+    const isIt = intl.locale === 'it';
+    const renderFieldTranslation = (field) => {
+        if (isIt) {
+            switch (field) {
+                case types_1.SCUserProfileFields.DATE_OF_BIRTH:
+                case types_1.SCUserProfileFields.DESCRIPTION:
+                case types_1.SCUserProfileFields.BIO:
+                    return intl.formatMessage(messages.fieldLinkFemale, { field: intl.formatMessage(messages[(0, utils_1.camelCase)(field)]).toLowerCase() });
+                default:
+                    return intl.formatMessage(messages.fieldLink, { field: intl.formatMessage(messages[(0, utils_1.camelCase)(field)]).toLowerCase() });
+            }
+        }
+        return intl.formatMessage(messages.fieldLink, { field: intl.formatMessage(messages[(0, utils_1.camelCase)(field)]).toLowerCase() });
+    };
     // PREFERENCES
     const scPreferences = (0, react_core_1.useSCPreferences)();
     const metadataDefinitions = (0, react_1.useMemo)(() => {
@@ -165,6 +198,16 @@ function UserProfileInfo(inProps) {
                 return user[field];
         }
     };
+    const handleDialogOpening = (field) => {
+        setEditField(field);
+        setOpenDialog(true);
+    };
+    const renderFieldLink = (field) => {
+        return (react_1.default.createElement(material_1.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_1.default.createElement(Skeleton_1.default, null);
     }
@@ -185,8 +228,19 @@ function UserProfileInfo(inProps) {
                         ' ',
                         renderField(scUser, field))));
             }
+            else if (isMe) {
+                return (react_1.default.createElement(material_1.Grid, { item: true, xs: 6, key: field },
+                    react_1.default.createElement(material_1.Typography, { variant: "body2" },
+                        react_1.default.createElement("span", { className: classes.field },
+                            metadataDefinitions[field] ? metadataDefinitions[field].label : intl.formatMessage(messages[(0, utils_1.camelCase)(field)]),
+                            ":"),
+                        ' ',
+                        renderFieldLink(field))));
+            }
             return null;
-        }))));
+        })),
+        openDialog && (react_1.default.createElement(BaseDialog_1.default, Object.assign({ title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileInfo.dialog.title", defaultMessage: "ui.userProfileInfo.dialog.title" }), open: openDialog, onClose: () => setOpenDialog(false), className: (0, classnames_1.default)(classes.root, className) }, rest),
+            react_1.default.createElement(PublicInfo_1.default, { editingField: editField, onEditSuccess: (f) => handleFieldUpdate(f) })))));
 }
 exports.default = UserProfileInfo;
 //# sourceMappingURL=UserProfileInfo.js.map

package/lib/cjs/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/cjs/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: SCUserProviderAssociationType) => any;
+    /**
+     * children
+     * @default null
+     */
+    children?: React.ReactNode;
+    /**
+     * If present, providers list must be updated
+     */
+    deletingProvider?: SCUserProviderAssociationType;
+}
+/**
+ *
+ > 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/cjs/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;AAsC/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,6BAA6B,KAAK,GAAG,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,6BAA6B,CAAC;CAClD;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,OAAO,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAoF9F"}

package/lib/cjs/components/UserSocialAssociation/UserSocialAssociation.js

@@ -0,0 +1,160 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+const react_intl_1 = require("react-intl");
+const react_core_1 = require("@selfcommunity/react-core");
+const classnames_1 = __importDefault(require("classnames"));
+const system_1 = require("@mui/system");
+const Icon_1 = __importDefault(require("@mui/material/Icon"));
+const types_1 = require("../../types");
+const messages = (0, react_intl_1.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`,
+    field: `${PREFIX}-field`
+};
+const Root = (0, styles_1.styled)(material_1.Stack, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+const PREFERENCES = [
+    react_core_1.SCPreferences.PROVIDERS_FACEBOOK_SIGNIN_ENABLED,
+    react_core_1.SCPreferences.PROVIDERS_GOOGLE_SIGNIN_ENABLED,
+    react_core_1.SCPreferences.PROVIDERS_TWITTER_SIGNIN_ENABLED,
+    react_core_1.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
+ */
+function UserSocialAssociation(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className = null, userId = null, user = null, providers = null, onCreateAssociation = null, onDeleteAssociation = null, children = null, deletingProvider = null } = props, rest = __rest(props, ["className", "userId", "user", "providers", "onCreateAssociation", "onDeleteAssociation", "children", "deletingProvider"]);
+    // HOOKS
+    const { scUser } = (0, react_core_1.useSCFetchUser)({ id: userId, user });
+    const { scUserProviders, setSCUserProviders } = (0, react_core_1.useSCFetchUserProviders)({ id: userId || scUser.id, providers });
+    // INTL
+    const intl = (0, react_intl_1.useIntl)();
+    // Compute preferences
+    const scPreferences = (0, react_core_1.useSCPreferences)();
+    const preferences = (0, react_1.useMemo)(() => {
+        const _preferences = {};
+        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
+        return _preferences;
+    }, [scPreferences.preferences]);
+    // MEMO PROVIDERS
+    const _providers = (0, react_1.useMemo)(() => {
+        return scUserProviders
+            .map((provider) => ({ [provider.provider]: provider }))
+            .reduce((prev, provider) => Object.assign(prev, provider), {});
+    }, [scUserProviders]);
+    const providersEnabled = Object.values(types_1.SCUserSocialAssociations).filter((p) => preferences[`providers.${p}_signin_enabled`]);
+    const providersToLink = providersEnabled === null || providersEnabled === void 0 ? void 0 : providersEnabled.filter((p) => { var _a, _b; return !((_a = _providers[p]) === null || _a === void 0 ? void 0 : _a.provider) && !((_b = _providers[p]) === null || _b === void 0 ? void 0 : _b.ext_id); });
+    const providersLinked = Object.values(_providers).filter((p) => providersEnabled.includes(p.provider));
+    /**
+     * Updates providers list onDelete association
+     */
+    (0, react_1.useEffect)(() => {
+        if (deletingProvider) {
+            const updatedProviders = scUserProviders.filter((p) => p.provider !== deletingProvider.provider);
+            setSCUserProviders(updatedProviders);
+        }
+    }, [deletingProvider]);
+    /**
+     * Renders social association block
+     */
+    if (!providersEnabled) {
+        return null;
+    }
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { direction: "column" }),
+        providersLinked.length !== 0 || (providersToLink.length !== 0 && onCreateAssociation) ? children : null,
+        providersToLink.length !== 0 && onCreateAssociation && (react_1.default.createElement(material_1.Box, null,
+            react_1.default.createElement(material_1.Typography, { variant: "body2" },
+                " ",
+                intl.formatMessage(messages.socialAdd)),
+            providersToLink.map((p, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
+                react_1.default.createElement(material_1.IconButton, { onClick: onCreateAssociation ? () => onCreateAssociation(p) : null },
+                    react_1.default.createElement(Icon_1.default, null, p))))))),
+        providersLinked.length !== 0 && (react_1.default.createElement(material_1.Box, null,
+            react_1.default.createElement(material_1.Typography, { variant: "body2" },
+                " ",
+                intl.formatMessage(messages.socialRemove)),
+            providersLinked.map((p, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
+                react_1.default.createElement(material_1.IconButton, { color: "primary", onClick: () => onDeleteAssociation(p) },
+                    react_1.default.createElement(Icon_1.default, null, p.provider)))))))));
+}
+exports.default = UserSocialAssociation;
+//# sourceMappingURL=UserSocialAssociation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserSocialAssociation.js","sourceRoot":"","sources":["../../../../src/components/UserSocialAssociation/UserSocialAssociation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,iDAA4C;AAC5C,4CAA6E;AAC7E,2CAAmD;AAEnD,0DAA6I;AAC7I,4DAAoC;AACpC,wCAA0C;AAC1C,8DAAsC;AACtC,uCAAqD;AAErD,MAAM,QAAQ,GAAG,IAAA,2BAAc,EAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,8BAA8B;KAC/C;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,iCAAiC;KAClD;CACF,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,yBAAyB,CAAC;AAEzC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,KAAK,EAAE,GAAG,MAAM,QAAQ;CACzB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,gBAAK,EAAE;IACzB,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;AAEtB,MAAM,WAAW,GAAG;IAClB,0BAAa,CAAC,iCAAiC;IAC/C,0BAAa,CAAC,+BAA+B;IAC7C,0BAAa,CAAC,gCAAgC;IAC9C,0BAAa,CAAC,iCAAiC;CAChD,CAAC;AA8CF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,SAAwB,qBAAqB,CAAC,OAAmC;IAC/E,QAAQ;IACR,MAAM,KAAK,GAA+B,IAAA,sBAAa,EAAC;QACtD,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EACJ,SAAS,GAAG,IAAI,EAChB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,IAAI,EAChB,mBAAmB,GAAG,IAAI,EAC1B,mBAAmB,GAAG,IAAI,EAC1B,QAAQ,GAAG,IAAI,EACf,gBAAgB,GAAG,IAAI,KAErB,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,0HAUL,CAAQ,CAAC;IACV,QAAQ;IACR,MAAM,EAAC,MAAM,EAAC,GAAG,IAAA,2BAAc,EAAC,EAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;IACpD,MAAM,EAAC,eAAe,EAAE,kBAAkB,EAAC,GAAG,IAAA,oCAAuB,EAAC,EAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,CAAC,CAAC;IAC5G,OAAO;IACP,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IAEvB,sBAAsB;IACtB,MAAM,aAAa,GAA6B,IAAA,6BAAgB,GAAE,CAAC;IACnE,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACvH,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAEhC,iBAAiB;IACjB,MAAM,UAAU,GAAiD,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5E,OAAO,eAAe;aACnB,GAAG,CAAC,CAAC,QAAuC,EAAE,EAAE,CAAC,CAAC,EAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAC,CAAC,CAAC;aACnF,MAAM,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAS,gCAAwB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrI,MAAM,eAAe,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,eAAC,OAAA,CAAC,CAAA,MAAA,UAAU,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAA,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,CAAC,CAAC,0CAAE,MAAM,CAAA,CAAA,EAAA,CAAC,CAAC;IAC5G,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvG;;OAEG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE;YACpB,MAAM,gBAAgB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACjG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,8BAAC,IAAI,kBAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,IAAE,SAAS,EAAC,QAAQ;QAC/E,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACvG,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,mBAAmB,IAAI,CACtD,8BAAC,cAAG;YACF,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO;;gBAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAc;YACjF,eAAe,CAAC,GAAG,CAAC,CAAC,CAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBACxB,8BAAC,qBAAU,IAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;oBAC5E,8BAAC,cAAI,QAAE,CAAC,CAAQ,CACL,CACE,CAClB,CAAC,CACE,CACP;QACA,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAC/B,8BAAC,cAAG;YACF,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO;;gBAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAc;YACpF,eAAe,CAAC,GAAG,CAAC,CAAC,CAAgC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChE,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBACxB,8BAAC,qBAAU,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;oBAC/D,8BAAC,cAAI,QAAE,CAAC,CAAC,QAAQ,CAAQ,CACd,CACE,CAClB,CAAC,CACE,CACP,CACI,CACR,CAAC;AACJ,CAAC;AApFD,wCAoFC"}

package/lib/cjs/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/cjs/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/cjs/components/UserSocialAssociation/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UserSocialAssociation_1 = __importDefault(require("./UserSocialAssociation"));
+exports.default = UserSocialAssociation_1.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserSocialAssociation/index.tsx"],"names":[],"mappings":";;;;;AAAA,oFAA0F;AAC1F,kBAAe,+BAAqB,CAAC"}

package/lib/cjs/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/cjs/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"}

package/lib/cjs/components/UsersFollowed/UsersFollowed.js

@@ -44,6 +44,7 @@ const CentralProgress_1 = __importDefault(require("../../shared/CentralProgress"
 const InfiniteScroll_1 = __importDefault(require("../../shared/InfiniteScroll"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
+const tools_1 = require("../../utils/tools");
 const messages = (0, react_intl_1.defineMessages)({
     title: {
         id: 'ui.usersFollowed.title',
@@ -115,29 +116,33 @@ function UsersFollowed(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { userId, autoHide, className, UserProps = {}, onHeightChange } = props;
+    const { userId, autoHide, className, UserProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props;
     // REFS
     const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
     // STATE
     const theme = (0, material_1.useTheme)();
     const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
-    const [followed, setFollowed] = (0, react_1.useState)([]);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [hasMore, setHasMore] = (0, react_1.useState)(false);
-    const [total, setTotal] = (0, react_1.useState)(0);
+    const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
+        isLoadingNext: true,
+        next: `${api_services_1.Endpoints.UsersFollowed.url({ id: userId })}?limit=10`,
+        cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.USERS_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY, userId),
+        cacheStrategy
+    }, tools_1.stateToolsInitializer);
     const [openUsersFollowedDialog, setOpenUsersFollowedDialog] = (0, react_1.useState)(false);
-    const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.UsersFollowed.url({ id: userId })}?limit=10`);
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
     /**
      * Handles list change on user follow
      */
     function handleOnFollowUser(user, follow) {
         if (scUserContext.user['id'] === userId) {
-            setFollowed(followed.filter((u) => u.id !== user.id));
-            setTotal((prev) => prev - 1);
-            setHasMore(total - 1 > limit);
+            dispatch({
+                type: tools_1.actionToolsTypes.SET_RESULTS,
+                payload: { results: state.results.filter((u) => u.id !== user.id), count: state.count - 1 }
+            });
         }
         else {
-            const newUsers = [...followed];
+            const newUsers = [...state.results];
             const index = newUsers.findIndex((u) => u.id === user.id);
             if (index !== -1) {
                 if (user.connection_status === 'followed') {
@@ -148,80 +153,94 @@ function UsersFollowed(inProps) {
                     newUsers[index].followers_counter = user.followers_counter + 1;
                     newUsers[index].connection_status = 'followed';
                 }
-                setFollowed(newUsers);
+                dispatch({
+                    type: tools_1.actionToolsTypes.SET_RESULTS,
+                    payload: { results: newUsers }
+                });
             }
         }
     }
     /**
      * Fetches the list of users followed
      */
-    function fetchFollowed() {
-        if (next) {
-            api_services_1.http
-                .request({
-                url: next,
-                method: api_services_1.Endpoints.UsersFollowed.method
-            })
+    const fetchFollowed = (0, react_1.useMemo)(() => () => {
+        return api_services_1.http.request({
+            url: state.next,
+            method: api_services_1.Endpoints.UsersFollowed.method
+        });
+    }, [dispatch, state.next, state.isLoadingNext]);
+    (0, react_1.useEffect)(() => {
+        if (!userId) {
+            return;
+        }
+        else if (!contentAvailability && !scUserContext.user) {
+            return;
+        }
+        else if (cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
+            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
+        }
+    }, [authUserId]);
+    /**
+     * On mount, fetches the list of users followed
+     */
+    (0, react_1.useEffect)(() => {
+        let ignore = false;
+        if (state.next) {
+            fetchFollowed()
                 .then((res) => {
-                if (isMountedRef.current) {
+                if (res.status < 300 && isMountedRef.current && !ignore) {
                     const data = res.data;
-                    setFollowed([...followed, ...data.results]);
-                    setHasMore(data.count > limit);
-                    setNext(data['next']);
-                    setLoading(false);
-                    setTotal(data.count);
+                    dispatch({
+                        type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data.results,
+                            count: data.count,
+                            next: data.next
+                        }
+                    });
                 }
             })
                 .catch((error) => {
-                setLoading(false);
+                dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
             });
+            return () => {
+                ignore = true;
+            };
         }
-    }
-    /**
-     * On mount, fetches the list of users followed
-     */
-    (0, react_1.useEffect)(() => {
-        if (!userId) {
-            return;
-        }
-        if (!contentAvailability && !scUserContext.user) {
-            return;
-        }
-        fetchFollowed();
-    }, [scUserContext.user]);
+    }, [state.next]);
     /**
      * Virtual feed update
      */
     (0, react_1.useEffect)(() => {
         onHeightChange && onHeightChange();
-    }, [followed.length, loading]);
+    }, [state.results.length]);
     /**
      * Renders the list of users followed
      */
-    if (loading) {
+    if (state.isLoadingNext) {
         return react_1.default.createElement(Skeleton_1.default, null);
     }
     const u = (react_1.default.createElement(material_1.CardContent, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" }, `${intl.formatMessage(messages.title, { total: total })}`),
-        !total ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" }, `${intl.formatMessage(messages.noUsers)}`)) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, followed.slice(0, limit).map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
+        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" }, `${intl.formatMessage(messages.title, { total: state.count })}`),
+        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" }, `${intl.formatMessage(messages.noUsers)}`)) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
                 react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, (followEnabled
                     ? { followConnectUserButtonProps: { onFollow: handleOnFollowUser } }
                     : { followConnectUserButtonProps: { onChangeConnectionStatus: handleOnFollowUser } }), { className: classes.followedItem }, UserProps)))))),
-            hasMore && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenUsersFollowedDialog(true) },
+            limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenUsersFollowedDialog(true) },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.usersFollowed.button.showAll", defaultMessage: "ui.usersFollowed.button.showAll" }))),
-            openUsersFollowedDialog && (react_1.default.createElement(BaseDialog_1.default, { title: isMobile ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.usersFollowed.modal.title", defaultMessage: "ui.usersFollowed.modal.title" })) : (`${intl.formatMessage(messages.title, { total: total })}`), onClose: () => setOpenUsersFollowedDialog(false), open: openUsersFollowedDialog }, loading ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: followed.length, next: fetchFollowed, hasMoreNext: Boolean(next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
+            openUsersFollowedDialog && (react_1.default.createElement(BaseDialog_1.default, { title: isMobile ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.usersFollowed.modal.title", defaultMessage: "ui.usersFollowed.modal.title" })) : (`${intl.formatMessage(messages.title, { total: state.count })}`), onClose: () => setOpenUsersFollowedDialog(false), open: openUsersFollowedDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchFollowed, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
                     react_1.default.createElement("b", null,
                         react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.usersFollowed.noMoreResults", defaultMessage: "ui.usersFollowed.noMoreResults" }))) },
-                react_1.default.createElement(List_1.default, null, followed.map((f) => (react_1.default.createElement(material_1.ListItem, { key: f.id },
+                react_1.default.createElement(List_1.default, null, state.results.map((f) => (react_1.default.createElement(material_1.ListItem, { key: f.id },
                     react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: f }, UserProps, { className: classes.followedItem }, (followEnabled
                         ? { followConnectUserButtonProps: { onFollow: handleOnFollowUser } }
                         : { followConnectUserButtonProps: { onChangeConnectionStatus: handleOnFollowUser } })))))))))))))));
     /**
      * if there are no results and autoHide prop is set to true ,component is hidden
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
     /**