@selfcommunity/react-ui 0.6.0-alpha.7 → 0.6.0-alpha.8

package/lib/cjs/components/BroadcastMessages/BroadcastMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BroadcastMessages.d.ts","sourceRoot":"","sources":["../../../../src/components/BroadcastMessages/BroadcastMessages.tsx"],"names":[],"mappings":";AAeA,OAAgB,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAwChD,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,OAAO,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA+ItF"}
+{"version":3,"file":"BroadcastMessages.d.ts","sourceRoot":"","sources":["../../../../src/components/BroadcastMessages/BroadcastMessages.tsx"],"names":[],"mappings":";AAeA,OAAgB,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAwChD,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,OAAO,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAmJtF"}

package/lib/cjs/components/BroadcastMessages/BroadcastMessages.js

@@ -172,6 +172,10 @@ function BroadcastMessages(inProps) {
             setMessages(refresh ? res.data : [...messages, ...res.data]);
             setNext(res.next);
             setLoading(false);
+            const unviewd = res.data.filter((m) => !m.viewed_at).length;
+            if (unviewd > 0) {
+                scUserContext.setUnseenNotificationBannersCounter(scUserContext.user.unseen_notification_banners_counter - unviewd);
+            }
         })
             .catch((error) => {
             utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);

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

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

package/lib/cjs/components/FeedObject/Actions/Actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedObject/Actions/Actions.tsx"],"names":[],"mappings":";AAGA,OAAa,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAgB,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAChD,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAEhF,OAAO,EAAC,wBAAwB,EAAC,MAAM,2BAA2B,CAAC;AAuBnE,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAE1C;;;OAGG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,CAAC;IAE9C;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpC;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAElC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAsElE"}
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedObject/Actions/Actions.tsx"],"names":[],"mappings":";AAGA,OAAa,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAgB,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAChD,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAEhF,OAAO,EAAC,wBAAwB,EAAC,MAAM,2BAA2B,CAAC;AAwBnE,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAE1C;;;OAGG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,CAAC;IAE9C;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpC;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAElC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA8ElE"}

package/lib/cjs/components/FeedObject/Actions/Actions.js

@@ -14,6 +14,7 @@ const react_core_1 = require("@selfcommunity/react-core");
 const feedObject_1 = require("../../../types/feedObject");
 const classnames_1 = __importDefault(require("classnames"));
 const system_1 = require("@mui/system");
+const Reaction_1 = __importDefault(require("./Reaction"));
 const PREFIX = 'SCFeedObjectActions';
 const classes = {
     root: `${PREFIX}-root`,
@@ -37,8 +38,11 @@ function Actions(inProps) {
         name: PREFIX
     });
     const { className, feedObjectId, feedObject, feedObjectType = types_1.SCFeedObjectTypologyType.POST, feedObjectTemplate = feedObject_1.SCFeedObjectTemplateType.PREVIEW, hideVoteAction = false, hideShareAction = false, hideCommentAction = false, handleExpandActivities, VoteActionProps = {}, CommentActionProps = {}, ShareActionProps = {} } = props;
+    // PREFERENCES
+    const scPreferences = (0, react_core_1.useSCPreferences)();
     // STATE
     const { obj, setObj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });
+    const reactionsEnabled = scPreferences.features.includes(react_core_1.SCFeatures.REACTION);
     if (!obj) {
         return null;
     }
@@ -60,8 +64,7 @@ function Actions(inProps) {
      */
     const columnWidth = getColumnWidth();
     return (react_1.default.createElement(Root, { container: true, className: (0, classnames_1.default)(classes.root, className) },
-        !hideVoteAction && (react_1.default.createElement(material_1.Grid, { item: true, xs: columnWidth, className: classes.action },
-            react_1.default.createElement(Vote_1.default, Object.assign({ feedObject: obj, feedObjectType: feedObjectType }, VoteActionProps)))),
+        !hideVoteAction && (react_1.default.createElement(material_1.Grid, { item: true, xs: columnWidth, className: classes.action }, reactionsEnabled ? (react_1.default.createElement(Reaction_1.default, Object.assign({ feedObject: obj, feedObjectType: feedObjectType }, VoteActionProps))) : (react_1.default.createElement(Vote_1.default, Object.assign({ feedObject: obj, feedObjectType: feedObjectType }, VoteActionProps))))),
         !hideCommentAction && (react_1.default.createElement(material_1.Grid, { item: true, xs: columnWidth, className: classes.action },
             react_1.default.createElement(Comment_1.default, Object.assign({ feedObject: obj, feedObjectType: feedObjectType, feedObjectTemplate: feedObjectTemplate, onCommentAction: handleExpandActivities }, CommentActionProps)))),
         !hideShareAction && (react_1.default.createElement(material_1.Grid, { item: true, xs: columnWidth, className: classes.action },

package/lib/cjs/components/FeedObject/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../../../src/components/FeedObject/Actions/Actions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../../../src/components/FeedObject/Actions/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAC5C,4CAAmC;AACnC,kDAAuC;AACvC,wDAAgD;AAChD,oDAA0C;AAC1C,gDAAgF;AAChF,0DAA6F;AAC7F,0DAAmE;AACnE,4DAAoC;AACpC,wCAA0C;AAC1C,0DAAkC;AAElC,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,MAAM,EAAE,GAAG,MAAM,SAAS;CAC3B,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,eAAI,EAAE;IACxB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;QACxB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC,CAAC;AAyEJ,SAAwB,OAAO,CAAC,OAAqB;IACnD,QAAQ;IACR,MAAM,KAAK,GAAiB,IAAA,sBAAa,EAAC;QACxC,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,GAAG,gCAAwB,CAAC,IAAI,EAC9C,kBAAkB,GAAG,qCAAwB,CAAC,OAAO,EACrD,cAAc,GAAG,KAAK,EACtB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,sBAAsB,EACtB,eAAe,GAAG,EAAE,EACpB,kBAAkB,GAAG,EAAE,EACvB,gBAAgB,GAAG,EAAE,EACtB,GAAG,KAAK,CAAC;IAEV,cAAc;IACd,MAAM,aAAa,GAAG,IAAA,6BAAgB,GAAE,CAAC;IAEzC,QAAQ;IACR,MAAM,EAAC,GAAG,EAAE,MAAM,EAAC,GAAG,IAAA,iCAAoB,EAAC,EAAC,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC,CAAC;IAC3F,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC;IAE9E,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,IAAI,CAAC;KACb;IAED;;OAEG;IACH,SAAS,cAAc;QACrB,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,eAAe,IAAI,iBAAiB,EAAE;YACxC,KAAK,GAAG,EAAE,CAAC;SACZ;aAAM,IAAI,iBAAiB,IAAI,iBAAiB,EAAE;YACjD,KAAK,GAAG,CAAC,CAAC;SACX;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;OAEG;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,8BAAC,IAAI,IAAC,SAAS,QAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;QAC3D,CAAC,cAAc,IAAI,CAClB,8BAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,IAClD,gBAAgB,CAAC,CAAC,CAAC,CAClB,8BAAC,kBAAQ,kBAAC,UAAU,EAAE,GAAG,EAAE,cAAc,EAAE,cAAc,IAAM,eAAe,EAAI,CACnF,CAAC,CAAC,CAAC,CACF,8BAAC,cAAI,kBAAC,UAAU,EAAE,GAAG,EAAE,cAAc,EAAE,cAAc,IAAM,eAAe,EAAI,CAC/E,CACI,CACR;QACA,CAAC,iBAAiB,IAAI,CACrB,8BAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM;YACnD,8BAAC,iBAAO,kBACN,UAAU,EAAE,GAAG,EACf,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,sBAAsB,IACnC,kBAAkB,EACtB,CACG,CACR;QACA,CAAC,eAAe,IAAI,CACnB,8BAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM;YACnD,8BAAC,eAAK,kBAAC,UAAU,EAAE,GAAG,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE,YAAY,IAAM,gBAAgB,EAAI,CAC7F,CACR,CACI,CACR,CAAC;AACJ,CAAC;AA9ED,0BA8EC"}

package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { VoteProps } from '../Vote';
+/**
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+export declare const voteActionTypes: {
+    LOADING: string;
+    REQUEST_VOTES_LOADING: string;
+    REQUEST_VOTES_SUCCESS: string;
+    REQUEST_VOTES_FAILED: string;
+    TOGGLE_VOTE_DIALOG: string;
+    REFRESHING_VOTES: string;
+    VOTING: string;
+    REQUEST_VOTING_SUCCESS: string;
+};
+/**
+ * Action types label for reaction actions handler
+ */
+export declare const reactionActionTypes: {
+    ADD: string;
+    CHANGE: string;
+    REMOVE: string;
+};
+export interface TabPanelProps {
+    children?: React.ReactNode;
+    index: string;
+    value: string | any;
+}
+export default function Reaction(inProps: VoteProps): JSX.Element;
+//# sourceMappingURL=Reaction.d.ts.map

package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reaction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/Reaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AA4BtE,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;CAS3B,CAAC;AAgEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AA8DF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACrB;AAWD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAO,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAwbhE"}

package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.js

@@ -0,0 +1,483 @@
+"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 });
+exports.reactionActionTypes = exports.voteActionTypes = void 0;
+const react_1 = __importStar(require("react"));
+const BaseDialog_1 = __importDefault(require("../../../../shared/BaseDialog"));
+const react_intl_1 = require("react-intl");
+const material_1 = require("@mui/material");
+const InfiniteScroll_1 = __importDefault(require("../../../../shared/InfiniteScroll"));
+const Icon_1 = __importDefault(require("@mui/material/Icon"));
+const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const LoadingButton_1 = __importDefault(require("@mui/lab/LoadingButton"));
+const CentralProgress_1 = __importDefault(require("../../../../shared/CentralProgress"));
+const User_1 = __importDefault(require("../../../User"));
+const Errors_1 = require("../../../../constants/Errors");
+const styles_1 = require("@mui/material/styles");
+const classnames_1 = __importDefault(require("classnames"));
+const notistack_1 = require("notistack");
+const types_1 = require("@selfcommunity/types");
+const api_services_1 = require("@selfcommunity/api-services");
+const utils_1 = require("@selfcommunity/utils");
+const react_core_1 = require("@selfcommunity/react-core");
+const system_1 = require("@mui/system");
+const lodash_1 = __importDefault(require("lodash"));
+/**
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+exports.voteActionTypes = {
+    LOADING: '_loading_votes',
+    REQUEST_VOTES_LOADING: '_request_votes_loading',
+    REQUEST_VOTES_SUCCESS: '_request_votes_success',
+    REQUEST_VOTES_FAILED: '_request_votes_failed',
+    TOGGLE_VOTE_DIALOG: '_toggle_vote_dialog',
+    REFRESHING_VOTES: '_refreshing_votes',
+    VOTING: '_voting',
+    REQUEST_VOTING_SUCCESS: '_request_vote_success'
+};
+/**
+ * votesReducer manage the state of authentication
+ * update the state base on action type
+ * @param state
+ * @param action
+ */
+function votesReducer(state, action) {
+    switch (action.type) {
+        case exports.voteActionTypes.REQUEST_VOTES_LOADING:
+            return Object.assign({}, state, { loadingVotes: true });
+        case exports.voteActionTypes.REQUEST_VOTES_SUCCESS:
+            return {
+                votes: state.refreshing ? [...state.votes] : [...state.votes, ...action.payload.data],
+                loadingVotes: false,
+                refreshing: false,
+                voting: false,
+                next: action.payload.next,
+                openVotesDialog: state.openVotesDialog,
+                error: null
+            };
+        case exports.voteActionTypes.TOGGLE_VOTE_DIALOG:
+            return Object.assign({}, state, { openVotesDialog: !state.openVotesDialog });
+        case exports.voteActionTypes.REQUEST_VOTES_FAILED:
+            return Object.assign({}, state, { loadingVotes: false, error: action.payload.error, refreshing: false });
+        case exports.voteActionTypes.REFRESHING_VOTES:
+            return Object.assign({}, state, { votes: [], loadingVotes: false, refreshing: true, error: null });
+        case exports.voteActionTypes.VOTING:
+            return Object.assign({}, state, { voting: true, error: null });
+        case exports.voteActionTypes.REQUEST_VOTING_SUCCESS:
+            return Object.assign({}, state, { voting: false, error: null });
+        default:
+            throw new Error(`Unhandled type: ${action.type}`);
+    }
+}
+/**
+ * Defines initial state
+ */
+function stateInitializer({ feedObjectId = null, feedObject = null, feedObjectType = types_1.SCFeedObjectTypologyType.POST }) {
+    const next = feedObjectId && feedObjectType
+        ? `${api_services_1.Endpoints.VotesList.url({ type: feedObjectType, id: feedObjectId })}`
+        : `${api_services_1.Endpoints.VotesList.url({ type: feedObjectType, id: feedObject.id })}`;
+    return {
+        votes: [],
+        loadingVotes: false,
+        voting: null,
+        refreshing: false,
+        next,
+        openVotesDialog: false,
+        error: null
+    };
+}
+/**
+ * Action types label for reaction actions handler
+ */
+exports.reactionActionTypes = {
+    ADD: 'add',
+    CHANGE: 'change',
+    REMOVE: 'remove'
+};
+const PREFIX = 'SCReactionObject';
+const classes = {
+    root: `${PREFIX}-root`,
+    divider: `${PREFIX}-divider`,
+    actionButton: `${PREFIX}-action-button`,
+    inline: `${PREFIX}-inline`,
+    inlineActionButton: `${PREFIX}-inline-action-button`,
+    viewAudienceButton: `${PREFIX}-view-audience-button`,
+    groupedIcons: `${PREFIX}-grouped-icons`,
+    reactionAvatar: `${PREFIX}-reaction-avatar`,
+    reactionIcon: `${PREFIX}-reaction-icon`
+};
+const Root = (0, styles_1.styled)(material_1.Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'column',
+    [`&.${classes.inline}`]: {
+        flexDirection: 'row-reverse'
+    },
+    [`& .${classes.inlineActionButton}`]: {
+        minWidth: 30
+    },
+    [`& .${classes.divider}`]: {
+        width: '100%',
+        borderBottom: 0
+    },
+    [`& .${classes.viewAudienceButton}`]: {
+        height: 32,
+        fontSize: 15,
+        textTransform: 'capitalize',
+        '& p': {
+            fontSize: '0.9rem'
+        }
+    },
+    [`& .${classes.groupedIcons}`]: {
+        '& .MuiAvatar-root': {
+            width: '20px',
+            height: '20px',
+            fontSize: '0.8rem'
+        }
+    },
+    [`& .${classes.reactionAvatar}`]: {
+        '& .MuiAvatar-img': {
+            width: theme.spacing(2),
+            height: theme.spacing(2)
+        }
+    },
+    [`& .${classes.reactionIcon}`]: {
+        width: theme.spacing(2),
+        height: theme.spacing(2)
+    }
+}));
+function TabPanel(props) {
+    const { children, value, index } = props, other = __rest(props, ["children", "value", "index"]);
+    return (react_1.default.createElement("div", Object.assign({ hidden: value !== index, id: `tab-panel-${index}` }, other), value === index && react_1.default.createElement(react_1.default.Fragment, null, children)));
+}
+function Reaction(inProps) {
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    // PROPS
+    const { className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCFeedObjectTypologyType.POST, withAudience = true, withAction = true, inlineAction = false, onVoteAction = () => null } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAudience", "withAction", "inlineAction", "onVoteAction"]);
+    // CONTEXT
+    const scContext = (0, react_core_1.useSCContext)();
+    const scUserContext = (0, react_core_1.useSCUser)();
+    const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
+    // STATE
+    const { obj, setObj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });
+    const { reactions, isLoading } = (0, react_core_1.useSCFetchReactions)();
+    const [state, dispatch] = (0, react_1.useReducer)(votesReducer, {}, () => stateInitializer({ feedObjectId, feedObject, feedObjectType }));
+    const [tabIndex, setTabIndex] = (0, react_1.useState)('all');
+    const [reaction, setReaction] = (0, react_1.useState)(null);
+    const defaultReactionId = 1;
+    const defaultReaction = reactions.find((r) => r.id === defaultReactionId);
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const [reactionsList, setReactionsList] = (0, react_1.useState)(obj.reactions_count);
+    // HANDLERS
+    const handleChange = (event, newValue) => {
+        setTabIndex(newValue);
+    };
+    function handleClick(event) {
+        setTimeout(() => {
+            setHovered(true);
+        }, 1000);
+        if (anchorEl !== event.currentTarget) {
+            setAnchorEl(event.currentTarget);
+        }
+    }
+    function handleClose() {
+        setHovered(false);
+        setAnchorEl(null);
+    }
+    function dispatchReactionsActions(type, reactionObj) {
+        const list = [...reactionsList];
+        let updatedList;
+        const index = list.findIndex((r) => r.reaction.id === reactionObj.id);
+        const inList = list.length ? list.some((o) => o.reaction.id === reactionObj.id) : false;
+        switch (type) {
+            case exports.reactionActionTypes.REMOVE:
+                if (inList && list[index].count > 1) {
+                    // console.log('Update count -');
+                    list[index].count = list[index].count - 1;
+                    updatedList = list;
+                }
+                else {
+                    // console.log('Delete obj');
+                    list.splice(index, 1);
+                    updatedList = list;
+                }
+                return updatedList;
+            case exports.reactionActionTypes.ADD:
+                if (inList) {
+                    // console.log('Update count +');
+                    list[index].count = list[index].count + 1;
+                    updatedList = list;
+                }
+                else {
+                    // console.log('Add obj');
+                    updatedList = [...list, { reaction: reactionObj, count: 1 }];
+                }
+                return updatedList;
+            case exports.reactionActionTypes.CHANGE:
+                const i = list.findIndex((r) => r.reaction.id === obj.reaction.id);
+                if (!inList) {
+                    // console.log('Change not in list, add + update count');
+                    list[i].reaction = list[i].count === 1 ? reactionObj : list[i].reaction;
+                    list[i].count = list[i].count >= 1 ? list[i].count - 1 : list[i].count;
+                    setReactionsList(dispatchReactionsActions(exports.reactionActionTypes.ADD, reactionObj));
+                }
+                else {
+                    // console.log('Change in list, remove + update count');
+                    const n = dispatchReactionsActions(exports.reactionActionTypes.REMOVE, obj.reaction);
+                    const newIndex = n.findIndex((r) => r.reaction.id === reactionObj.id);
+                    n[newIndex].count = n[newIndex].count + 1;
+                    setReactionsList(n);
+                }
+                break;
+        }
+    }
+    /**
+     * Handles reaction actions(add, update, delete);
+     * @param voted
+     * @param r
+     */
+    function handleReactions(voted, r) {
+        if (voted) {
+            const forRemoval = obj.reaction.id === r.id;
+            if (forRemoval) {
+                setReactionsList(dispatchReactionsActions(exports.reactionActionTypes.REMOVE, obj.reaction));
+            }
+            else {
+                dispatchReactionsActions(exports.reactionActionTypes.CHANGE, r);
+            }
+        }
+        else {
+            setReactionsList(dispatchReactionsActions(exports.reactionActionTypes.ADD, r));
+        }
+    }
+    /**
+     * Fetches Votes only if obj
+     */
+    (0, react_1.useEffect)(() => {
+        if (obj && state.next && !state.loading && !state.refreshing && state.openVotesDialog) {
+            dispatch({ type: exports.voteActionTypes.REQUEST_VOTES_LOADING });
+            fetchVotes()
+                .then((data) => {
+                dispatch({
+                    type: exports.voteActionTypes.REQUEST_VOTES_SUCCESS,
+                    payload: {
+                        next: data['next'],
+                        data: data['results']
+                    }
+                });
+            })
+                .catch((error) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
+            });
+        }
+    }, [state.openVotesDialog]);
+    /**
+     * Opens dialog votes
+     */
+    function handleToggleVotesDialog() {
+        dispatch({ type: exports.voteActionTypes.TOGGLE_VOTE_DIALOG });
+    }
+    /**
+     * fetches Votes
+     */
+    const fetchVotes = (0, react_1.useMemo)(() => () => {
+        return api_services_1.http
+            .request({
+            url: state.next,
+            method: api_services_1.Endpoints.VotesList.method
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, [state.next]);
+    /**
+     * Performs vote with reactions
+     */
+    const performReaction = (0, react_1.useMemo)(() => (reaction) => {
+        return api_services_1.http
+            .request({
+            url: api_services_1.Endpoints.Vote.url({ type: obj.type, id: obj.id }),
+            method: api_services_1.Endpoints.Vote.method,
+            params: {
+                reaction: reaction.id
+            }
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, [obj]);
+    /**
+     * Performs voteUp/voteDown
+     */
+    function vote(reaction) {
+        setReaction(reaction);
+        if (scUserContext.user && Object.prototype.hasOwnProperty.call(obj, 'reaction')) {
+            if (react_core_1.UserUtils.isBlocked(scUserContext.user)) {
+                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+                    variant: 'warning',
+                    autoHideDuration: 3000
+                });
+            }
+            else {
+                if (obj && !state.voting) {
+                    dispatch({ type: exports.voteActionTypes.VOTING });
+                    performReaction(reaction)
+                        .then((data) => {
+                        dispatch({ type: exports.voteActionTypes.REQUEST_VOTING_SUCCESS });
+                        const newObj = Object.assign({}, obj, {
+                            voted: obj.voted && obj.reaction.id !== reaction.id ? true : !obj.voted,
+                            vote_count: obj.voted && obj.reaction.id === reaction.id
+                                ? obj.vote_count - 1
+                                : obj.voted && obj.reaction.id !== reaction.id
+                                    ? obj.vote_count
+                                    : obj.vote_count + 1,
+                            reaction: reaction
+                        });
+                        setObj(newObj);
+                        handleReactions(obj.voted, reaction);
+                        onVoteAction && onVoteAction(newObj);
+                        setAnchorEl(null);
+                    })
+                        .catch((error) => {
+                        utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
+                    });
+                }
+            }
+        }
+        else {
+            scContext.settings.handleAnonymousAction();
+        }
+    }
+    /**
+     * Renders audience with detail dialog
+     * @return {JSX.Element}
+     */
+    function renderAudience() {
+        const { loadingVotes, votes, openVotesDialog } = state;
+        const filteredVotes = lodash_1.default.groupBy(votes, (v) => v.reaction.label);
+        let audience;
+        if (withAudience) {
+            if (!obj) {
+                audience = (react_1.default.createElement(material_1.Button, { variant: "text", size: "small", disabled: true, color: "inherit" },
+                    react_1.default.createElement(Skeleton_1.default, { animation: "wave", height: 18, width: 50 })));
+            }
+            else {
+                audience = (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(material_1.Button, { variant: "text", size: "small", onClick: handleToggleVotesDialog, disabled: obj.vote_count === 0, color: "inherit", classes: { root: classes.viewAudienceButton }, endIcon: obj.vote_count !== 0 ? obj.vote_count : null },
+                        react_1.default.createElement(material_1.AvatarGroup, { className: classes.groupedIcons, max: 3 }, reactionsList.map((r, i) => (react_1.default.createElement(material_1.Avatar, { alt: r.reaction.label, src: r.reaction.image, key: i, className: classes.reactionAvatar }))))),
+                    openVotesDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(material_1.Tabs, { value: tabIndex, onChange: handleChange, variant: "scrollable", scrollButtons: true, allowScrollButtonsMobile: true },
+                            react_1.default.createElement(material_1.Tab, { value: 'all', label: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.feedObject.votesDialog.reactionsEnabled.title", id: "ui.feedObject.votesDialog.reactionsEnabled.title" }) }),
+                            reactionsList.map((r, index) => (react_1.default.createElement(material_1.Tab, { icon: react_1.default.createElement(Icon_1.default, null,
+                                    react_1.default.createElement("img", { alt: r.reaction.label, src: r.reaction.image, width: 20, height: 20 })), iconPosition: "start", label: r.count, key: index, value: r.reaction.label })))), onClose: handleToggleVotesDialog, open: openVotesDialog }, loadingVotes ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(TabPanel, { value: 'all', index: tabIndex },
+                            react_1.default.createElement(InfiniteScroll_1.default, { dataLength: votes.length, next: fetchVotes, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 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.feedObject.votesDialog.noOtherLikes", defaultMessage: "ui.feedObject.votesDialog.noOtherLikes" }))) },
+                                react_1.default.createElement(material_1.List, null, votes.map((vote, index) => (react_1.default.createElement(material_1.ListItem, { key: index },
+                                    react_1.default.createElement(User_1.default, { elevation: 0, user: vote.user, key: index, sx: { m: 0 } }))))))),
+                        Object.keys(filteredVotes).map((key, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
+                            react_1.default.createElement(TabPanel, { value: key, index: tabIndex },
+                                react_1.default.createElement(InfiniteScroll_1.default, { dataLength: votes.length, next: fetchVotes, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 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.feedObject.votesDialog.noOtherLikes", defaultMessage: "ui.feedObject.votesDialog.noOtherLikes" }))) },
+                                    react_1.default.createElement(material_1.List, null, filteredVotes[key].map((vote, index) => (react_1.default.createElement(material_1.ListItem, { key: index },
+                                        react_1.default.createElement(User_1.default, { elevation: 0, user: vote.user, key: index, sx: { m: 0 } }))))))))))))))));
+            }
+        }
+        return audience;
+    }
+    /**
+     * Renders vote action if withAction==true
+     * @return {JSX.Element}
+     */
+    function renderVoteButton() {
+        const { voting } = state;
+        return (react_1.default.createElement(react_1.default.Fragment, null, withAction && (react_1.default.createElement(react_1.default.Fragment, null,
+            !inlineAction && withAudience && react_1.default.createElement(material_1.Divider, { className: classes.divider }),
+            react_1.default.createElement("span", null,
+                react_1.default.createElement(LoadingButton_1.default, { onClick: () => vote(reaction !== null && reaction !== void 0 ? reaction : defaultReaction), onMouseOver: handleClick, loading: voting, disabled: !obj, color: "inherit", classes: { root: (0, classnames_1.default)(classes.actionButton, { [classes.inlineActionButton]: inlineAction }) } }, scUserContext.user && obj.voted ? (react_1.default.createElement(Icon_1.default, { fontSize: 'large' },
+                    react_1.default.createElement("img", { alt: obj.reaction.label, src: obj.reaction.image, className: classes.reactionIcon }))) : (react_1.default.createElement(Icon_1.default, { fontSize: 'large' }, "thumb_up_off_alt")))),
+            hovered && (react_1.default.createElement(material_1.Menu, { id: "reactions-menu", anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: {
+                    elevation: 0,
+                    sx: {
+                        width: 200,
+                        overflow: 'hidden',
+                        borderRadius: '40px',
+                        '& .MuiList-root': {
+                            display: 'flex',
+                            overflow: 'auto'
+                        }
+                    }
+                }, anchorOrigin: {
+                    vertical: 'top',
+                    horizontal: 'center'
+                }, transformOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'center'
+                } }, reactions.map((reaction, index) => (react_1.default.createElement(material_1.MenuItem, { key: index, onClick: () => vote(reaction) },
+                react_1.default.createElement(Icon_1.default, null,
+                    react_1.default.createElement("img", { alt: reaction.label, src: reaction.image, width: 16, height: 16 })))))))))));
+    }
+    /**
+     * Renders vote action and audience section
+     */
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.inline]: inlineAction }) }, rest),
+        renderAudience(),
+        renderVoteButton()));
+}
+exports.default = Reaction;
+//# sourceMappingURL=Reaction.js.map