Editor: init open deeplink in app

packages/editor/src/client/components/DeepLink/index.js

@@ -5,6 +5,7 @@ import Button from "@docspace/components/button";
 import Link from "@docspace/components/link";
 
 import { getLogoFromPath } from "@docspace/common/utils";
+import { getDeepLink } from "../../helpers/deepLinkHelper";
 
 import {
   StyledSimpleNav,
@@ -14,7 +15,11 @@ import {
   StyledActionsWrapper,
 } from "./StyledDeepLink";
 
-const DeepLink = ({ fileInfo, logoUrls }) => {
+const DL_ANDROID = "com.onlyoffice.documents";
+const DL_IOS = "944896972";
+const DL_URL = "oodocuments://openfile";
+
+const DeepLink = ({ fileInfo, logoUrls, userEmail }) => {
   const [isRemember, setIsRemember] = useState(false);
 
   const onChangeCheckbox = () => {
@@ -23,7 +28,12 @@ const DeepLink = ({ fileInfo, logoUrls }) => {
 
   const onOpenAppClick = () => {
     if (isRemember) localStorage.setItem("defaultOpenDocument", "app");
-    console.log("onOpenAppClick");
+    window.location = getDeepLink(
+      window.location.origin,
+      userEmail,
+      fileInfo,
+      DL_URL
+    );
   };
 
   const onStayBrowserClick = () => {

packages/editor/src/client/components/Editor.js

@@ -736,7 +736,13 @@ function Editor({
     );
 
   if (isShowDeepLink)
-    return <DeepLink fileInfo={fileInfo} logoUrls={logoUrls} />;
+    return (
+      <DeepLink
+        fileInfo={fileInfo}
+        logoUrls={logoUrls}
+        userEmail={user.email}
+      />
+    );
 
   return (
     <EditorWrapper

packages/editor/src/client/helpers/deepLinkHelper.js

@@ -0,0 +1,17 @@
+export const getDeepLink = (location, email, file, url) => {
+  const jsonData = {
+    portal: location,
+    email: email,
+    file: {
+      id: file.fileId,
+    },
+    folder: {
+      id: file.folderId,
+      parentId: file.rootFolderId,
+      rootFolderType: file.rootFolderType,
+    },
+  };
+  const deepLinkData = window.btoa(JSON.stringify(jsonData));
+
+  return `${url}?data=${deepLinkData}`;
+};