Merge branch 'develop' into bugfix/restore-data-import

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docspace",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "private": true,
   "workspaces": {
     "packages": [

packages/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docspace/client",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "private": true,
   "homepage": "",
   "scripts": {

packages/client/public/locales/en/Translations.json

@@ -33,11 +33,14 @@
   "RoleEditorDescription": "Operations with existing files: viewing, editing, form filling, reviewing, commenting.",
   "RoleFormFiller": "Form filler",
   "RoleFormFillerDescription": "Operations with existing files: viewing, form filling, reviewing, commenting.",
+  "RoleFormFillerFormRoomDescription": "Form fillers can fill out forms and view only their completed/started forms within the Complete and In Process folders.",
   "RolePortalAdminDescription": "{{productName}} admins can access {{productName}} settings, manage and archive rooms, invite new users and assign roles below their level. All admins have access to the Personal section.",
   "RolePowerUserDescription": "Power users can create and edit files in the room, but can't create rooms, manage users, or access settings.",
+  "RolePowerUserFormRoomDescription": "Power users can upload forms to the room and have full access to the Complete and In Process folders.",
   "RoleReviewer": "Reviewer",
   "RoleReviewerDescription": "Operations with existing files: viewing, reviewing, commenting.",
   "RoleRoomAdminDescription": "Room admins can create and manage the assigned rooms, invite new users, and assign roles of room admin and lower. All admins have access to the Personal section.",
+  "RoleRoomAdminFormRoomDescription": "Room admins can create and manage rooms, invite new users and assign roles of room admin or lower. Room admins can upload forms to the room and have full access to the Complete and In Process folders.",
   "RoleUserDescription": "Users can only access the rooms they are invited to by admins. They can't create own rooms, folders or files.",
   "RoleViewer": "Viewer",
   "RoleViewerDescription": "File viewing",

packages/client/src/components/Article/Body/index.js

@@ -105,6 +105,17 @@ const ArticleBodyContent = (props) => {
         case myFolderId:
           const myFilter = FilesFilter.getDefault();
           myFilter.folder = folderId;
+
+          const filterStorageItem =
+            userId && localStorage.getItem(`UserFilter=${userId}`);
+
+          if (filterStorageItem) {
+            const splitFilter = filterStorageItem.split(",");
+
+            myFilter.sortBy = splitFilter[0];
+            myFilter.sortOrder = splitFilter[1];
+          }
+
           params = myFilter.toUrlParams();
 
           path = getCategoryUrl(CategoryType.Personal);
@@ -123,6 +134,17 @@ const ArticleBodyContent = (props) => {
         case recycleBinFolderId:
           const recycleBinFilter = FilesFilter.getDefault();
           recycleBinFilter.folder = folderId;
+
+          const filterStorageTrash =
+            userId && localStorage.getItem(`UserFilterTrash=${userId}`);
+
+          if (filterStorageTrash) {
+            const splitFilterTrash = filterStorageTrash.split(",");
+
+            recycleBinFilter.sortBy = splitFilterTrash[0];
+            recycleBinFilter.sortOrder = splitFilterTrash[1];
+          }
+
           params = recycleBinFilter.toUrlParams();
           path = getCategoryUrl(CategoryType.Trash);
 

packages/client/src/components/panels/InvitePanel/index.js

@@ -34,7 +34,7 @@ import React, {
 import { observer, inject } from "mobx-react";
 import { withTranslation } from "react-i18next";
 
-import { DeviceType } from "@docspace/shared/enums";
+import { DeviceType, EmployeeType } from "@docspace/shared/enums";
 import { LOADER_TIMEOUT } from "@docspace/shared/constants";
 
 import { Backdrop } from "@docspace/shared/components/backdrop";
@@ -72,11 +72,6 @@ const InvitePanel = ({
   visible,
   setRoomSecurity,
   getRoomSecurityInfo,
-  getPortalInviteLinks,
-  userLink,
-  guestLink,
-  adminLink,
-  collaboratorLink,
   defaultAccess,
   inviteUsers,
   setInfoPanelIsMobileHidden,
@@ -88,9 +83,7 @@ const InvitePanel = ({
   currentDeviceType,
 }) => {
   const [invitePanelIsLoding, setInvitePanelIsLoading] = useState(
-    () =>
+    roomId !== -1,
-      ((!userLink || !guestLink || !collaboratorLink) && !adminLink) ||
-      roomId !== -1,
   );
   const [selectedRoom, setSelectedRoom] = useState(null);
   const [hasErrors, setHasErrors] = useState(false);
@@ -117,6 +110,33 @@ const InvitePanel = ({
     setExternalLinksVisible(visible);
   };
 
+  const accessModel = [
+    {
+      id: "user",
+      title: "User",
+      shareLink: "",
+      access: EmployeeType.User,
+    },
+    {
+      id: "guest",
+      title: "Guest",
+      shareLink: "",
+      access: EmployeeType.Guest,
+    },
+    {
+      id: "admin",
+      title: "Admin",
+      shareLink: "",
+      access: EmployeeType.Admin,
+    },
+    {
+      id: "collaborator",
+      title: "Collaborator",
+      shareLink: "",
+      access: EmployeeType.Collaborator,
+    },
+  ];
+
   const selectRoom = () => {
     const room = folders.find((folder) => folder.id === roomId);
 
@@ -167,40 +187,7 @@ const InvitePanel = ({
 
   useEffect(() => {
     if (roomId === -1) {
-      if ((!userLink || !guestLink || !collaboratorLink) && !adminLink) {
+      setShareLinks(accessModel);
-        setInvitePanelIsLoading(true);
-        getPortalInviteLinks().finally(() => {
-          disableInvitePanelLoader();
-        });
-      }
-
-      setShareLinks([
-        {
-          id: "user",
-          title: "User",
-          shareLink: userLink,
-          access: 1,
-        },
-        {
-          id: "guest",
-          title: "Guest",
-          shareLink: guestLink,
-          access: 2,
-        },
-        {
-          id: "admin",
-          title: "Admin",
-          shareLink: adminLink,
-          access: 3,
-        },
-        {
-          id: "collaborator",
-          title: "Collaborator",
-          shareLink: collaboratorLink,
-          access: 4,
-        },
-      ]);
-
       return;
     }
 
@@ -208,7 +195,7 @@ const InvitePanel = ({
     Promise.all([selectRoom(), getInfo()]).finally(() => {
       disableInvitePanelLoader(false);
     });
-  }, [roomId, userLink, guestLink, adminLink, collaboratorLink]);
+  }, [roomId]);
 
   useEffect(() => {
     const hasErrors = inviteItems.some((item) => !!item.errors?.length);
@@ -487,14 +474,6 @@ export default inject(
       isRoomMembersPanelOpen,
     } = infoPanelStore;
 
-    const {
-      getPortalInviteLinks,
-      userLink,
-      guestLink,
-      adminLink,
-      collaboratorLink,
-    } = peopleStore.inviteLinksStore;
-
     const {
       inviteItems,
       invitePanelOptions,
@@ -520,11 +499,6 @@ export default inject(
       visible: invitePanelOptions.visible,
       defaultAccess: invitePanelOptions.defaultAccess,
       getFolderInfo,
-      getPortalInviteLinks,
-      userLink,
-      guestLink,
-      adminLink,
-      collaboratorLink,
       inviteUsers,
       setInfoPanelIsMobileHidden,
       updateInfoPanelMembers,

packages/client/src/components/panels/InvitePanel/sub-components/ExternalLinks.js

@@ -64,20 +64,26 @@ const ExternalLinks = ({
   setActiveLink,
   activeLink,
   isMobileView,
+  getPortalInviteLink,
 }) => {
   const [actionLinksVisible, setActionLinksVisible] = useState(false);
 
   const inputsRef = useRef();
 
-  const toggleLinks = () => {
+  const toggleLinks = async (e) => {
     if (roomId === -1) {
-      const link = shareLinks.find((l) => l.access === +defaultAccess);
+      if (e?.target?.checked) {
+        const link = shareLinks.find((l) => l.access === defaultAccess);
 
-      setActiveLink(link);
+        link.shareLink = await getPortalInviteLink(defaultAccess);
-      copyLink(link.shareLink);
+
+        setActiveLink(link);
+        copyLink(link.shareLink);
+      }
     } else {
       !externalLinksVisible ? editLink() : disableLink();
     }
+
     onChangeExternalLinksVisible(!externalLinksVisible);
   };
 
@@ -106,11 +112,13 @@ const ExternalLinks = ({
     setActiveLink(activeLink);
   };
 
-  const onSelectAccess = (access) => {
+  const onSelectAccess = async (access) => {
     let link = null;
     if (roomId === -1) {
       link = shareLinks.find((l) => l.access === access.access);
 
+      link.shareLink = await getPortalInviteLink(access.access);
+
       setActiveLink(link);
     } else {
       setInvitationLinks(roomId, "Invite", +access.access, shareLinks[0].id);
@@ -254,17 +262,21 @@ const ExternalLinks = ({
   );
 };
 
-export default inject(({ userStore, dialogsStore, filesStore }) => {
+export default inject(
-  const { isOwner } = userStore.user;
+  ({ userStore, dialogsStore, filesStore, peopleStore }) => {
-  const { invitePanelOptions } = dialogsStore;
+    const { isOwner } = userStore.user;
-  const { setInvitationLinks } = filesStore;
+    const { invitePanelOptions } = dialogsStore;
-  const { roomId, hideSelector, defaultAccess } = invitePanelOptions;
+    const { setInvitationLinks } = filesStore;
+    const { roomId, hideSelector, defaultAccess } = invitePanelOptions;
+    const { getPortalInviteLink } = peopleStore.inviteLinksStore;
 
-  return {
+    return {
-    setInvitationLinks,
+      setInvitationLinks,
-    roomId,
+      roomId,
-    hideSelector,
+      hideSelector,
-    defaultAccess,
+      defaultAccess,
-    isOwner,
+      isOwner,
-  };
+      getPortalInviteLink,
-})(observer(ExternalLinks));
+    };
+  },
+)(observer(ExternalLinks));

packages/client/src/components/panels/InvitePanel/utils/index.js

@@ -31,6 +31,50 @@ import {
 } from "@docspace/shared/enums";
 import { checkIfAccessPaid } from "SRC_DIR/helpers";
 
+/**
+ * @param {RoomsType} roomType
+ * @param {(key: string) => string} t
+ * @returns {string}
+ */
+const getRoomAdminDescription = (roomType, t) => {
+  switch (roomType) {
+    case RoomsType.FormRoom:
+      return t("Translations:RoleRoomAdminFormRoomDescription");
+
+    default:
+      return t("Translations:RoleRoomAdminDescription");
+  }
+};
+/**
+ * @param {RoomsType} roomType
+ * @param {(key: string)=> string} t
+ * @returns {string}
+ */
+const getPowerUserDescription = (roomType, t) => {
+  switch (roomType) {
+    case RoomsType.FormRoom:
+      return t("Translations:RolePowerUserFormRoomDescription");
+
+    default:
+      return t("Translations:RolePowerUserDescription");
+  }
+};
+
+/**
+ * @param {RoomsType} roomType
+ * @param {(key: string)=> string} t
+ * @returns {string}
+ */
+const getFormFillerDescription = (roomType, t) => {
+  switch (roomType) {
+    case RoomsType.FormRoom:
+      return t("Translations:RoleFormFillerFormRoomDescription");
+
+    default:
+      return t("Translations:RoleFormFillerDescription");
+  }
+};
+
 export const getAccessOptions = (
   t,
   roomType = RoomsType.CustomRoom,
@@ -56,7 +100,7 @@ export const getAccessOptions = (
     roomAdmin: {
       key: "roomAdmin",
       label: t("Common:RoomAdmin"),
-      description: t("Translations:RoleRoomAdminDescription"),
+      description: getRoomAdminDescription(roomType, t),
       ...(!standalone && { quota: t("Common:Paid") }),
       color: "#EDC409",
       access:
@@ -66,7 +110,7 @@ export const getAccessOptions = (
     collaborator: {
       key: "collaborator",
       label: t("Common:PowerUser"),
-      description: t("Translations:RolePowerUserDescription"),
+      description: getPowerUserDescription(roomType, t),
       ...(!standalone && { quota: t("Common:Paid") }),
       color: "#EDC409",
       access:
@@ -92,7 +136,7 @@ export const getAccessOptions = (
     formFiller: {
       key: "formFiller",
       label: t("Translations:RoleFormFiller"),
-      description: t("Translations:RoleFormFillerDescription"),
+      description: getFormFillerDescription(roomType, t),
       access: ShareAccessRights.FormFilling,
       type: "user",
     },

packages/client/src/components/panels/UploadPanel/index.js

@@ -24,7 +24,7 @@
 // content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
-import ClearActiveReactSvgUrl from "PUBLIC_DIR/images/clear.active.react.svg?url";
+import ClearReactSvgUrl from "PUBLIC_DIR/images/clear.react.svg?url";
 import ButtonCancelReactSvgUrl from "PUBLIC_DIR/images/button.cancel.react.svg?url";
 
 import React from "react";
@@ -136,8 +136,8 @@ class UploadPanelComponent extends React.Component {
             <div>
               {uploaded && converted ? (
                 <IconButton
-                  size="20"
+                  size={17}
-                  iconName={ClearActiveReactSvgUrl}
+                  iconName={ClearReactSvgUrl}
                   isClickable
                   onClick={this.clearUploadPanel}
                 />

packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js

@@ -54,6 +54,8 @@ class FilesTableHeader extends React.Component {
       showStorageInfo,
       isArchiveFolder,
       tableStorageName,
+      roomsFilter,
+      filter,
     } = this.props;
 
     const defaultColumns = [];
@@ -365,6 +367,9 @@ class FilesTableHeader extends React.Component {
 
     const tableColumns = columns.map((c) => c.enable && c.key);
 
+    const sortBy = isRooms ? roomsFilter.sortBy : filter.sortBy;
+    const sortOrder = isRooms ? roomsFilter.sortOrder : filter.sortOrder;
+
     this.setTableColumns(tableColumns);
     if (fromUpdate) {
       this.setState({
@@ -372,6 +377,8 @@ class FilesTableHeader extends React.Component {
         resetColumnsSize,
         columnStorageName,
         columnInfoPanelStorageName,
+        sortBy,
+        sortOrder,
       });
     } else {
       this.state = {
@@ -379,6 +386,8 @@ class FilesTableHeader extends React.Component {
         resetColumnsSize,
         columnStorageName,
         columnInfoPanelStorageName,
+        sortBy,
+        sortOrder,
       };
     }
   };
@@ -425,8 +434,13 @@ class FilesTableHeader extends React.Component {
       isRecentTab,
       isArchiveFolder,
       showStorageInfo,
+      roomsFilter,
+      filter,
     } = this.props;
 
+    const sortBy = isRooms ? roomsFilter.sortBy : filter.sortBy;
+    const sortOrder = isRooms ? roomsFilter.sortOrder : filter.sortOrder;
+
     if (
       isArchiveFolder !== prevProps.isArchiveFolder ||
       isRooms !== prevProps.isRooms ||
@@ -434,12 +448,15 @@ class FilesTableHeader extends React.Component {
       columnStorageName !== prevProps.columnStorageName ||
       columnInfoPanelStorageName !== prevProps.columnInfoPanelStorageName ||
       isRecentTab !== prevProps.isRecentTab ||
-      showStorageInfo !== prevProps.showStorageInfo
+      showStorageInfo !== prevProps.showStorageInfo ||
+      sortBy !== this.state.sortBy ||
+      sortOrder !== this.state.sortOrder
     ) {
       return this.getTableColumns(true);
     }
 
     const { columns } = this.state;
+
     if (this.props.withContent !== prevProps.withContent) {
       const columnIndex = columns.findIndex((c) => c.key === "Share");
       if (columnIndex === -1) return;
@@ -528,9 +545,6 @@ class FilesTableHeader extends React.Component {
       t,
       containerRef,
       isHeaderChecked,
-      filter,
-      roomsFilter,
-      isRooms,
       firstElemChecked,
       sortingVisible,
       infoPanelVisible,
@@ -547,11 +561,10 @@ class FilesTableHeader extends React.Component {
       resetColumnsSize,
       columnStorageName,
       columnInfoPanelStorageName,
+      sortBy,
+      sortOrder,
     } = this.state;
 
-    const sortBy = isRooms ? roomsFilter.sortBy : filter.sortBy;
-    const sortOrder = isRooms ? roomsFilter.sortOrder : filter.sortOrder;
-
     return (
       <TableHeader
         isLengthenHeader={firstElemChecked || isHeaderChecked}

packages/client/src/pages/Home/Section/Filter/index.js

@@ -2012,42 +2012,8 @@ const SectionFilterContent = ({
         hideableColumns.Storage = storage;
       }
 
-      options.push(firstName, lastName);
+      options.push(firstName, lastName, type, department, email);
-
+      if (showStorageInfo) options.push(storage);
-      if (accountsViewAs === "table") {
-        const tableColumns = isInsideGroup
-          ? TABLE_INSIDE_GROUP_COLUMNS
-          : TABLE_PEOPLE_COLUMNS;
-
-        const columnsSizeInfoPanel = isInsideGroup
-          ? COLUMNS_INSIDE_GROUP_SIZE_INFO_PANEL
-          : COLUMNS_PEOPLE_SIZE_INFO_PANEL;
-
-        const availableSort = localStorage
-          ?.getItem(`${tableColumns}=${userId}`)
-          ?.split(",");
-
-        const infoPanelColumnsSize = localStorage
-          ?.getItem(`${columnsSizeInfoPanel}=${userId}`)
-          ?.split(" ");
-
-        availableSort?.forEach((columnTitle) => {
-          if (!hideableColumns[columnTitle]) return;
-
-          if (availableSort?.includes(columnTitle)) {
-            const idx = availableSort.findIndex((x) => x === columnTitle);
-            const hide =
-              infoPanelVisible &&
-              infoPanelColumnsSize &&
-              infoPanelColumnsSize[idx] === "0px";
-
-            !hide && options.push(hideableColumns[columnTitle]);
-          }
-        });
-      } else {
-        options.push(type, department, email);
-        if (showStorageInfo) options.push(storage);
-      }
 
       return options;
     }
@@ -2069,29 +2035,7 @@ const SectionFilterContent = ({
         default: true,
       };
 
-      groupsOptions.push(title);
+      groupsOptions.push(title, manager);
-
-      if (accountsViewAs === "table") {
-        const availableSort = localStorage
-          ?.getItem(`${TABLE_GROUPS_COLUMNS}=${userId}`)
-          ?.split(",");
-
-        const infoPanelColumnsSize = localStorage
-          ?.getItem(`${COLUMNS_GROUPS_SIZE_INFO_PANEL}=${userId}`)
-          ?.split(" ");
-
-        if (availableSort?.includes("Head of Group")) {
-          const idx = availableSort.findIndex((x) => x === "Head of Group");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          !hide && groupsOptions.push(manager);
-        }
-      } else {
-        groupsOptions.push(manager);
-      }
 
       return groupsOptions;
     }
@@ -2181,220 +2125,25 @@ const SectionFilterContent = ({
 
     commonOptions.push(name);
 
-    if (viewAs === "table") {
+    if (isRooms) {
-      if (isRooms) {
+      commonOptions.push(roomType);
-        const availableSort = localStorage
+      commonOptions.push(tags);
-          ?.getItem(`${TABLE_ROOMS_COLUMNS}=${userId}`)
+      commonOptions.push(owner);
-          ?.split(",");
+      commonOptions.push(modifiedDate);
-
+      showStorageInfo && commonOptions.push(sortByStorage);
-        const infoPanelColumnsSize = localStorage
+    } else if (isTrash) {
-          ?.getItem(`${COLUMNS_ROOMS_SIZE_INFO_PANEL}=${userId}`)
+      // commonOptions.push(authorOption);
-          ?.split(" ");
+      // commonOptions.push(creationDate);
-
+      commonOptions.push(erasure);
-        const hideOption = infoPanelVisible && infoPanelColumnsSize;
+      commonOptions.push(size);
-
+      // commonOptions.push(type);
-        if (availableSort?.includes("Type")) {
-          const idx = availableSort.findIndex((x) => x === "Type");
-          const hide = hideOption && infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(roomType);
-        }
-
-        if (availableSort?.includes("Tags")) {
-          const idx = availableSort.findIndex((x) => x === "Tags");
-          const hide = hideOption && infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(tags);
-        }
-
-        if (availableSort?.includes("Owner")) {
-          const idx = availableSort.findIndex((x) => x === "Owner");
-          const hide = hideOption && infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(owner);
-        }
-
-        if (availableSort?.includes("Activity")) {
-          const idx = availableSort.findIndex((x) => x === "Activity");
-          const hide = hideOption && infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(modifiedDate);
-        }
-
-        if (showStorageInfo && availableSort?.includes("Storage")) {
-          const idx = availableSort.findIndex(
-            (x) => x === SortByFieldName.UsedSpace,
-          );
-          const hide = hideOption && infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(sortByStorage);
-        }
-      } else if (isTrash) {
-        const availableSort = localStorage
-          ?.getItem(`${TABLE_TRASH_COLUMNS}=${userId}`)
-          ?.split(",");
-
-        const infoPanelColumnsSize = localStorage
-          ?.getItem(`${COLUMNS_TRASH_SIZE_INFO_PANEL}=${userId}`)
-          ?.split(" ");
-
-        if (availableSort?.includes("Room")) {
-          const idx = availableSort.findIndex((x) => x === "Room");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          // !hide && commonOptions.push(room);
-        }
-        if (availableSort?.includes("AuthorTrash")) {
-          const idx = availableSort.findIndex((x) => x === "AuthorTrash");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          // !hide && commonOptions.push(authorOption);
-        }
-        if (availableSort?.includes("CreatedTrash")) {
-          const idx = availableSort.findIndex((x) => x === "CreatedTrash");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          // !hide && commonOptions.push(creationDate);
-        }
-        if (availableSort?.includes("Erasure")) {
-          const idx = availableSort.findIndex((x) => x === "Erasure");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(erasure);
-        }
-        if (availableSort?.includes("SizeTrash")) {
-          const idx = availableSort.findIndex((x) => x === "SizeTrash");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(size);
-        }
-        if (availableSort?.includes("TypeTrash")) {
-          const idx = availableSort.findIndex((x) => x === "TypeTrash");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          // !hide && commonOptions.push(type);
-        }
-      } else if (isRecentTab) {
-        const availableSort = localStorage
-          ?.getItem(`${TABLE_RECENT_COLUMNS}=${userId}`)
-          ?.split(",");
-
-        const infoPanelColumnsSize = localStorage
-          ?.getItem(`${COLUMNS_RECENT_SIZE_INFO_PANEL}=${userId}`)
-          ?.split(" ");
-
-        if (availableSort?.includes("LastOpened")) {
-          const idx = availableSort.findIndex((x) => x === "LastOpened");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(lastOpenedDate);
-        }
-
-        if (availableSort?.includes("Size")) {
-          const idx = availableSort.findIndex((x) => x === "Size");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(size);
-        }
-      } else {
-        const availableSort = localStorage
-          ?.getItem(`${TABLE_COLUMNS}=${userId}`)
-          ?.split(",");
-
-        const infoPanelColumnsSize = localStorage
-          ?.getItem(`${COLUMNS_SIZE_INFO_PANEL}=${userId}`)
-          ?.split(" ");
-
-        if (availableSort?.includes("Author")) {
-          const idx = availableSort.findIndex((x) => x === "Author");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          // !hide && commonOptions.push(authorOption);
-        }
-        if (availableSort?.includes("Created")) {
-          const idx = availableSort.findIndex((x) => x === "Created");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          // !hide && commonOptions.push(creationDate);
-        }
-        if (availableSort?.includes("Modified")) {
-          const idx = availableSort.findIndex((x) => x === "Modified");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(modifiedDate);
-        }
-        if (availableSort?.includes("Size")) {
-          const idx = availableSort.findIndex((x) => x === "Size");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          !hide && commonOptions.push(size);
-        }
-        if (availableSort?.includes("Type")) {
-          const idx = availableSort.findIndex((x) => x === "Type");
-          const hide =
-            infoPanelVisible &&
-            infoPanelColumnsSize &&
-            infoPanelColumnsSize[idx] === "0px";
-
-          // !hide && commonOptions.push(type);
-        }
-      }
     } else {
-      if (isRooms) {
+      // commonOptions.push(authorOption);
-        commonOptions.push(roomType);
+      // commonOptions.push(creationDate);
-        commonOptions.push(tags);
+      commonOptions.push(modifiedDate);
-        commonOptions.push(owner);
+      commonOptions.push(size);
-        commonOptions.push(modifiedDate);
+      // commonOptions.push(type);
-        showStorageInfo && commonOptions.push(sortByStorage);
+      isRecentTab && commonOptions.push(lastOpenedDate);
-      } else if (isTrash) {
-        // commonOptions.push(authorOption);
-        // commonOptions.push(creationDate);
-        commonOptions.push(erasure);
-        commonOptions.push(size);
-        // commonOptions.push(type);
-      } else {
-        // commonOptions.push(authorOption);
-        // commonOptions.push(creationDate);
-        commonOptions.push(modifiedDate);
-        commonOptions.push(size);
-        // commonOptions.push(type);
-      }
     }
 
     return commonOptions;

packages/client/src/pages/Home/Section/Header/index.js

@@ -240,6 +240,8 @@ const SectionHeaderContent = (props) => {
   };
 
   const onContextOptionsClick = () => {
+    if (isInsideGroup) return;
+
     setBufferSelection(selectedFolder);
   };
 

packages/client/src/pages/Home/Section/Tabs/MyDocumentsTabs/index.js

@@ -38,6 +38,7 @@ const MyDocumentsTabs = ({
   setFilter,
   showBodyLoader,
   isRoot,
+  user,
 }) => {
   const { t } = useTranslation(["Common", "Files"]);
 
@@ -56,13 +57,25 @@ const MyDocumentsTabs = ({
     const filter = FilesFilter.getDefault();
     const url = window.DocSpace.location.pathname;
 
-    if (e.id === "recent") {
+    const recent = e.id === "recent";
+
+    const filterStorageItem = user?.id
+      ? recent
+        ? localStorage.getItem(`UserFilterRecent=${user.id}`)
+        : localStorage.getItem(`UserFilter=${user.id}`)
+      : null;
+
+    if (filterStorageItem) {
+      const splitFilter = filterStorageItem.split(",");
+
+      filter.sortBy = splitFilter[0];
+      filter.sortOrder = splitFilter[1];
+    } else if (recent) filter.sortBy = "LastOpened";
+
+    if (recent) {
       filter.folder = e.id;
       filter.searchArea = 3;
-      filter.sortBy = "LastOpened";
+    } else filter.searchArea = null;
-    } else {
-      filter.searchArea = null;
-    }
 
     setFilter(filter);
     window.DocSpace.navigate(`${url}?${filter.toUrlParams()}`);
@@ -83,17 +96,18 @@ const MyDocumentsTabs = ({
 };
 
 export default inject(
-  ({ treeFoldersStore, filesStore, clientLoadingStore }) => {
+  ({ treeFoldersStore, filesStore, clientLoadingStore, userStore }) => {
     const { isPersonalRoom, isRecentTab, isRoot } = treeFoldersStore;
     const { setFilter } = filesStore;
     const { showBodyLoader } = clientLoadingStore;
-
+    const { user } = userStore;
     return {
       isPersonalRoom,
       isRecentTab,
       setFilter,
       showBodyLoader,
       isRoot,
+      user,
     };
   },
 )(observer(MyDocumentsTabs));

packages/client/src/store/ContextOptionsStore.js

@@ -1942,7 +1942,7 @@ class ContextOptionsStore {
       selection.findIndex((k) => k.security.Download) !== -1;
 
     const favoriteItems = selection.filter((k) =>
-      k.contextOptions.includes("mark-as-favorite"),
+      k.contextOptions?.includes("mark-as-favorite"),
     );
 
     const moveItems = selection.filter((k) =>

packages/client/src/store/FilesActionsStore.js

@@ -1459,6 +1459,23 @@ class FilesActionStore {
 
     filter.folder = id;
 
+    if (isRoom) {
+      const key =
+        categoryType === CategoryType.Archive
+          ? `UserFilterArchiveRoom=${this.userStore.user?.id}`
+          : `UserFilterSharedRoom=${this.userStore.user?.id}`;
+
+      const filterStorageSharedRoom =
+        this.userStore.user?.id && localStorage.getItem(key);
+
+      if (filterStorageSharedRoom) {
+        const splitFilter = filterStorageSharedRoom.split(",");
+
+        filter.sortBy = splitFilter[0];
+        filter.sortOrder = splitFilter[1];
+      }
+    }
+
     const url = getCategoryUrl(categoryType, id);
 
     window.DocSpace.navigate(`${url}?${filter.toUrlParams()}`, { state });
@@ -2334,7 +2351,8 @@ class FilesActionStore {
   onMarkAsRead = (item) => this.markAsRead([], [`${item.id}`], item);
 
   openFileAction = (item, t, e) => {
-    const { openDocEditor, isPrivacyFolder, setSelection } = this.filesStore;
+    const { openDocEditor, isPrivacyFolder, setSelection, categoryType } =
+      this.filesStore;
     const { currentDeviceType } = this.settingsStore;
     const { fileItemsList } = this.pluginStore;
     const { enablePlugins } = this.settingsStore;
@@ -2384,6 +2402,30 @@ class FilesActionStore {
       );
 
       const filter = FilesFilter.getDefault();
+
+      const filterObj = FilesFilter.getFilter(window.location);
+
+      if (isRoom) {
+        const key =
+          categoryType === CategoryType.Archive
+            ? `UserFilterArchiveRoom=${this.userStore.user?.id}`
+            : `UserFilterSharedRoom=${this.userStore.user?.id}`;
+
+        const filterStorageSharedRoom =
+          this.userStore.user?.id && localStorage.getItem(key);
+
+        if (filterStorageSharedRoom) {
+          const splitFilter = filterStorageSharedRoom.split(",");
+
+          filter.sortBy = splitFilter[0];
+          filter.sortOrder = splitFilter[1];
+        }
+      } else {
+        // For the document section at all levels there is one sorting
+        filter.sortBy = filterObj.sortBy;
+        filter.sortOrder = filterObj.sortOrder;
+      }
+
       filter.folder = id;
 
       const url = `${path}?${filter.toUrlParams()}`;
@@ -2605,6 +2647,11 @@ class FilesActionStore {
 
     const filter = FilesFilter.getDefault();
 
+    const filterObj = FilesFilter.getFilter(window.location);
+
+    filter.sortBy = filterObj.sortBy;
+    filter.sortOrder = filterObj.sortOrder;
+
     filter.folder = id;
 
     const categoryType = getCategoryType(window.DocSpace.location);

packages/client/src/store/FilesStore.js

@@ -72,7 +72,7 @@ import debounce from "lodash.debounce";
 import clone from "lodash/clone";
 import Queue from "queue-promise";
 import { parseHistory } from "SRC_DIR/pages/Home/InfoPanel/Body/helpers/HistoryHelper";
-
+import { toJSON } from "@docspace/shared/api/rooms/filter";
 const { FilesFilter, RoomsFilter } = api;
 const storageViewAs = localStorage.getItem("viewAs");
 
@@ -1300,10 +1300,24 @@ class FilesStore {
   };
 
   //TODO: FILTER
-  setFilesFilter = (filter) => {
+  setFilesFilter = (filter, folderId = null) => {
-    if (!this.publicRoomStore.isPublicRoom) {
+    const { recycleBinFolderId } = this.treeFoldersStore;
-      const key = `UserFilter=${this.userStore.user?.id}`;
+
-      const value = `${filter.sortBy},${filter.pageCount},${filter.sortOrder}`;
+    const key =
+      this.categoryType === CategoryType.Archive
+        ? `UserFilterArchiveRoom=${this.userStore.user?.id}`
+        : this.categoryType === CategoryType.SharedRoom
+          ? `UserFilterSharedRoom=${this.userStore.user?.id}`
+          : folderId === "recent"
+            ? `UserFilterRecent=${this.userStore.user?.id}`
+            : +folderId === recycleBinFolderId
+              ? `UserFilterTrash=${this.userStore.user?.id}`
+              : !this.publicRoomStore.isPublicRoom
+                ? `UserFilter=${this.userStore.user?.id}`
+                : null;
+
+    if (key) {
+      const value = `${filter.sortBy},${filter.sortOrder}`;
       localStorage.setItem(key, value);
     }
 
@@ -1330,6 +1344,21 @@ class FilesStore {
   setRoomsFilter = (filter) => {
     if (!this.settingsStore.withPaging) filter.pageCount = 100;
 
+    const isArchive = this.categoryType === CategoryType.Archive;
+
+    const key = isArchive
+      ? `UserRoomsArchivedFilter=${this.userStore.user?.id}`
+      : `UserRoomsSharedFilter=${this.userStore.user?.id}`;
+
+    const sharedStorageFilter = JSON.parse(localStorage.getItem(key));
+    if (sharedStorageFilter) {
+      sharedStorageFilter.sortBy = filter.sortBy;
+      sharedStorageFilter.sortOrder = filter.sortOrder;
+
+      const value = toJSON(sharedStorageFilter);
+      localStorage.setItem(key, value);
+    }
+
     // this.setFilterUrl(filter, true);
     this.roomsFilter = filter;
 
@@ -1463,8 +1492,7 @@ class FilesStore {
       const splitFilter = filterStorageItem.split(",");
 
       filterData.sortBy = splitFilter[0];
-      filterData.pageCount = +splitFilter[1];
+      filterData.sortOrder = splitFilter[1];
-      filterData.sortOrder = splitFilter[2];
     }
 
     if (!this.settingsStore.withPaging) {
@@ -1540,7 +1568,7 @@ class FilesStore {
           //save filter for after closing preview change url
           this.setTempFilter(filterData);
         } else {
-          this.setFilesFilter(filterData); //TODO: FILTER
+          this.setFilesFilter(filterData, folderId); //TODO: FILTER
         }
 
         const isPrivacyFolder =

packages/client/src/store/InviteLinksStore.js

@@ -27,9 +27,12 @@
 import { makeAutoObservable, runInAction } from "mobx";
 import {
   getInvitationLinks,
+  getInvitationLink,
   getShortenedLink,
 } from "@docspace/shared/api/portal";
 
+import { EmployeeType } from "@docspace/shared/enums";
+
 class InviteLinksStore {
   peopleStore = null;
   userLink = null;
@@ -59,9 +62,7 @@ class InviteLinksStore {
   };
 
   getPortalInviteLinks = async () => {
-    const isViewerAdmin = !this.peopleStore.authStore.isVisitor;
+    if (this.peopleStore.authStore.isVisitor) return Promise.resolve();
-
-    if (!isViewerAdmin) return Promise.resolve();
 
     const links = await getInvitationLinks();
 
@@ -73,6 +74,31 @@ class InviteLinksStore {
     });
   };
 
+  getPortalInviteLink = async (type) => {
+    if (this.peopleStore.authStore.isVisitor) return Promise.resolve();
+
+    const link = await getInvitationLink(type);
+
+    runInAction(() => {
+      switch (type) {
+        case EmployeeType.User:
+          this.setUserLink(link);
+          break;
+        case EmployeeType.Guest:
+          this.setGuestLink(link);
+          break;
+        case EmployeeType.Admin:
+          this.setAdminLink(link);
+          break;
+        case EmployeeType.Collaborator:
+          this.setCollaboratorLink(link);
+          break;
+      }
+    });
+
+    return link;
+  };
+
   getShortenedLink = async (link, forUser = false) => {
     if (forUser) {
       const userLink = await getShortenedLink(link);

packages/doceditor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docspace/doceditor",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "private": true,
   "scripts": {
     "build": "node ./scripts/buildTranslations.js && next build",

packages/doceditor/src/components/completed-form/CompletedForm.styled.ts

@@ -27,33 +27,61 @@
 
 import styled from "styled-components";
 
-import { mobile } from "@docspace/shared/utils";
+import { mobile, mobileMore } from "@docspace/shared/utils";
 
 import type { CompletedFormLayoutProps } from "./CompletedForm.types";
 
-export const CompletedFormLayout = styled.section<CompletedFormLayoutProps>`
+export const ContainerCompletedForm = styled.section<CompletedFormLayoutProps>`
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-
   box-sizing: border-box;
 
   * {
     box-sizing: border-box;
   }
 
-  width: 100%;
-  min-height: 100dvh;
-  padding: 100px 16px 16px;
-
   background-image: ${(props) => props.bgPattern};
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   background-position: center;
 
+  width: 100%;
+  min-height: 100dvh;
+  height: 100%;
+
+  .scroller {
+    > .scroll-body {
+      display: flex;
+      flex-direction: column;
+      padding-inline-end: 16px !important;
+    }
+  }
+
+  .completed-form__default-layout {
+    padding: clamp(42px, 8vh, 100px) 16px 16px;
+
+    picture {
+    }
+  }
+
+  @media ${mobile} {
+    .completed-form__default-layout {
+      padding: 0px 16px 16px;
+    }
+
+    background-image: none;
+  }
+`;
+
+export const CompletedFormLayout = styled.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+  padding: clamp(42px, 8vh, 100px) 0px 16px 16px;
+
   picture {
-    margin-bottom: clamp(40px, 10vh, 125px);
+    margin-bottom: clamp(40px, 8vh, 125px);
+    user-select: none;
   }
 
   .link {
@@ -68,9 +96,14 @@ export const CompletedFormLayout = styled.section<CompletedFormLayoutProps>`
     margin-top: 24px;
   }
 
-  @media ${mobile} {
+  @media ${mobileMore} and (max-height: 650px) {
-    background-image: none;
+    padding-top: 42px;
+    .completed-form__logo {
+      margin-bottom: 40px;
+    }
+  }
 
+  @media ${mobile} {
     padding-top: 0px;
 
     .completed-form__icon {
@@ -95,6 +128,11 @@ export const CompletedFormLayout = styled.section<CompletedFormLayoutProps>`
         align-self: center;
       }
     }
+
+    .completed-form__empty {
+      gap: 20px;
+      margin-top: 24px;
+    }
   }
 `;
 
@@ -228,6 +266,19 @@ export const FormNumberWrapper = styled.div`
 
   grid-area: form-number;
 
+  .form-number--big {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  @media ${mobileMore} {
+    .form-number--big {
+      font-size: 23px;
+      line-height: 28px;
+    }
+  }
+
   > div {
     justify-content: center;
     flex-grow: 1;

packages/doceditor/src/components/completed-form/CompletedForm.tsx

@@ -46,10 +46,11 @@ import { isNullOrUndefined } from "@docspace/shared/utils/typeGuards";
 
 import { Button, ButtonSize } from "@docspace/shared/components/button";
 import { WhiteLabelLogoType } from "@docspace/shared/enums";
-import { mobile, mobileMore } from "@docspace/shared/utils";
+import { classNames, mobile, mobileMore } from "@docspace/shared/utils";
 import { Heading, HeadingLevel } from "@docspace/shared/components/heading";
 import { IconButton } from "@docspace/shared/components/icon-button";
 import { copyShareLink } from "@docspace/shared/utils/copy";
+import { Scrollbar } from "@docspace/shared/components/scrollbar";
 
 import {
   Avatar,
@@ -69,10 +70,13 @@ import {
   FormNumberWrapper,
   ManagerWrapper,
   MainContent,
+  ContainerCompletedForm,
 } from "./CompletedForm.styled";
 
 import type { CompletedFormProps } from "./CompletedForm.types";
 
+const BIG_FORM_NUMBER = 9_999_999;
+
 export const CompletedForm = ({
   session,
   share,
@@ -92,25 +96,29 @@ export const CompletedForm = ({
 
   if (!session)
     return (
-      <CompletedFormLayout bgPattern={bgPattern}>
+      <ContainerCompletedForm bgPattern={bgPattern}>
-        <picture className="completed-form__logo">
+        <CompletedFormLayout className="completed-form__default-layout">
-          <source media={mobile} srcSet={smallLogoUrl} />
+          <picture className="completed-form__logo">
-          <source media={mobileMore} srcSet={logoUrl} />
+            <source media={mobile} srcSet={smallLogoUrl} />
-          <img src={logoUrl} alt="logo" />
+            <source media={mobileMore} srcSet={logoUrl} />
-        </picture>
+            <img src={logoUrl} alt="logo" />
-        <Image
+          </picture>
-          priority
+          <Image
-          src={iconUrl}
+            priority
-          className="completed-form__icon"
+            src={iconUrl}
-          alt="icon"
+            className="completed-form__icon"
-          width={416}
+            alt="icon"
-          height={200}
+            width={416}
-        />
+            height={200}
-        <TextWrapper className="completed-form__empty">
+          />
-          <Heading level={HeadingLevel.h1}>{t("CompletedForm:Title")}</Heading>
+          <TextWrapper className="completed-form__empty">
-          <Text noSelect>{t("CompletedForm:Description")}</Text>
+            <Heading level={HeadingLevel.h1}>
-        </TextWrapper>
+              {t("CompletedForm:Title")}
-      </CompletedFormLayout>
+            </Heading>
+            <Text noSelect>{t("CompletedForm:Description")}</Text>
+          </TextWrapper>
+        </CompletedFormLayout>
+      </ContainerCompletedForm>
     );
 
   const {
@@ -172,85 +180,100 @@ export const CompletedForm = ({
   });
 
   return (
-    <CompletedFormLayout bgPattern={bgPattern}>
+    <ContainerCompletedForm bgPattern={bgPattern}>
-      <picture className="completed-form__logo">
+      <Scrollbar fixedSize>
-        <source media={mobile} srcSet={smallLogoUrl} />
+        <CompletedFormLayout>
-        <source media={mobileMore} srcSet={logoUrl} />
+          <picture className="completed-form__logo">
-        <img src={logoUrl} alt="logo" />
+            <source media={mobile} srcSet={smallLogoUrl} />
-      </picture>
+            <source media={mobileMore} srcSet={logoUrl} />
-      <TextWrapper>
+            <img src={logoUrl} alt="logo" />
-        <Heading level={HeadingLevel.h1}>
+          </picture>
-          {t("CompletedForm:FormCompletedSuccessfully")}
+          <TextWrapper>
-        </Heading>
+            <Heading level={HeadingLevel.h1}>
-        <Text noSelect>
+              {t("CompletedForm:FormCompletedSuccessfully")}
-          {isAnonim
-            ? t("CompletedForm:DescriptionForAnonymous")
-            : t("CompletedForm:DescriptionForRegisteredUser")}
-        </Text>
-      </TextWrapper>
-      <MainContent>
-        <Box className="completed-form__file">
-          <PDFIcon />
-          <Heading className="completed-form__filename" level={HeadingLevel.h5}>
-            {completedForm.title}
-          </Heading>
-          <IconButton
-            size={16}
-            className="completed-form__download"
-            iconName={isAnonim ? DownloadIconUrl : LinkIconUrl}
-            onClick={isAnonim ? handleDownload : copyLinkFile}
-          />
-        </Box>
-        <FormNumberWrapper>
-          <span className="label">{t("CompletedForm:FormNumber")}</span>
-          <Box>
-            <Text className="completed-form__form-number">{formNumber}</Text>
-          </Box>
-        </FormNumberWrapper>
-        <ManagerWrapper>
-          <span className="label">{t("CompletedForm:FormOwner")}</span>
-          <Box>
-            <Avatar
-              className="manager__avatar"
-              size={AvatarSize.medium}
-              role={AvatarRole.manager}
-              source={manager.avatar}
-            />
-            <Heading level={HeadingLevel.h3} className="manager__user-name">
-              {decode(manager.displayName)}
             </Heading>
-            <Link
+            <Text noSelect>
-              className="manager__mail link"
+              {isAnonim
-              href={`mailto:${manager.email}`}
+                ? t("CompletedForm:DescriptionForAnonymous")
-            >
+                : t("CompletedForm:DescriptionForRegisteredUser")}
-              <MailIcon />
+            </Text>
-              <span>{manager.email}</span>
+          </TextWrapper>
-            </Link>
+          <MainContent>
-          </Box>
+            <Box className="completed-form__file">
-        </ManagerWrapper>
+              <PDFIcon />
-      </MainContent>
+              <Heading
-      <ButtonWrapper isShreFile={isShreFile && !isRoomMember}>
+                className="completed-form__filename"
-        <Button
+                level={HeadingLevel.h5}
-          scale
+              >
-          primary
+                {completedForm.title}
-          size={ButtonSize.medium}
+              </Heading>
-          label={
+              <IconButton
-            isAnonim ? t("Common:Download") : t("CompletedForm:CheckReadyForms")
+                size={16}
-          }
+                className="completed-form__download"
-          onClick={isAnonim ? handleDownload : gotoCompleteFolder}
+                iconName={isAnonim ? DownloadIconUrl : LinkIconUrl}
-        />
+                onClick={isAnonim ? handleDownload : copyLinkFile}
-        {(!isShreFile || isRoomMember) && (
+              />
-          <Button
+            </Box>
-            scale
+            <FormNumberWrapper>
-            size={ButtonSize.medium}
+              <span className="label">{t("CompletedForm:FormNumber")}</span>
-            label={t("CompletedForm:BackToRoom")}
+              <Box>
-            onClick={handleBackToRoom}
+                <Text
-          />
+                  className={classNames("completed-form__form-number", {
-        )}
+                    ["form-number--big"]: formNumber > BIG_FORM_NUMBER,
-      </ButtonWrapper>
+                  })}
-      <Link className="link" href={`/?${fillAgainSearchParams.toString()}`}>
+                >
-        {t("CompletedForm:FillItOutAgain")}
+                  {formNumber}
-      </Link>
+                </Text>
-    </CompletedFormLayout>
+              </Box>
+            </FormNumberWrapper>
+            <ManagerWrapper>
+              <span className="label">{t("CompletedForm:FormOwner")}</span>
+              <Box>
+                <Avatar
+                  className="manager__avatar"
+                  size={AvatarSize.medium}
+                  role={AvatarRole.manager}
+                  source={manager.avatar}
+                />
+                <Heading level={HeadingLevel.h3} className="manager__user-name">
+                  {decode(manager.displayName)}
+                </Heading>
+                <Link
+                  className="manager__mail link"
+                  href={`mailto:${manager.email}`}
+                >
+                  <MailIcon />
+                  <span>{manager.email}</span>
+                </Link>
+              </Box>
+            </ManagerWrapper>
+          </MainContent>
+          <ButtonWrapper isShreFile={isShreFile && !isRoomMember}>
+            <Button
+              scale
+              primary
+              size={ButtonSize.medium}
+              label={
+                isAnonim
+                  ? t("Common:Download")
+                  : t("CompletedForm:CheckReadyForms")
+              }
+              onClick={isAnonim ? handleDownload : gotoCompleteFolder}
+            />
+            {(!isShreFile || isRoomMember) && (
+              <Button
+                scale
+                size={ButtonSize.medium}
+                label={t("CompletedForm:BackToRoom")}
+                onClick={handleBackToRoom}
+              />
+            )}
+          </ButtonWrapper>
+          <Link className="link" href={`/?${fillAgainSearchParams.toString()}`}>
+            {t("CompletedForm:FillItOutAgain")}
+          </Link>
+        </CompletedFormLayout>
+      </Scrollbar>
+    </ContainerCompletedForm>
   );
 };

packages/doceditor/src/utils/actions.ts

@@ -393,28 +393,28 @@ export const checkIsAuthenticated = async () => {
   return isAuth.response as boolean;
 };
 
-export async function checkFillFromDraft(
+// export async function checkFillFromDraft(
-  templateFileId: number,
+//   templateFileId: number,
-  share?: string,
+//   share?: string,
-) {
+// ) {
-  const [checkFillFormDraft] = createRequest(
+//   const [checkFillFormDraft] = createRequest(
-    [`/files/masterform/${templateFileId}/checkfillformdraft`],
+//     [`/files/masterform/${templateFileId}/checkfillformdraft`],
-    [
+//     [
-      share ? ["Request-Token", share] : ["", ""],
+//       share ? ["Request-Token", share] : ["", ""],
-      ["Content-Type", "application/json;charset=utf-8"],
+//       ["Content-Type", "application/json;charset=utf-8"],
-    ],
+//     ],
-    "POST",
+//     "POST",
-    JSON.stringify({ fileId: templateFileId }),
+//     JSON.stringify({ fileId: templateFileId }),
-  );
+//   );
 
-  const response = await fetch(checkFillFormDraft);
+//   const response = await fetch(checkFillFormDraft);
 
-  if (!response.ok) return null;
+//   if (!response.ok) return null;
 
-  const { response: formUrl } = await response.json();
+//   const { response: formUrl } = await response.json();
 
-  return formUrl as string;
+//   return formUrl as string;
-}
+// }
 
 export async function openEdit(
   fileId: number | string,

packages/login/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docspace/login",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "private": true,
   "scripts": {
     "build": "node ./scripts/buildTranslations.js && next build",

packages/login/src/components/LoginForm/index.tsx

@@ -75,6 +75,8 @@ import OAuthClientInfo from "../ConsentInfo";
 
 // import { gitAvailablePortals } from "@/utils/actions";
 
+let showToastr = true;
+
 const LoginForm = ({
   hashSettings,
   cookieSettingsEnabled,
@@ -208,8 +210,7 @@ const LoginForm = ({
       !toastr.isActive(toastId.current || "confirm-email-toast")
     )
       toastId.current = toastr.success(text);
-    if (authError && ready) toastr.error(t("Common:ProviderLoginError"));
+  }, [message, confirmedEmail, t, ready, authCallback]);
-  }, [message, confirmedEmail, t, ready, authError, authCallback]);
 
   const onChangeLogin = (e: React.ChangeEvent<HTMLInputElement>) => {
     //console.log("onChangeLogin", e.target.value);
@@ -430,6 +431,11 @@ const LoginForm = ({
 
   const passwordErrorMessage = errorMessage();
 
+  if (authError && ready) {
+    if (showToastr) toastr.error(t("Common:ProviderLoginError"));
+    showToastr = false;
+  }
+
   return (
     <form className="auth-form-container">
       {client && (

packages/management/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docspace/management",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "private": true,
   "homepage": "/management",
   "scripts": {

packages/shared/api/files/index.ts

@@ -1181,15 +1181,15 @@ export async function getPresignedUri(fileId: number | string) {
   return res;
 }
 
-export async function checkFillFormDraft(fileId: number | string) {
+// export async function checkFillFormDraft(fileId: number | string) {
-  const res = (await request({
+//   const res = (await request({
-    method: "post",
+//     method: "post",
-    url: `files/masterform/${fileId}/checkfillformdraft`,
+//     url: `files/masterform/${fileId}/checkfillformdraft`,
-    data: { fileId },
+//     data: { fileId },
-  })) as string;
+//   })) as string;
 
-  return res;
+//   return res;
-}
+// }
 
 export async function fileCopyAs(
   fileId: number,

packages/shared/api/portal/index.ts

@@ -35,7 +35,7 @@ import {
   TTenantExtra,
 } from "./types";
 
-export function getShortenedLink(link) {
+export function getShortenedLink(link: string) {
   return request({
     method: "put",
     url: "/portal/getshortenlink",
@@ -43,13 +43,13 @@ export function getShortenedLink(link) {
   });
 }
 
-export function getInvitationLink(type) {
+export async function getInvitationLink(type: EmployeeType) {
-  return request({
+  const res = await request({
     method: "get",
     url: `/portal/users/invite/${type}`,
-  }).then((link) => {
-    return Promise.resolve(link);
   });
+
+  return res;
 }
 
 export function getInvitationLinks() {

packages/shared/api/rooms/filter.js

@@ -64,10 +64,10 @@ const DEFAULT_SEARCH_AREA = RoomSearchArea.Active;
 const TAGS = "tags";
 const DEFAULT_TAGS = null;
 
-const SORT_BY = "sortby";
+const SORT_BY = "sortBy";
 const DEFAULT_SORT_BY = "DateAndTime";
 
-const SORT_ORDER = "sortorder";
+const SORT_ORDER = "sortOrder";
 const DEFAULT_SORT_ORDER = "descending";
 
 const EXCLUDE_SUBJECT = "excludeSubject";
@@ -85,6 +85,21 @@ const DEFAULT_QUOTA_FILTER = null;
 const STORAGE_FILTER = "storageFilter";
 const DEFAULT_STORAGE_FILTER = null;
 
+export const toJSON = (filter) => {
+  const filterObject = transform(
+    filter,
+    (result, value, key) => {
+      if (value instanceof Function) return result;
+      if (value === null || value === false) return result;
+
+      result[key] = value;
+    },
+    {},
+  );
+
+  return JSON.stringify(filterObject);
+};
+
 class RoomsFilter {
   static getDefault(userId, searchArea) {
     const defaultFilter = new RoomsFilter(
@@ -264,19 +279,6 @@ class RoomsFilter {
     return this.page > 0;
   };
 
-  toJSON = (filter) => {
-    const filterObject = transform(
-      filter,
-      (result, value, key) => {
-        if (value instanceof Function) return result;
-        if (value === null || value === false) return result;
-        result[key] = value;
-      },
-      {},
-    );
-    return JSON.stringify(filterObject);
-  };
-
   toApiUrlParams = () => {
     const {
       page,
@@ -422,7 +424,7 @@ class RoomsFilter {
     if (!sharedStorageFilter && userId) {
       localStorage.setItem(
         `UserRoomsSharedFilter=${userId}`,
-        this.toJSON(defaultFilter),
+        toJSON(defaultFilter),
       );
     }
 
@@ -430,11 +432,11 @@ class RoomsFilter {
       defaultFilter.searchArea = RoomSearchArea.Archive;
       localStorage.setItem(
         `UserRoomsArchivedFilter=${userId}`,
-        this.toJSON(defaultFilter),
+        toJSON(defaultFilter),
       );
     }
 
-    const filterJSON = this.toJSON(dtoFilter);
+    const filterJSON = toJSON(dtoFilter);
 
     const currentStorageFilter =
       dtoFilter.searchArea === RoomSearchArea.Active

packages/shared/components/selector/sub-components/Body.tsx

@@ -216,7 +216,9 @@ const Body = ({
             : FOOTER_HEIGHT
       }
       className="selector_body"
-      headerHeight={HEADER_HEIGHT}
+      headerHeight={
+        withTabs ? HEADER_HEIGHT : HEADER_HEIGHT + CONTAINER_PADDING
+      }
       footerVisible={footerVisible}
       withHeader={withHeader}
       withTabs={withTabs}

packages/shared/components/table/TableHeader.tsx

@@ -77,6 +77,8 @@ class TableHeaderComponent extends React.Component<
       infoPanelVisible,
       columnStorageName,
       columnInfoPanelStorageName,
+      sortBy,
+      sorted,
     } = this.props;
 
     if (columnStorageName === prevProps.columnStorageName) {
@@ -84,6 +86,14 @@ class TableHeaderComponent extends React.Component<
         ? localStorage.getItem(columnInfoPanelStorageName)
         : localStorage.getItem(columnStorageName);
 
+      if (sortBy !== prevProps.sortBy || sorted !== prevProps.sorted) {
+        const columnIndex = columns.findIndex((c) => c?.sortBy === sortBy);
+
+        if (columnIndex > -1 && !columns[columnIndex].enable) {
+          columns[columnIndex].onChange?.(columns[columnIndex].key);
+        }
+      }
+
       // columns.length + 1 - its settings column
       if (storageSize && storageSize.split(" ").length !== columns.length + 1) {
         return this.resetColumns();

packages/shared/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docspace/shared",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "private": true,
   "scripts": {
     "build": "echo 'skip it'",

public/scripts/browserDetector.js

@@ -34,7 +34,7 @@
         IE: 11,
         Edge: 109,
         Opera: 90,
-        Safari: 16,
+        Safari: 15,
         SafariMobile: 16,
         AscDesktopEditor: 6,
         SamsungBrowser: 4,
@@ -50,7 +50,7 @@
         let temp = [];
         let match =
           agent.match(
-            /(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i,
+            /(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i
           ) || [];
 
         if (/trident/i.test(match[1])) {
@@ -60,7 +60,7 @@
 
         if (match[1] === "Chrome") {
           temp = agent.match(
-            /\b(OPR|Edge|AscDesktopEditor|SamsungBrowser|UCBrowser)\/(\d+.\d)/,
+            /\b(OPR|Edge|AscDesktopEditor|SamsungBrowser|UCBrowser)\/(\d+.\d)/
           );
 
           const userOS =