synapse-react-client 3.1.28 → 3.1.29

package/dist/containers/auth/Logout.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type LogoutProps = {
+    callback: () => void;
+};
+export default function Logout(props: LogoutProps): JSX.Element;

package/dist/containers/auth/Logout.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var utils_1 = require("../../utils");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+function Logout(props) {
+    var callback = props.callback;
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport" },
+        react_1.default.createElement(react_bootstrap_1.Button, { variant: "default", onClick: function () {
+                utils_1.SynapseClient.signOut().then(callback);
+            } }, "Log out")));
+}
+exports.default = Logout;
+//# sourceMappingURL=Logout.js.map

package/dist/containers/auth/Logout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logout.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/Logout.tsx"],"names":[],"mappings":";;;AAAA,qCAA2C;AAC3C,wDAAyB;AACzB,mDAAwC;AAMxC,SAAwB,MAAM,CAAC,KAAkB;IACvC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;QACnC,8BAAC,wBAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE;gBACP,qBAAa,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YACxC,CAAC,cAGM,CACL,CACP,CAAA;AACH,CAAC;AAdD,yBAcC"}

package/dist/containers/auth/TOTPForm.js

@@ -10,7 +10,7 @@ function TOTPForm(props) {
     var onSubmit = props.onSubmit, isLoading = props.isLoading;
     var _a = react_1.default.useState(''), verificationCode = _a[0], setVerificationCode = _a[1];
     return (react_1.default.createElement(material_1.Box, null,
-        react_1.default.createElement(mui_one_time_password_input_1.MuiOtpInput, { length: TOTP_LENGTH, value: verificationCode, onChange: setVerificationCode, onComplete: onSubmit, validateChar: function (character) {
+        react_1.default.createElement(mui_one_time_password_input_1.MuiOtpInput, { autoFocus: true, length: TOTP_LENGTH, value: verificationCode, onChange: setVerificationCode, onComplete: onSubmit, validateChar: function (character) {
                 return DIGIT_CHARACTERS.includes(character) || character === '';
             }, gap: 0, sx: {
                 '.MuiFormControl-root:first-of-type > .MuiInputBase-root': {

package/dist/containers/auth/TOTPForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TOTPForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TOTPForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,0CAA2C;AAC3C,2EAAyD;AAGzD,IAAM,WAAW,GAAG,CAAC,CAAA;AACrB,IAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAO3E,SAAwB,QAAQ,CAAC,KAAoB;IAC3C,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAC/B,IAAA,KAA0C,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA3D,gBAAgB,QAAA,EAAE,mBAAmB,QAAsB,CAAA;IAClE,OAAO,CACL,8BAAC,cAAG;QACF,8BAAC,yCAAW,IACV,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,UAAC,SAAiB;gBAC9B,OAAO,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,EAAE,CAAA;YACjE,CAAC,EACD,GAAG,EAAE,CAAC,EACN,EAAE,EAAE;gBACF,yDAAyD,EAAE;oBACzD,oBAAoB,EAAE,CAAC;oBACvB,uBAAuB,EAAE,CAAC;iBAC3B;gBACD,wDAAwD,EAAE;oBACxD,mBAAmB,EAAE,CAAC;oBACtB,sBAAsB,EAAE,CAAC;iBAC1B;gBACD,kFAAkF,EAChF;oBACE,YAAY,EAAE,CAAC;iBAChB;aACJ,GACD;QAEF,8BAAC,iBAAM,IACL,SAAS,QACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;aACN,EACD,QAAQ,EAAE,gBAAgB,CAAC,MAAM,KAAK,WAAW,IAAI,SAAS,EAC9D,OAAO,EAAE,UAAA,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,gBAAgB,CAAC,CAAA;YAC5B,CAAC,IAEA,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACL,CACP,CAAA;AACH,CAAC;AAlDD,2BAkDC"}
+{"version":3,"file":"TOTPForm.js","sourceRoot":"","sources":["../../../src/lib/containers/auth/TOTPForm.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,0CAA2C;AAC3C,2EAAyD;AAGzD,IAAM,WAAW,GAAG,CAAC,CAAA;AACrB,IAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAO3E,SAAwB,QAAQ,CAAC,KAAoB;IAC3C,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAC/B,IAAA,KAA0C,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA3D,gBAAgB,QAAA,EAAE,mBAAmB,QAAsB,CAAA;IAClE,OAAO,CACL,8BAAC,cAAG;QACF,8BAAC,yCAAW,IACV,SAAS,QACT,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,UAAC,SAAiB;gBAC9B,OAAO,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,EAAE,CAAA;YACjE,CAAC,EACD,GAAG,EAAE,CAAC,EACN,EAAE,EAAE;gBACF,yDAAyD,EAAE;oBACzD,oBAAoB,EAAE,CAAC;oBACvB,uBAAuB,EAAE,CAAC;iBAC3B;gBACD,wDAAwD,EAAE;oBACxD,mBAAmB,EAAE,CAAC;oBACtB,sBAAsB,EAAE,CAAC;iBAC1B;gBACD,kFAAkF,EAChF;oBACE,YAAY,EAAE,CAAC;iBAChB;aACJ,GACD;QAEF,8BAAC,iBAAM,IACL,SAAS,QACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;aACN,EACD,QAAQ,EAAE,gBAAgB,CAAC,MAAM,KAAK,WAAW,IAAI,SAAS,EAC9D,OAAO,EAAE,UAAA,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,gBAAgB,CAAC,CAAA;YAC5B,CAAC,IAEA,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACL,CACP,CAAA;AACH,CAAC;AAnDD,2BAmDC"}

package/dist/containers/discussion_forum/DiscussionReply.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DiscussionReplyBundle } from '../../utils/synapseTypes/DiscussionBundle';
+export type DiscussionReplyProps = {
+    reply: DiscussionReplyBundle;
+    onClickLink?: () => void;
+};
+export declare const DiscussionReply: React.FC<DiscussionReplyProps>;

package/dist/containers/discussion_forum/DiscussionReply.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscussionReply = void 0;
+var tslib_1 = require("tslib");
+var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+var react_1 = tslib_1.__importStar(require("react"));
+var DateFormatter_1 = require("../../utils/functions/DateFormatter");
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var UserCard_1 = tslib_1.__importDefault(require("../UserCard"));
+var MarkdownSynapse_1 = tslib_1.__importDefault(require("../markdown/MarkdownSynapse"));
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var react_bootstrap_1 = require("react-bootstrap");
+var ForumThreadEditor_1 = require("./ForumThreadEditor");
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var useReply_1 = require("../../utils/hooks/SynapseAPI/forum/useReply");
+var ToastMessage_1 = require("../ToastMessage");
+var WarningModal_1 = tslib_1.__importDefault(require("../synapse_form_wrapper/WarningModal"));
+var SkeletonTable_1 = require("../../assets/skeletons/SkeletonTable");
+var DiscussionReply = function (_a) {
+    var reply = _a.reply, _b = _a.onClickLink, onClickLink = _b === void 0 ? function () { return alert('This functionality has not been implemented yet'); } : _b;
+    var _c = (0, react_1.useState)(false), showReplyModal = _c[0], setShowReplyModal = _c[1];
+    var _d = (0, react_1.useState)(false), showDeleteModal = _d[0], setShowDeleteModal = _d[1];
+    var currentUserProfile = (0, SynapseAPI_1.useGetCurrentUserProfile)().data;
+    var entityBundle = (0, SynapseAPI_1.useGetEntityBundle)(reply.projectId).data;
+    var _e = (0, useReply_1.useGetReply)(reply), message = _e.data, isLoading = _e.isLoading;
+    var deleteReply = (0, useReply_1.useDeleteReply)({
+        onSuccess: function () {
+            setShowDeleteModal(false);
+            (0, ToastMessage_1.displayToast)('A reply has been deleted.', 'info');
+        },
+    }).mutate;
+    var isCurrentUserAuthor = reply.createdBy == (currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.ownerId);
+    return (react_1.default.createElement("div", { className: "reply-container" },
+        isLoading ? (react_1.default.createElement(SkeletonTable_1.SkeletonTable, { numCols: 1, numRows: 4 })) : (react_1.default.createElement(react_1.default.Fragment, null, message && (react_1.default.createElement("div", null,
+            react_1.default.createElement(UserCard_1.default, { withAvatar: true, avatarSize: "MEDIUM", showCardOnHover: true, size: SynapseConstants_1.SMALL_USER_CARD, ownerId: reply.createdBy }),
+            react_1.default.createElement("div", { className: "message-body" },
+                react_1.default.createElement(MarkdownSynapse_1.default, { markdown: message, objectType: synapseTypes_1.ObjectType.REPLY }),
+                react_1.default.createElement("span", null,
+                    "posted ",
+                    (0, DateFormatter_1.formatDate)((0, dayjs_1.default)(reply.createdOn), 'M/D/YYYY')),
+                react_1.default.createElement("div", { style: { float: 'right' } },
+                    react_1.default.createElement("button", { onClick: function () { return onClickLink(); } },
+                        react_1.default.createElement(IconSvg_1.default, { icon: "link" })),
+                    isCurrentUserAuthor && (react_1.default.createElement("button", { onClick: function () { return setShowReplyModal(true); } },
+                        react_1.default.createElement(IconSvg_1.default, { icon: "edit" }))),
+                    (entityBundle === null || entityBundle === void 0 ? void 0 : entityBundle.permissions.canModerate) && (react_1.default.createElement("button", { onClick: function () { return setShowDeleteModal(true); } },
+                        react_1.default.createElement(IconSvg_1.default, { icon: "delete" }))))))))),
+        react_1.default.createElement(react_bootstrap_1.Modal, { size: "lg", show: showReplyModal, onHide: function () { return setShowReplyModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, null,
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null, "Edit Reply")),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement(ForumThreadEditor_1.ForumThreadEditor, { isReply: true, initialText: message, onClose: function () { return setShowReplyModal(false); }, id: reply.id }))),
+        react_1.default.createElement(WarningModal_1.default, { show: showDeleteModal, className: "bootstrap-4-backport", title: "Confirm Deletion", modalBody: "Are you sure you want to delete this reply?", onCancel: function () { return setShowDeleteModal(false); }, onConfirm: function () {
+                return deleteReply({
+                    forumId: reply.forumId,
+                    threadId: reply.threadId,
+                    replyId: reply.id,
+                });
+            }, confirmButtonVariant: "danger", confirmButtonText: "Delete" })));
+};
+exports.DiscussionReply = DiscussionReply;
+//# sourceMappingURL=DiscussionReply.js.map

package/dist/containers/discussion_forum/DiscussionReply.js.map

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

package/dist/containers/discussion_forum/DiscussionThread.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type DiscussionThreadProps = {
+    threadId: string;
+    limit: number;
+};
+export declare function DiscussionThread(props: DiscussionThreadProps): JSX.Element;

package/dist/containers/discussion_forum/DiscussionThread.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscussionThread = void 0;
+var tslib_1 = require("tslib");
+var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+var react_1 = tslib_1.__importStar(require("react"));
+var DateFormatter_1 = require("../../utils/functions/DateFormatter");
+var useReply_1 = require("../../utils/hooks/SynapseAPI/forum/useReply");
+var useThread_1 = require("../../utils/hooks/SynapseAPI/forum/useThread");
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var Subscription_1 = require("../../utils/synapseTypes/Subscription");
+var UserCard_1 = tslib_1.__importDefault(require("../UserCard"));
+var ToastMessage_1 = require("../ToastMessage");
+var DiscussionReply_1 = require("./DiscussionReply");
+var react_bootstrap_1 = require("react-bootstrap");
+var material_1 = require("@mui/material");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var MarkdownSynapse_1 = tslib_1.__importDefault(require("../markdown/MarkdownSynapse"));
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var useSubscription_1 = require("../../utils/hooks/SynapseAPI/subscription/useSubscription");
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var ForumThreadEditor_1 = require("./ForumThreadEditor");
+var WarningModal_1 = tslib_1.__importDefault(require("../synapse_form_wrapper/WarningModal"));
+var SubscribersModal_1 = require("./SubscribersModal");
+var FOLLOWING_TEXT = 'You are following this topic. Click to stop following.';
+var UNFOLLOWING_TEXT = 'You are not following this topic. Click to follow.';
+var SIGN_IN_TEXT = 'You will need to sign in for access to that resource';
+var INPUT_PLACEHOLDER = 'Write a reply...';
+function DiscussionThread(props) {
+    var _a, _b;
+    var threadId = props.threadId, limit = props.limit;
+    var _c = (0, react_1.useState)(true), orderByDatePosted = _c[0], setOrderByDatePosted = _c[1];
+    var _d = (0, react_1.useState)(false), showThreadModal = _d[0], setShowThreadModal = _d[1];
+    var _e = (0, react_1.useState)(false), showReplyEditor1 = _e[0], setShowReplyEditor1 = _e[1];
+    var _f = (0, react_1.useState)(false), showReplyEditor2 = _f[0], setShowReplyEditor2 = _f[1];
+    var _g = (0, react_1.useState)(false), showDeleteModal = _g[0], setShowDeleteModal = _g[1];
+    var _h = (0, react_1.useState)(false), showSignInModal = _h[0], setShowSignInModal = _h[1];
+    var _j = (0, react_1.useState)(false), showRestoreModal = _j[0], setShowRestoreModal = _j[1];
+    var _k = (0, react_1.useState)(false), showSubscriberModal = _k[0], setShowSubscriberModal = _k[1];
+    var _l = (0, useThread_1.useGetThread)(threadId), threadData = _l.threadData, threadBody = _l.threadBody, togglePin = _l.togglePin;
+    var currentUserProfile = (0, SynapseAPI_1.useGetCurrentUserProfile)().data;
+    var entityBundle = (0, SynapseAPI_1.useGetEntityBundle)((_a = threadData === null || threadData === void 0 ? void 0 : threadData.projectId) !== null && _a !== void 0 ? _a : '', undefined, SynapseConstants_1.ALL_ENTITY_BUNDLE_FIELDS, {
+        enabled: !!threadData,
+    }).data;
+    var _m = (0, useSubscription_1.useSubscription)(threadId, Subscription_1.SubscriptionObjectType.THREAD), subscription = _m.subscription, toggleSubscribed = _m.toggleSubscribed, isLoading = _m.isLoading;
+    var deleteThread = (0, useThread_1.useDeleteThread)({
+        onSuccess: function () {
+            setShowDeleteModal(false);
+            (0, ToastMessage_1.displayToast)('A thread has been deleted.', 'info');
+        },
+    }).mutate;
+    var restoreThread = (0, useThread_1.useRestoreThread)({
+        onSuccess: function () {
+            setShowRestoreModal(false);
+            (0, ToastMessage_1.displayToast)('A thread has been restored.', 'info');
+        },
+    }).mutate;
+    var isCurrentUserAuthor = (threadData === null || threadData === void 0 ? void 0 : threadData.createdBy) == (currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.ownerId);
+    function handleFollowBtn() {
+        if ((currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.userName) == 'anonymous') {
+            setShowSignInModal(true);
+        }
+        else {
+            try {
+                toggleSubscribed();
+            }
+            catch (err) {
+                (0, ToastMessage_1.displayToast)(err.reason, 'danger');
+            }
+        }
+    }
+    var _o = (0, useReply_1.useGetRepliesInfinite)(threadId, orderByDatePosted, limit), replyData = _o.data, hasNextPage = _o.hasNextPage, fetchNextPage = _o.fetchNextPage;
+    var replies = (_b = replyData === null || replyData === void 0 ? void 0 : replyData.pages.flatMap(function (page) { return page.results; })) !== null && _b !== void 0 ? _b : [];
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport DiscussionThread" },
+        threadData && threadBody ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { style: { textAlign: 'center' } },
+                react_1.default.createElement(material_1.Button, { variant: orderByDatePosted ? 'contained' : 'outlined', onClick: function () { return setOrderByDatePosted(true); } }, "Date Posted"),
+                react_1.default.createElement(material_1.Button, { variant: orderByDatePosted ? 'outlined' : 'contained', onClick: function () { return setOrderByDatePosted(false); } }, "Most Recent")),
+            react_1.default.createElement(UserCard_1.default, { withAvatar: true, avatarSize: "MEDIUM", showCardOnHover: true, size: SynapseConstants_1.SMALL_USER_CARD, ownerId: threadData.createdBy }),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(material_1.Typography, { style: { marginTop: '4px' }, variant: "headline2" }, threadData.title),
+                react_1.default.createElement(SubscribersModal_1.SubscribersModal, { id: threadId, objectType: Subscription_1.SubscriptionObjectType.THREAD, showModal: showSubscriberModal, handleModal: setShowSubscriberModal })),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(MarkdownSynapse_1.default, { markdown: threadBody, objectType: synapseTypes_1.ObjectType.THREAD })),
+            react_1.default.createElement("span", null,
+                "posted ",
+                (0, DateFormatter_1.formatDate)((0, dayjs_1.default)(threadData.createdOn), 'M/D/YYYY')))) : (react_1.default.createElement(react_1.default.Fragment, null)),
+        react_1.default.createElement("div", { className: "control-container" }, (threadData === null || threadData === void 0 ? void 0 : threadData.isDeleted) ? (react_1.default.createElement("button", { onClick: function () { return setShowRestoreModal(true); } },
+            react_1.default.createElement(IconSvg_1.default, { icon: "restore", label: "Restore deleted thread" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", null,
+                react_1.default.createElement("button", { className: "follow-button", "aria-label": subscription ? 'Unfollow thread' : 'Follow thread', disabled: isLoading, onClick: function () { return handleFollowBtn(); } }, subscription ? (react_1.default.createElement(IconSvg_1.default, { icon: "visibility", label: FOLLOWING_TEXT })) : (react_1.default.createElement(IconSvg_1.default, { icon: "visibilityOff", label: UNFOLLOWING_TEXT })))),
+            isCurrentUserAuthor && (react_1.default.createElement("button", { onClick: function () { return setShowThreadModal(true); } },
+                react_1.default.createElement(IconSvg_1.default, { icon: "edit", label: "Edit thread" }))),
+            (entityBundle === null || entityBundle === void 0 ? void 0 : entityBundle.permissions.canModerate) ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("button", { onClick: function () { return setShowDeleteModal(true); } },
+                    react_1.default.createElement(IconSvg_1.default, { icon: "delete", label: "Delete thread" })),
+                react_1.default.createElement("button", { onClick: function () { return togglePin(); } }, (threadData === null || threadData === void 0 ? void 0 : threadData.isPinned) ? (react_1.default.createElement(IconSvg_1.default, { icon: "pushpin", sx: { color: 'error.main' }, label: "Unpin thread" })) : (react_1.default.createElement(IconSvg_1.default, { icon: "pushpin", label: "Pin thread" }))))) : null))),
+        !showReplyEditor1 ? (react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", placeholder: INPUT_PLACEHOLDER, onClick: function () {
+                (currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.userName) == 'anonymous'
+                    ? setShowSignInModal(true)
+                    : setShowReplyEditor1(true);
+            } })) : (react_1.default.createElement(ForumThreadEditor_1.ForumThreadEditor, { id: threadId, isReply: true, onClose: function () { return setShowReplyEditor1(false); } })),
+        react_1.default.createElement("div", null, replies.map(function (reply) { return (react_1.default.createElement(DiscussionReply_1.DiscussionReply, { key: reply.id, reply: reply })); })),
+        replies.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null, !showReplyEditor2 ? (react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", placeholder: INPUT_PLACEHOLDER, onClick: function () {
+                (currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.userName) == 'anonymous'
+                    ? setShowSignInModal(true)
+                    : setShowReplyEditor2(true);
+            } })) : (react_1.default.createElement(ForumThreadEditor_1.ForumThreadEditor, { id: threadId, isReply: true, onClose: function () { return setShowReplyEditor2(false); } })))),
+        hasNextPage ? (react_1.default.createElement(material_1.Button, { variant: "outlined", onClick: function () {
+                fetchNextPage();
+            } }, "Show more results")) : (react_1.default.createElement(react_1.default.Fragment, null)),
+        react_1.default.createElement(react_bootstrap_1.Modal, { size: "lg", show: showThreadModal, onHide: function () { return setShowThreadModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, null,
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null, "Edit Thread")),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement(ForumThreadEditor_1.ForumThreadEditor, { isReply: false, initialText: threadBody, onClose: function () { return setShowThreadModal(false); }, initialTitle: threadData === null || threadData === void 0 ? void 0 : threadData.title, id: threadId }))),
+        react_1.default.createElement(WarningModal_1.default, { show: showDeleteModal, className: "bootstrap-4-backport", title: "Confirm Deletion", modalBody: "Are you sure you want to delete this thread?", onCancel: function () { return setShowDeleteModal(false); }, onConfirm: function () { return threadData && deleteThread(threadData); }, confirmButtonVariant: "danger", confirmButtonText: "Delete" }),
+        react_1.default.createElement(WarningModal_1.default, { show: showRestoreModal, className: "bootstrap-4-backport", title: "Confirm Restoration", modalBody: "Are you sure you want to restore this thread?", onCancel: function () { return setShowRestoreModal(false); }, onConfirm: function () { return threadData && restoreThread(threadData); }, confirmButtonVariant: "info", confirmButtonText: "Restore" }),
+        react_1.default.createElement(react_bootstrap_1.Modal, { className: "bootstrap-4-backport", show: showSignInModal, onHide: function () { return setShowSignInModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true }),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null, SIGN_IN_TEXT),
+            react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
+                react_1.default.createElement(material_1.Button, { onClick: function () { return setShowSignInModal(false); }, variant: "contained", className: SynapseConstants_1.SRC_SIGN_IN_CLASS }, "Sign In")))));
+}
+exports.DiscussionThread = DiscussionThread;
+//# sourceMappingURL=DiscussionThread.js.map

package/dist/containers/discussion_forum/DiscussionThread.js.map

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

package/dist/containers/discussion_forum/ForumPage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ForumPageProps = {
+    forumId: string;
+    limit: number;
+    onClickLink: () => void;
+};
+export declare const ForumPage: React.FC<ForumPageProps>;

package/dist/containers/discussion_forum/ForumPage.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForumPage = void 0;
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var useForum_1 = require("../../utils/hooks/SynapseAPI/forum/useForum");
+var useSubscription_1 = require("../../utils/hooks/SynapseAPI/subscription/useSubscription");
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var DiscussionBundle_1 = require("../../utils/synapseTypes/DiscussionBundle");
+var Subscription_1 = require("../../utils/synapseTypes/Subscription");
+var ToastMessage_1 = require("../ToastMessage");
+var ForumTable_1 = require("./ForumTable");
+var ForumThreadEditor_1 = require("./ForumThreadEditor");
+var SubscribersModal_1 = require("./SubscribersModal");
+var SIGN_IN_TEXT = 'You will need to sign in for access to that resource';
+var ForumPage = function (_a) {
+    var _b;
+    var forumId = _a.forumId, limit = _a.limit, onClickLink = _a.onClickLink;
+    var _c = (0, react_1.useState)(false), showThreadModal = _c[0], setShowThreadModal = _c[1];
+    var _d = (0, react_1.useState)(false), showSignInModal = _d[0], setShowSignInModal = _d[1];
+    var _e = (0, react_1.useState)(false), showDeletedThread = _e[0], setShowDeletedThread = _e[1];
+    var _f = (0, react_1.useState)(false), showSubscriberModal = _f[0], setShowSubscriberModal = _f[1];
+    var _g = (0, useSubscription_1.useSubscription)(forumId, Subscription_1.SubscriptionObjectType.FORUM), subscription = _g.subscription, isLoading = _g.isLoading, toggleSubscribed = _g.toggleSubscribed;
+    function handleFollowBtn() {
+        try {
+            toggleSubscribed();
+        }
+        catch (err) {
+            (0, ToastMessage_1.displayToast)(err.reason, 'danger');
+        }
+    }
+    var moderatorList = (0, useForum_1.useGetModerators)(forumId).data;
+    var currentUserProfile = (0, SynapseAPI_1.useGetCurrentUserProfile)().data;
+    var isCurrentUserModerator = moderatorList === null || moderatorList === void 0 ? void 0 : moderatorList.results.includes((_b = currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.ownerId) !== null && _b !== void 0 ? _b : '');
+    var handleNewThreadBtn = function () {
+        if ((currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.userName) == 'anonymous') {
+            setShowSignInModal(true);
+        }
+        else {
+            setShowThreadModal(true);
+        }
+    };
+    return (react_1.default.createElement("div", { className: "ForumTable bootstrap-4-backport" },
+        react_1.default.createElement("div", { className: "ForumTable__top-level-control" },
+            react_1.default.createElement(SubscribersModal_1.SubscribersModal, { id: forumId, objectType: Subscription_1.SubscriptionObjectType.FORUM, showModal: showSubscriberModal, handleModal: setShowSubscriberModal }),
+            react_1.default.createElement(react_bootstrap_1.Button, { variant: subscription ? 'outline-primary' : 'primary', onClick: function () { return handleFollowBtn(); }, disabled: isLoading }, subscription ? 'Unfollow' : 'Follow'),
+            react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: function () { return handleNewThreadBtn(); } }, "New Thread"),
+            isCurrentUserModerator && (react_1.default.createElement(react_bootstrap_1.Button, { onClick: function () { return setShowDeletedThread(!showDeletedThread); } }, showDeletedThread
+                ? 'Hide Deleted Threads'
+                : 'Show Deleted Threads'))),
+        showDeletedThread && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Typography, { variant: "h4" }, "Deleted Threads"),
+            react_1.default.createElement(ForumTable_1.ForumTable, { onClickLink: onClickLink, forumId: forumId, limit: limit, filter: DiscussionBundle_1.DiscussionFilter.DELETED_ONLY }))),
+        react_1.default.createElement(ForumTable_1.ForumTable, { onClickLink: onClickLink, forumId: forumId, limit: limit, filter: DiscussionBundle_1.DiscussionFilter.EXCLUDE_DELETED }),
+        react_1.default.createElement(react_bootstrap_1.Modal, { size: "lg", show: showThreadModal, onHide: function () { return setShowThreadModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, null,
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null, "New Thread")),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement(ForumThreadEditor_1.ForumThreadEditor, { isReply: false, id: forumId, onClose: function () { return setShowThreadModal(false); } }))),
+        react_1.default.createElement(react_bootstrap_1.Modal, { className: "bootstrap-4-backport", show: showSignInModal, onHide: function () { return setShowSignInModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true }),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null, SIGN_IN_TEXT),
+            react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
+                react_1.default.createElement(react_bootstrap_1.Button, { onClick: function () { return setShowSignInModal(false); }, className: SynapseConstants_1.SRC_SIGN_IN_CLASS }, "Sign In")))));
+};
+exports.ForumPage = ForumPage;
+//# sourceMappingURL=ForumPage.js.map

package/dist/containers/discussion_forum/ForumPage.js.map

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

package/dist/containers/discussion_forum/ForumTable.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DiscussionFilter } from '../../utils/synapseTypes/DiscussionBundle';
+export type ForumTableProps = {
+    forumId: string;
+    limit: number;
+    onClickLink: () => void;
+    filter: DiscussionFilter;
+};
+export declare const ForumTable: React.FC<ForumTableProps>;

package/dist/containers/discussion_forum/ForumTable.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForumTable = void 0;
+var tslib_1 = require("tslib");
+var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+var react_1 = tslib_1.__importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var Sort_1 = tslib_1.__importDefault(require("../../assets/icons/Sort"));
+var useForum_1 = require("../../utils/hooks/SynapseAPI/forum/useForum");
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var DiscussionBundle_1 = require("../../utils/synapseTypes/DiscussionBundle");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var UserCard_1 = tslib_1.__importDefault(require("../UserCard"));
+var ForumTable = function (_a) {
+    var _b;
+    var forumId = _a.forumId, limit = _a.limit, filter = _a.filter, onClickLink = _a.onClickLink;
+    var _c = (0, react_1.useState)(DiscussionBundle_1.DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY), sort = _c[0], setSort = _c[1];
+    var _d = (0, react_1.useState)(false), isAscending = _d[0], setIsAscending = _d[1];
+    var _e = (0, useForum_1.useGetForumInfinite)(forumId, limit, sort, isAscending, filter), data = _e.data, hasNextPage = _e.hasNextPage, fetchNextPage = _e.fetchNextPage;
+    var threads = (_b = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { return page.results; })) !== null && _b !== void 0 ? _b : [];
+    var onSort = function (field) {
+        if (sort == field) {
+            setSort(field);
+            setIsAscending(!isAscending);
+        }
+        else {
+            setSort(field);
+            setIsAscending(false);
+        }
+    };
+    return (react_1.default.createElement("div", { className: "ForumTable bootstrap-4-backport" },
+        react_1.default.createElement(react_bootstrap_1.Table, null,
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Topic"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Topic", active: sort === DiscussionBundle_1.DiscussionThreadOrder.THREAD_TITLE, direction: sort === 'THREAD_TITLE'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () { return onSort(DiscussionBundle_1.DiscussionThreadOrder.THREAD_TITLE); } }))),
+                    react_1.default.createElement("th", null, "Author"),
+                    react_1.default.createElement("th", null, "Active Users"),
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Replies"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Replies", active: sort === DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_REPLIES, direction: sort === 'NUMBER_OF_REPLIES'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () {
+                                    return onSort(DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_REPLIES);
+                                } }))),
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Views"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Views", active: sort === DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_VIEWS, direction: sort === 'NUMBER_OF_VIEWS'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () { return onSort(DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_VIEWS); } }))),
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Activity"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Last Activity", active: sort === DiscussionBundle_1.DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY, direction: sort === 'PINNED_AND_LAST_ACTIVITY'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () {
+                                    return onSort(DiscussionBundle_1.DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY);
+                                } }))))),
+            react_1.default.createElement("tbody", null, threads.map(function (item) {
+                return (react_1.default.createElement("tr", { key: item.id },
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement("a", { onClick: function () { return onClickLink(); } },
+                            item.isPinned ? react_1.default.createElement(IconSvg_1.default, { icon: "pushpin" }) : react_1.default.createElement(react_1.default.Fragment, null),
+                            item.title)),
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement(UserCard_1.default, { size: SynapseConstants_1.SMALL_USER_CARD, ownerId: item.createdBy })),
+                    react_1.default.createElement("td", null, item.activeAuthors.map(function (user) { return (react_1.default.createElement("div", { key: user, className: "avatarContainer" },
+                        react_1.default.createElement(UserCard_1.default, { showCardOnHover: true, className: "ActiveUsers", size: SynapseConstants_1.AVATAR, avatarSize: 'MEDIUM', ownerId: user }))); })),
+                    react_1.default.createElement("td", null, item.numberOfReplies),
+                    react_1.default.createElement("td", null, item.numberOfViews),
+                    react_1.default.createElement("td", null, (0, dayjs_1.default)(item.lastActivity).format('L'))));
+            }))),
+        hasNextPage && (react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline-primary", onClick: function () {
+                fetchNextPage();
+            } }, "Show more results"))));
+};
+exports.ForumTable = ForumTable;
+//# sourceMappingURL=ForumTable.js.map

package/dist/containers/discussion_forum/ForumTable.js.map

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

package/dist/containers/discussion_forum/ForumThreadEditor.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type ForumThreadEditorProps = {
+    initialTitle?: string;
+    initialText?: string;
+    id: string;
+    onClose: () => void;
+    isReply: boolean;
+};
+export declare const ForumThreadEditor: React.FunctionComponent<ForumThreadEditorProps>;

package/dist/containers/discussion_forum/ForumThreadEditor.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForumThreadEditor = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var useThread_1 = require("../../utils/hooks/SynapseAPI/forum/useThread");
+var useReply_1 = require("../../utils/hooks/SynapseAPI/forum/useReply");
+var MarkdownEditor_1 = require("../markdown/MarkdownEditor");
+var ForumThreadEditor = function (_a) {
+    var initialText = _a.initialText, initialTitle = _a.initialTitle, id = _a.id, onClose = _a.onClose, isReply = _a.isReply;
+    var _b = (0, react_1.useState)(initialTitle !== null && initialTitle !== void 0 ? initialTitle : ''), title = _b[0], setTitle = _b[1];
+    var _c = (0, react_1.useState)(initialText !== null && initialText !== void 0 ? initialText : ''), text = _c[0], setText = _c[1];
+    var _d = (0, useThread_1.useUpdateThreadTitle)({
+        onSuccess: function () { return onClose(); },
+    }), updateTitle = _d.mutate, isLoadingTitle = _d.isLoading;
+    var _e = (0, useThread_1.useUpdateThreadMessage)({
+        onSuccess: function () { return onClose(); },
+    }), updateMessage = _e.mutate, isLoadingMessage = _e.isLoading;
+    var _f = (0, useThread_1.useCreateThread)({
+        onSuccess: function () { return onClose(); },
+    }), createThread = _f.mutate, isLoadingThread = _f.isLoading;
+    var _g = (0, useReply_1.usePostReply)({
+        onSuccess: function () { return onClose(); },
+    }), createReply = _g.mutate, isLoadingReply = _g.isLoading;
+    var _h = (0, useReply_1.usePutReply)({
+        onSuccess: function () { return onClose(); },
+    }), updateReply = _h.mutate, isLoadingReplyUpdate = _h.isLoading;
+    var isLoading = isLoadingMessage ||
+        isLoadingReply ||
+        isLoadingThread ||
+        isLoadingTitle ||
+        isLoadingReplyUpdate;
+    var onSave = function (text, title) {
+        if (isReply) {
+            if (initialText) {
+                // updating reply
+                updateReply({
+                    replyId: id,
+                    messageMarkdown: text,
+                });
+            }
+            else {
+                // posting reply
+                createReply({
+                    threadId: id,
+                    messageMarkdown: text,
+                });
+            }
+        }
+        else {
+            if (initialTitle) {
+                // updating thread
+                updateTitle({
+                    title: title,
+                    threadId: id,
+                });
+                updateMessage({
+                    messageMarkdown: text,
+                    threadId: id,
+                });
+            }
+            else {
+                // posting thread
+                var request = {
+                    forumId: id,
+                    title: title,
+                    messageMarkdown: text,
+                };
+                createThread(request);
+            }
+        }
+    };
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport" },
+        !isReply && (react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", placeholder: "Title", value: title, onChange: function (e) { return setTitle(e.target.value); } })),
+        react_1.default.createElement(MarkdownEditor_1.MarkdownEditor, { text: text, setText: setText }),
+        react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end' } },
+            react_1.default.createElement(react_bootstrap_1.Button, { onClick: onClose, variant: "light" }, "Cancel"),
+            react_1.default.createElement(react_bootstrap_1.Button, { disabled: isLoading, onClick: function () { return onSave(text, title); }, variant: "primary" }, isLoading ? 'Saving' : 'Save'))));
+};
+exports.ForumThreadEditor = ForumThreadEditor;
+//# sourceMappingURL=ForumThreadEditor.js.map

package/dist/containers/discussion_forum/ForumThreadEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForumThreadEditor.js","sourceRoot":"","sources":["../../../src/lib/containers/discussion_forum/ForumThreadEditor.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,mDAAqD;AACrD,0EAIqD;AACrD,wEAGoD;AAEpD,6DAA2D;AAUpD,IAAM,iBAAiB,GAE1B,UAAC,EAAmD;QAAjD,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,EAAE,QAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IAC9C,IAAA,KAAoB,IAAA,gBAAQ,EAAS,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,EAAvD,KAAK,QAAA,EAAE,QAAQ,QAAwC,CAAA;IACxD,IAAA,KAAkB,IAAA,gBAAQ,EAAS,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,EAApD,IAAI,QAAA,EAAE,OAAO,QAAuC,CAAA;IACrD,IAAA,KACJ,IAAA,gCAAoB,EAAC;QACnB,SAAS,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;KAC3B,CAAC,EAHY,WAAW,YAAA,EAAa,cAAc,eAGlD,CAAA;IACE,IAAA,KACJ,IAAA,kCAAsB,EAAC;QACrB,SAAS,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;KAC3B,CAAC,EAHY,aAAa,YAAA,EAAa,gBAAgB,eAGtD,CAAA;IACE,IAAA,KAAuD,IAAA,2BAAe,EAAC;QAC3E,SAAS,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;KAC3B,CAAC,EAFc,YAAY,YAAA,EAAa,eAAe,eAEtD,CAAA;IACI,IAAA,KAAqD,IAAA,uBAAY,EAAC;QACtE,SAAS,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;KAC3B,CAAC,EAFc,WAAW,YAAA,EAAa,cAAc,eAEpD,CAAA;IACI,IAAA,KAA2D,IAAA,sBAAW,EAAC;QAC3E,SAAS,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;KAC3B,CAAC,EAFc,WAAW,YAAA,EAAa,oBAAoB,eAE1D,CAAA;IAEF,IAAM,SAAS,GACb,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,cAAc;QACd,oBAAoB,CAAA;IAEtB,IAAM,MAAM,GAAG,UAAC,IAAY,EAAE,KAAa;QACzC,IAAI,OAAO,EAAE;YACX,IAAI,WAAW,EAAE;gBACf,iBAAiB;gBACjB,WAAW,CAAC;oBACV,OAAO,EAAE,EAAE;oBACX,eAAe,EAAE,IAAI;iBACtB,CAAC,CAAA;aACH;iBAAM;gBACL,gBAAgB;gBAChB,WAAW,CAAC;oBACV,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,IAAI;iBACtB,CAAC,CAAA;aACH;SACF;aAAM;YACL,IAAI,YAAY,EAAE;gBAChB,kBAAkB;gBAClB,WAAW,CAAC;oBACV,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,EAAE;iBACb,CAAC,CAAA;gBACF,aAAa,CAAC;oBACZ,eAAe,EAAE,IAAI;oBACrB,QAAQ,EAAE,EAAE;iBACb,CAAC,CAAA;aACH;iBAAM;gBACL,iBAAiB;gBACjB,IAAM,OAAO,GAA2B;oBACtC,OAAO,EAAE,EAAE;oBACX,KAAK,EAAE,KAAK;oBACZ,eAAe,EAAE,IAAI;iBACtB,CAAA;gBACD,YAAY,CAAC,OAAO,CAAC,CAAA;aACtB;SACF;IACH,CAAC,CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;QAClC,CAAC,OAAO,IAAI,CACX,8BAAC,6BAAW,IACV,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,OAAO,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAA,CAAC,IAAI,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,GACvC,CACH;QACD,8BAAC,+BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI;QAChD,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE;YACzD,8BAAC,wBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,OAAO,aAEhC;YACT,8BAAC,wBAAM,IACL,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,EAAnB,CAAmB,EAClC,OAAO,EAAC,SAAS,IAEhB,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CACvB,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA7FY,QAAA,iBAAiB,qBA6F7B"}

package/dist/containers/discussion_forum/SubscribersModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SubscriptionObjectType } from '../../utils/synapseTypes/Subscription';
+export type SubscribersModalProps = {
+    id: string;
+    objectType: SubscriptionObjectType;
+    showModal: boolean;
+    handleModal: (a: boolean) => void;
+};
+export declare const SubscribersModal: React.FC<SubscribersModalProps>;