From 41497dccace7e25be7cb5d11d30e27b15bf6063d Mon Sep 17 00:00:00 2001
From: Pouya Mozaffar Magham <pouya.mozafar@gmail.com>
Date: Sun, 26 Mar 2023 08:12:41 +0330
Subject: [PATCH 1/3] Add share manager feature

---
 locales.js                                    |  18 +++
 .../Collabora/Iframe/LoaderForm.js}           |   2 +-
 src/components/main/Collabora/Iframe/index.js |  24 ++++
 .../ShareAccessManager/Modal/index.js         |  45 ++++++++
 .../ShareAccessManager/Modal/style.scss       |  75 ++++++++++++
 .../ShareAccessManager/assets/end.png         | Bin 0 -> 519 bytes
 .../ShareAccessManager/assets/share.png       | Bin 0 -> 523 bytes
 .../Collabora/ShareAccessManager/index.js     | 107 ++++++++++++++++++
 .../Collabora/ShareAccessManager/style.scss   |   4 +
 src/components/main/Collabora/index.js        |  11 ++
 .../shared/collaboraIframeHandler.js          |  50 ++++++++
 src/components/main/index.js                  |  23 +---
 src/index.js                                  |   2 +
 src/styles/_variables.scss                    |  23 +---
 src/styles/fonts.scss                         |  21 ++++
 15 files changed, 364 insertions(+), 41 deletions(-)
 rename src/components/{loaderForm/index.js => main/Collabora/Iframe/LoaderForm.js} (98%)
 create mode 100644 src/components/main/Collabora/Iframe/index.js
 create mode 100644 src/components/main/Collabora/ShareAccessManager/Modal/index.js
 create mode 100644 src/components/main/Collabora/ShareAccessManager/Modal/style.scss
 create mode 100644 src/components/main/Collabora/ShareAccessManager/assets/end.png
 create mode 100644 src/components/main/Collabora/ShareAccessManager/assets/share.png
 create mode 100644 src/components/main/Collabora/ShareAccessManager/index.js
 create mode 100644 src/components/main/Collabora/ShareAccessManager/style.scss
 create mode 100644 src/components/main/Collabora/index.js
 create mode 100644 src/components/main/Collabora/shared/collaboraIframeHandler.js
 create mode 100644 src/styles/fonts.scss

diff --git a/locales.js b/locales.js
index 20e6d11..9fcd0c1 100644
--- a/locales.js
+++ b/locales.js
@@ -7,6 +7,15 @@ export const en_EN = {
   LBL_SHOW_HIDE: 'Show/Hide',
   LBL_OPEN_FILE: 'Open File',
   LBL_QUIT: 'Quit',
+
+  LBL_SHARING_MODAL_TITLE: 'Share',
+  LBL_SHARING_MODAL_EMAIL_INPUT_LABEL: 'Enter the email(s) of the individuals you want to share the text with (separate each email with ,)',
+  LBL_SHARING_MODAL_SUBMIT_ACTION: 'Share',
+  LBL_SHARING_MODAL_CANCEL_ACTION: 'Cancel',
+  LBL_SHARING_START_SHARING_BUTTON: 'Start Sharing',
+  LBL_SHARING_END_SHARING_BUTTON: 'End Sharing',
+  LBL_SHARING_START_SHARING_ERROR: 'First end the current sharing.',
+  LBL_SHARING_END_SHARING_ERROR: 'First start.',
 };
 
 export const fa_FA = {
@@ -18,4 +27,13 @@ export const fa_FA = {
   LBL_SHOW_HIDE: 'نمایش/ پنهان',
   LBL_OPEN_FILE: 'باز کردن فایل',
   LBL_QUIT: 'خروج',
+
+  LBL_SHARING_MODAL_TITLE: 'اشتراک گذاری<',
+  LBL_SHARING_MODAL_EMAIL_INPUT_LABEL: 'ایمیل/ایمیل‌هایی که می‌خواهید متن با آنان به اشتراک گذاشته شود را وارد کنید. (برای جدا سازی چندین ایمیل از , استفاده کنید.)',
+  LBL_SHARING_MODAL_SUBMIT_ACTION: 'اشتراک گذاری',
+  LBL_SHARING_MODAL_CANCEL_ACTION: 'انصراف',
+  LBL_SHARING_START_SHARING_BUTTON: 'شروع اشتراک گذاری',
+  LBL_SHARING_END_SHARING_BUTTON: 'اتمام اشتراک گذاری',
+  LBL_SHARING_START_SHARING_ERROR: 'ابتدا اشتراک گذاری قبلی را پایان دهید',
+  LBL_SHARING_END_SHARING_ERROR: 'ابتدا اشتراک گذاری را شروع کنید.',
 };
diff --git a/src/components/loaderForm/index.js b/src/components/main/Collabora/Iframe/LoaderForm.js
similarity index 98%
rename from src/components/loaderForm/index.js
rename to src/components/main/Collabora/Iframe/LoaderForm.js
index 289812a..7e1eb59 100644
--- a/src/components/loaderForm/index.js
+++ b/src/components/main/Collabora/Iframe/LoaderForm.js
@@ -5,7 +5,7 @@ export default function LoaderForm(props) {
 
   useEffect(() => {
     formElem.current.submit();
-  });
+  }, []);
 
   return (
     <div style={{display: 'none'}}>
diff --git a/src/components/main/Collabora/Iframe/index.js b/src/components/main/Collabora/Iframe/index.js
new file mode 100644
index 0000000..0e439de
--- /dev/null
+++ b/src/components/main/Collabora/Iframe/index.js
@@ -0,0 +1,24 @@
+import React, {forwardRef, useEffect} from 'react';
+import collaboraIframeHandler from '../shared/collaboraIframeHandler';
+import LoaderForm from './LoaderForm';
+
+// eslint-disable-next-line react/display-name
+export default forwardRef(({wopiUrl, accessToken}, ref) => {
+  useEffect(() => {
+    collaboraIframeHandler.initialize(ref.current);
+  }, []);
+
+  return (
+    <div className="office_outerBox">
+      <div id="frameholder" className="office_frameholder">
+        <LoaderForm url={wopiUrl} token={accessToken} />
+        <iframe
+          ref={ref}
+          title="Collabora Online Viewer"
+          id="collabora-online-viewer"
+          name="collabora-online-viewer"
+        />
+      </div>
+    </div>
+  );
+});
diff --git a/src/components/main/Collabora/ShareAccessManager/Modal/index.js b/src/components/main/Collabora/ShareAccessManager/Modal/index.js
new file mode 100644
index 0000000..4c26ed1
--- /dev/null
+++ b/src/components/main/Collabora/ShareAccessManager/Modal/index.js
@@ -0,0 +1,45 @@
+import React, {useState} from 'react';
+import useCore from '../../../../../hooks/core';
+
+import './style.scss';
+
+export default function Modal({onSubmit, onCancel}) {
+  const {_} = useCore();
+
+  function handleOnSubmit(e) {
+    e.preventDefault();
+
+    onSubmit(emails);
+  }
+
+  const [emails, setEmails] = useState('');
+
+  return (
+    <div className='ShareAccessManagerModal'>
+      <div className='ShareAccessManagerModal__content'>
+        <header className='ShareAccessManagerModal__header'>
+          <h2 className='ShareAccessManagerModal__header-title'>
+            {_('LBL_SHARING_MODAL_TITLE')}
+          </h2>
+        </header>
+        <form onSubmit={handleOnSubmit}>
+          <div className='ShareAccessManagerModal__form-field'>
+            <label htmlFor="emails">
+              {_('LBL_SHARING_MODAL_EMAIL_INPUT_LABEL')}
+            </label>
+            <input className='ShareAccessManagerModal__form-field-input' value={emails} onChange={(e)=>setEmails(e.target.value)} id="emails" />
+          </div>
+
+          <div className='ShareAccessManagerModal__form-actions'>
+            <button className='ShareAccessManagerModal__form-action ShareAccessManagerModal__form-action--primary' type="submit">
+              {_('LBL_SHARING_MODAL_SUBMIT_ACTION')}
+            </button>
+            <button className='ShareAccessManagerModal__form-action ShareAccessManagerModal__form-action--cancel' onClick={onCancel}>
+              {_('LBL_SHARING_MODAL_CANCEL_ACTION')}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/main/Collabora/ShareAccessManager/Modal/style.scss b/src/components/main/Collabora/ShareAccessManager/Modal/style.scss
new file mode 100644
index 0000000..27cfcf8
--- /dev/null
+++ b/src/components/main/Collabora/ShareAccessManager/Modal/style.scss
@@ -0,0 +1,75 @@
+@import '../../../../../styles/variables';
+
+.ShareAccessManagerModal {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+
+  background-color: rgba(0,0,0,0.5);
+  
+  &__content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    margin: auto;
+    width: 100%;
+    max-width: 400px;
+    background-color: white;
+
+    padding: 10px;
+    box-sizing: border-box;
+  }
+
+  &__header {
+    text-align: center;
+
+    margin-bottom: 15px;
+  }
+
+  &__form-field {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    &-input {
+      padding: 5px;
+    }
+  }
+
+  &__form-actions {
+    display: flex;
+    gap: 10px;
+    margin-top: 15px;
+  }
+
+  &__form-action {
+    background-color: transparent;
+    border: none;
+    transition: all 300ms ease-in-out;
+    font-family: 'Vazir';
+    font-weight: 700;
+    border-radius: 40px;
+    cursor: pointer;
+    padding: 5px 20px;
+
+    &--primary {
+      background-color: $primary-color;
+      color: white;
+    }
+
+    &--cancel {
+      color: $danger-color;
+      background-color: white;
+    }
+
+    &:hover {
+      transform: scale(1.1);
+    }
+    &:active {
+      transform: scale(0.95);
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/components/main/Collabora/ShareAccessManager/assets/end.png b/src/components/main/Collabora/ShareAccessManager/assets/end.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa377d1bc5e53574351c1605bde725bb059214c2
GIT binary patch
literal 519
zcmV+i0{H!jP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00004b3#c}2nYxW
zd<bNS00009a7bBm00027000270mdy!jQ{`u8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10fb3JK~zYIwbi>$R8bTL;BQ7qrm!?bL*N1EG;zRa>?ptv3h)8+
z6)a4=@Brvbm>9Jc2v8YYX$Y5sU_*sO6SWwK2^M>uWY0LlncJW2WM{3l|9_voE{AfM
z!Ww?ZTEk??vzKBXr`W|aJjY(x=KDc@hIgoC_FCA^dJ!qe-($Fq{|esV4<7cLyeE;e
z<Xwq$O5Tx3x8$Wn@@g6Cg1o?xHq|vH)pSn&8sB4WU>sj@3pa3pQ9Q;sY=$ovIYph+
zmAjhjd;{Bff|&?B#}4kqzK&&_;0u0WB+l2ckJT#f;Vl|1pF4v4ILd4jc-j(of@xgE
zY}gvXdAAydivQz0+keD^HZhep92KbIGZr;J5gg-_^!^2wu+<WGO?uK_aRI@#5ZosH
zo8(uTlRPRV_PUhJLyX~(l;m~XjI()?Zx^>1Xqgt63&#foXtZ8MI+{nFigYzm%ZlXW
zi)G2niu6QYV4%Ou0&`O9@8JbrN^_<WzP_N2Rs4*#B5R_H@E2j{eW#<t1C{^)002ov
JPDHLkV1o2H;u-(|

literal 0
HcmV?d00001

diff --git a/src/components/main/Collabora/ShareAccessManager/assets/share.png b/src/components/main/Collabora/ShareAccessManager/assets/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..8aa4f80ca10d5a72479fbf0da8523a1dd9e53f3f
GIT binary patch
literal 523
zcmV+m0`&cfP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00004b3#c}2nYxW
zd<bNS00009a7bBm0001m0001m0pjfc!2kdN8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10f<RNK~zYIt<}3~R#6ZI;4g}3B^Dwm3SQs9QVScg^Afa-5id<%
zASsj(6dO^nvr_a4G=CKc#0zR+l_(|;ptdOjF-DEW%#q(MnsD}6&74^W);eeQ%xvm0
zjCrhJ0hc<^{Ecy};Tf*uY337Mh#$f#ZWa7Q@<(b7hQ-(JF8E!^UxrN;28$WD7W}r1
zs}<Tdi<+<DN#+gz2uuF{vkl`Y-r*-^GJZ(m_xOP;ZG^YuKE8{#JdylK(M5BZ#IgU0
zoWomu!7H3k{sKN>S(K)%`-U(kYC40vc%Aud#wi?bBTV%4H{9vt2Jj%oN7@QExRydY
z3;sazr`rmbb1=|WXgz~zQKHepY%HJmc40Ou%JBmC@J5G++~8~qf5uA;Cf`Y$u7`gO
z+9~wJp!IOP)~J6~JkK~MR>iDX6<2Fb`j_2fe=fU+V%hDfH93<8`wM<w@<Y_!2RkyZ
z6nv9!sn7-o#q8WJ_?zOgscvbwA<EGcXEK@jco*UghVT(zGhXa}`3s~^WxrMFUoZdw
N002ovPDHLkV1mj(<A(qM

literal 0
HcmV?d00001

diff --git a/src/components/main/Collabora/ShareAccessManager/index.js b/src/components/main/Collabora/ShareAccessManager/index.js
new file mode 100644
index 0000000..c8015f4
--- /dev/null
+++ b/src/components/main/Collabora/ShareAccessManager/index.js
@@ -0,0 +1,107 @@
+import React, {useEffect, useRef, useState} from 'react';
+import Modal from './Modal';
+
+import './style.scss';
+import share from './assets/share.png';
+import endShare from './assets/end.png';
+import useCore from '../../../../hooks/core';
+import collaboraIframeHandler from '../shared/collaboraIframeHandler';
+
+
+function getPostMessageContent(sharingValue) {
+  const SHARE_PREFIX = 'SHARE_PREF_';
+  const UNO_COMMAND = '.uno:InsertBookmark';
+
+  return {'MessageId': 'Send_UNO_Command',
+    'Values': {
+      'command': UNO_COMMAND,
+      'args': {
+        'Bookmark': {
+          'type': 'string',
+          'value': `${SHARE_PREFIX}${sharingValue}`
+        },
+        'BookmarkText': {
+          'type': 'string',
+          'value': ''
+        }
+      }
+    }
+  };
+}
+
+export default function ShareFileManager({children}) {
+  const {_} = useCore();
+  const iframeRef = useRef(null);
+  const [hasSharingStarted, setHasSharingStarted] = useState(false);
+  const [shouldShowSharingModal, setShouldShowSharingModal] = useState(false);
+  const currentSharingId = useRef(null);
+
+  useEffect(() => {
+    collaboraIframeHandler.onReady(()=>{
+      collaboraIframeHandler.postMessage(iframeRef.current, {'MessageId': 'Insert_Button',
+        'Values': {'id': 'startSharing', 'imgurl': share, 'hint': '', 'mobile': false, 'label': _('LBL_SHARING_START_SHARING_BUTTON'), 'insertBefore': 'Save'}
+      });
+      collaboraIframeHandler.postMessage(iframeRef.current, {'MessageId': 'Insert_Button',
+        'Values': {'id': 'endSharing', 'imgurl': endShare, 'hint': '', 'mobile': false, 'label': _('LBL_SHARING_END_SHARING_BUTTON'), 'insertBefore': 'Save'}
+      });
+    });
+
+    collaboraIframeHandler.onMessage((msg)=>{
+      if(msg.MessageId === 'Clicked_Button' && msg.Values?.Id === 'startSharing') {
+        if(hasSharingStarted) {
+          alert(_('LBL_SHARING_START_SHARING_ERROR'));
+          return;
+        }
+
+        startSharing();
+        return;
+      }
+
+      if(msg.MessageId === 'Clicked_Button' && msg.Values?.Id === 'endSharing') {
+        if(!hasSharingStarted) {
+          alert(_('LBL_SHARING_END_SHARING_ERROR'));
+          return;
+        }
+
+        const postMessageContent = getPostMessageContent(`END_${currentSharingId.current}`);
+        collaboraIframeHandler.postMessage(iframeRef.current, postMessageContent);
+
+        endSharing();
+      }
+    });
+  }, []);
+
+  function startSharing() {
+    setHasSharingStarted(true);
+    setShouldShowSharingModal(true);
+    currentSharingId.current = Math.random().toString(36).substring(2, 12);
+  }
+
+  function endSharing() {
+    setHasSharingStarted(false);
+
+    currentSharingId.current = null;
+  }
+
+  function handleModalCancel() {
+    setShouldShowSharingModal(false);
+
+    endSharing();
+  }
+
+  function handleModalSubmit(emails) {
+    setShouldShowSharingModal(false);
+
+    const postMessageContent = getPostMessageContent(`START_${currentSharingId.current}_${emails}`);
+    collaboraIframeHandler.postMessage(iframeRef.current, postMessageContent);
+
+    endSharing();
+  }
+
+  const modalContent = shouldShowSharingModal ? <Modal onSubmit={handleModalSubmit} onCancel={handleModalCancel} /> : null;
+
+  return <div className="ShareAccessManager">
+    {modalContent}
+    {children(iframeRef)}
+  </div>;
+}
diff --git a/src/components/main/Collabora/ShareAccessManager/style.scss b/src/components/main/Collabora/ShareAccessManager/style.scss
new file mode 100644
index 0000000..e8e699d
--- /dev/null
+++ b/src/components/main/Collabora/ShareAccessManager/style.scss
@@ -0,0 +1,4 @@
+.ShareAccessManager {
+  height: 100%;
+  position: relative;
+}
\ No newline at end of file
diff --git a/src/components/main/Collabora/index.js b/src/components/main/Collabora/index.js
new file mode 100644
index 0000000..55218db
--- /dev/null
+++ b/src/components/main/Collabora/index.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import Iframe from './Iframe';
+import ShareFileManager from './ShareAccessManager';
+
+export default function Collabora({accessToken, wopiUrl}) {
+  return (
+    <ShareFileManager>
+      {(ref) => <Iframe ref={ref} accessToken={accessToken} wopiUrl={wopiUrl} />}
+    </ShareFileManager>
+  );
+}
diff --git a/src/components/main/Collabora/shared/collaboraIframeHandler.js b/src/components/main/Collabora/shared/collaboraIframeHandler.js
new file mode 100644
index 0000000..91126ff
--- /dev/null
+++ b/src/components/main/Collabora/shared/collaboraIframeHandler.js
@@ -0,0 +1,50 @@
+const onReadyCBs = [];
+const onMessageCbs = [];
+
+const collaboraIframeHandler = {
+  isReady: false,
+  initialize(iframe) {
+    window.addEventListener('message', (event)=>{
+      try {
+        const msg = JSON.parse(event.data);
+
+        if (!msg) {
+          return;
+        }
+
+        if (msg.MessageId === 'App_LoadingStatus' && msg.Values?.Status === 'Document_Loaded') {
+          this.postMessage(iframe, {'MessageId': 'Host_PostmessageReady'});
+
+          this.isReady = true;
+          onReadyCBs.forEach(cb => cb());
+          return;
+        }
+
+        onMessageCbs.forEach(cb => cb(msg));
+      } catch (e) {
+        // Not a Collabora message
+        console.error(e.message);
+      }
+    }, false);
+  },
+  onReady(cb) {
+    if(!this.isReady) {
+      onReadyCBs.push(cb);
+      return;
+    }
+
+    cb();
+  },
+  onMessage(cb) {
+    onMessageCbs.push(cb);
+  },
+  postMessage(iframe, data) {
+    if(!iframe) {
+      return;
+    }
+    console.log(data);
+    iframe.contentWindow.postMessage(JSON.stringify(data), '*');
+  }
+};
+
+export default collaboraIframeHandler;
diff --git a/src/components/main/index.js b/src/components/main/index.js
index eb5ffd5..c622c3f 100644
--- a/src/components/main/index.js
+++ b/src/components/main/index.js
@@ -1,11 +1,11 @@
 import React, {useEffect, useState} from 'react';
-import LoaderForm from '../loaderForm';
 import axios from 'axios';
 import useCore from '../../hooks/core';
 import {useCustomDialog} from '../../hooks/customDialog';
 import './index.scss';
 import CreateFile from '../createFile';
 import BrowseFile from '../browseFile';
+import Collabora from './Collabora';
 
 export default function Main(props) {
   const [filePath, setFilePath] = useState(props.data ? props.data.path : null);
@@ -20,8 +20,7 @@ export default function Main(props) {
   const [urlSrc, setUrlSrc] = useState(null);
   const [wopiUrl, setWopiUrl] = useState('');
   const [accessToken, setAccessToken] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const iframeRef = React.useRef();
+  const [isLoaded, setIsLoaded] = useState(false);
 
   let tray = null;
 
@@ -135,27 +134,15 @@ export default function Main(props) {
         const locationOrigin = window.location.origin;
         const wopiSrc = `${locationOrigin}/wopi/files/${fileId}`;
         setWopiUrl(`${urlSrc}WOPISrc=${wopiSrc}`);
-        setLoading(true);
+        setIsLoaded(true);
       })
       .catch((error) => {
         console.log(error);
       });
   }
 
-  if (loading) {
-    return (
-      <div className="office_outerBox">
-        <div id="frameholder" className="office_frameholder">
-          <LoaderForm url={wopiUrl} token={accessToken} />
-          <iframe
-            ref={iframeRef}
-            title="Collabora Online Viewer"
-            id="collabora-online-viewer"
-            name="collabora-online-viewer"
-          />
-        </div>
-      </div>
-    );
+  if (isLoaded) {
+    return <Collabora accessToken={accessToken} wopiUrl={wopiUrl} />;
   }
 
   return (
diff --git a/src/index.js b/src/index.js
index 5fcbcfe..932a7e8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,6 +2,8 @@ import React from 'react';
 import {CoreProvider} from './hooks/core';
 import Main from './components/main';
 
+import './styles/fonts.scss';
+
 export default function App(props) {
   return (
     <CoreProvider core={props.core} proc={props.proc} win={props.win}>
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index a1cfb3f..7936be9 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -1,24 +1,3 @@
 $primary-color: #1430af;
 $secondary-color: #37d5d6;
-
-@font-face {
-  font-family: Vazir;
-  font-style: normal;
-  font-weight: normal;
-  src: url('../../fonts/vaziri/Vazir.eot');
-  src: url('../../fonts/vaziri/Vazir.eot?#iefix') format('embedded-opentype');
-  src: url('../../fonts/vaziri/Vazir.woff2') format('woff2');
-  src: url('../../fonts/vaziri/Vazir.woff') format('woff');
-  src: url('../../fonts/vaziri/Vazir.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: Vazir;
-  font-style: normal;
-  font-weight: bold;
-  src: url('../../fonts/vaziri/Vazir-Bold.eot');
-  src: url('../../fonts/vaziri/Vazir-Bold.eot?#iefix') format('embedded-opentype');
-  src: url('../../fonts/vaziri/Vazir-Bold.woff2') format('woff2');
-  src: url('../../fonts/vaziri/Vazir-Bold.woff') format('woff');
-  src: url('../../fonts/vaziri/Vazir-Bold.ttf') format('truetype');
-}
+$danger-color: #c0392b;
diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss
new file mode 100644
index 0000000..7ecdf90
--- /dev/null
+++ b/src/styles/fonts.scss
@@ -0,0 +1,21 @@
+@font-face {
+  font-family: Vazir;
+  font-style: normal;
+  font-weight: normal;
+  src: url('../fonts/vaziri/Vazir.eot');
+  src: url('../fonts/vaziri/Vazir.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/vaziri/Vazir.woff2') format('woff2');
+  src: url('../fonts/vaziri/Vazir.woff') format('woff');
+  src: url('../fonts/vaziri/Vazir.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: Vazir;
+  font-style: normal;
+  font-weight: bold;
+  src: url('../fonts/vaziri/Vazir-Bold.eot');
+  src: url('../fonts/vaziri/Vazir-Bold.eot?#iefix') format('embedded-opentype');
+  src: url('../fonts/vaziri/Vazir-Bold.woff2') format('woff2');
+  src: url('../fonts/vaziri/Vazir-Bold.woff') format('woff');
+  src: url('../fonts/vaziri/Vazir-Bold.ttf') format('truetype');
+}
\ No newline at end of file

From 260e9cb8e1e863393f6aeb0fc1822c46047c55c4 Mon Sep 17 00:00:00 2001
From: Pouya Mozaffar Magham <pouya.mozafar@gmail.com>
Date: Sun, 26 Mar 2023 10:19:44 +0330
Subject: [PATCH 2/3] Merge the starting and end sharing process

---
 locales.js                                    |  12 ++---
 .../ShareAccessManager/assets/end.png         | Bin 519 -> 0 bytes
 .../Collabora/ShareAccessManager/index.js     |  50 ++----------------
 3 files changed, 6 insertions(+), 56 deletions(-)
 delete mode 100644 src/components/main/Collabora/ShareAccessManager/assets/end.png

diff --git a/locales.js b/locales.js
index 9fcd0c1..4db2020 100644
--- a/locales.js
+++ b/locales.js
@@ -12,10 +12,7 @@ export const en_EN = {
   LBL_SHARING_MODAL_EMAIL_INPUT_LABEL: 'Enter the email(s) of the individuals you want to share the text with (separate each email with ,)',
   LBL_SHARING_MODAL_SUBMIT_ACTION: 'Share',
   LBL_SHARING_MODAL_CANCEL_ACTION: 'Cancel',
-  LBL_SHARING_START_SHARING_BUTTON: 'Start Sharing',
-  LBL_SHARING_END_SHARING_BUTTON: 'End Sharing',
-  LBL_SHARING_START_SHARING_ERROR: 'First end the current sharing.',
-  LBL_SHARING_END_SHARING_ERROR: 'First start.',
+  LBL_SHARING_BUTTON: 'Share',
 };
 
 export const fa_FA = {
@@ -28,12 +25,9 @@ export const fa_FA = {
   LBL_OPEN_FILE: 'باز کردن فایل',
   LBL_QUIT: 'خروج',
 
-  LBL_SHARING_MODAL_TITLE: 'اشتراک گذاری<',
+  LBL_SHARING_MODAL_TITLE: 'اشتراک گذاری',
   LBL_SHARING_MODAL_EMAIL_INPUT_LABEL: 'ایمیل/ایمیل‌هایی که می‌خواهید متن با آنان به اشتراک گذاشته شود را وارد کنید. (برای جدا سازی چندین ایمیل از , استفاده کنید.)',
   LBL_SHARING_MODAL_SUBMIT_ACTION: 'اشتراک گذاری',
   LBL_SHARING_MODAL_CANCEL_ACTION: 'انصراف',
-  LBL_SHARING_START_SHARING_BUTTON: 'شروع اشتراک گذاری',
-  LBL_SHARING_END_SHARING_BUTTON: 'اتمام اشتراک گذاری',
-  LBL_SHARING_START_SHARING_ERROR: 'ابتدا اشتراک گذاری قبلی را پایان دهید',
-  LBL_SHARING_END_SHARING_ERROR: 'ابتدا اشتراک گذاری را شروع کنید.',
+  LBL_SHARING_BUTTON: 'اشتراک گذاری',
 };
diff --git a/src/components/main/Collabora/ShareAccessManager/assets/end.png b/src/components/main/Collabora/ShareAccessManager/assets/end.png
deleted file mode 100644
index fa377d1bc5e53574351c1605bde725bb059214c2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 519
zcmV+i0{H!jP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00004b3#c}2nYxW
zd<bNS00009a7bBm00027000270mdy!jQ{`u8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10fb3JK~zYIwbi>$R8bTL;BQ7qrm!?bL*N1EG;zRa>?ptv3h)8+
z6)a4=@Brvbm>9Jc2v8YYX$Y5sU_*sO6SWwK2^M>uWY0LlncJW2WM{3l|9_voE{AfM
z!Ww?ZTEk??vzKBXr`W|aJjY(x=KDc@hIgoC_FCA^dJ!qe-($Fq{|esV4<7cLyeE;e
z<Xwq$O5Tx3x8$Wn@@g6Cg1o?xHq|vH)pSn&8sB4WU>sj@3pa3pQ9Q;sY=$ovIYph+
zmAjhjd;{Bff|&?B#}4kqzK&&_;0u0WB+l2ckJT#f;Vl|1pF4v4ILd4jc-j(of@xgE
zY}gvXdAAydivQz0+keD^HZhep92KbIGZr;J5gg-_^!^2wu+<WGO?uK_aRI@#5ZosH
zo8(uTlRPRV_PUhJLyX~(l;m~XjI()?Zx^>1Xqgt63&#foXtZ8MI+{nFigYzm%ZlXW
zi)G2niu6QYV4%Ou0&`O9@8JbrN^_<WzP_N2Rs4*#B5R_H@E2j{eW#<t1C{^)002ov
JPDHLkV1o2H;u-(|

diff --git a/src/components/main/Collabora/ShareAccessManager/index.js b/src/components/main/Collabora/ShareAccessManager/index.js
index c8015f4..e8a5f4a 100644
--- a/src/components/main/Collabora/ShareAccessManager/index.js
+++ b/src/components/main/Collabora/ShareAccessManager/index.js
@@ -3,7 +3,6 @@ import Modal from './Modal';
 
 import './style.scss';
 import share from './assets/share.png';
-import endShare from './assets/end.png';
 import useCore from '../../../../hooks/core';
 import collaboraIframeHandler from '../shared/collaboraIframeHandler';
 
@@ -20,10 +19,6 @@ function getPostMessageContent(sharingValue) {
           'type': 'string',
           'value': `${SHARE_PREFIX}${sharingValue}`
         },
-        'BookmarkText': {
-          'type': 'string',
-          'value': ''
-        }
       }
     }
   };
@@ -32,70 +27,31 @@ function getPostMessageContent(sharingValue) {
 export default function ShareFileManager({children}) {
   const {_} = useCore();
   const iframeRef = useRef(null);
-  const [hasSharingStarted, setHasSharingStarted] = useState(false);
   const [shouldShowSharingModal, setShouldShowSharingModal] = useState(false);
-  const currentSharingId = useRef(null);
 
   useEffect(() => {
     collaboraIframeHandler.onReady(()=>{
       collaboraIframeHandler.postMessage(iframeRef.current, {'MessageId': 'Insert_Button',
-        'Values': {'id': 'startSharing', 'imgurl': share, 'hint': '', 'mobile': false, 'label': _('LBL_SHARING_START_SHARING_BUTTON'), 'insertBefore': 'Save'}
-      });
-      collaboraIframeHandler.postMessage(iframeRef.current, {'MessageId': 'Insert_Button',
-        'Values': {'id': 'endSharing', 'imgurl': endShare, 'hint': '', 'mobile': false, 'label': _('LBL_SHARING_END_SHARING_BUTTON'), 'insertBefore': 'Save'}
+        'Values': {'id': 'startSharing', 'imgurl': share, 'hint': '', 'mobile': false, 'label': _('LBL_SHARING_BUTTON'), 'insertBefore': 'Save'}
       });
     });
 
     collaboraIframeHandler.onMessage((msg)=>{
       if(msg.MessageId === 'Clicked_Button' && msg.Values?.Id === 'startSharing') {
-        if(hasSharingStarted) {
-          alert(_('LBL_SHARING_START_SHARING_ERROR'));
-          return;
-        }
-
-        startSharing();
-        return;
-      }
-
-      if(msg.MessageId === 'Clicked_Button' && msg.Values?.Id === 'endSharing') {
-        if(!hasSharingStarted) {
-          alert(_('LBL_SHARING_END_SHARING_ERROR'));
-          return;
-        }
-
-        const postMessageContent = getPostMessageContent(`END_${currentSharingId.current}`);
-        collaboraIframeHandler.postMessage(iframeRef.current, postMessageContent);
-
-        endSharing();
+        setShouldShowSharingModal(true);
       }
     });
   }, []);
 
-  function startSharing() {
-    setHasSharingStarted(true);
-    setShouldShowSharingModal(true);
-    currentSharingId.current = Math.random().toString(36).substring(2, 12);
-  }
-
-  function endSharing() {
-    setHasSharingStarted(false);
-
-    currentSharingId.current = null;
-  }
-
   function handleModalCancel() {
     setShouldShowSharingModal(false);
-
-    endSharing();
   }
 
   function handleModalSubmit(emails) {
     setShouldShowSharingModal(false);
 
-    const postMessageContent = getPostMessageContent(`START_${currentSharingId.current}_${emails}`);
+    const postMessageContent = getPostMessageContent(`[${emails}]`);
     collaboraIframeHandler.postMessage(iframeRef.current, postMessageContent);
-
-    endSharing();
   }
 
   const modalContent = shouldShowSharingModal ? <Modal onSubmit={handleModalSubmit} onCancel={handleModalCancel} /> : null;

From b4b41b5c096ffc6cb491615a226a8e29fd4943ea Mon Sep 17 00:00:00 2001
From: Pouya Mozaffar Magham <pouya.mozafar@gmail.com>
Date: Sun, 26 Mar 2023 10:20:41 +0330
Subject: [PATCH 3/3] Change of the UNO postMessage casing to PascalCase

---
 src/components/main/Collabora/ShareAccessManager/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/main/Collabora/ShareAccessManager/index.js b/src/components/main/Collabora/ShareAccessManager/index.js
index e8a5f4a..fe4a22a 100644
--- a/src/components/main/Collabora/ShareAccessManager/index.js
+++ b/src/components/main/Collabora/ShareAccessManager/index.js
@@ -13,8 +13,8 @@ function getPostMessageContent(sharingValue) {
 
   return {'MessageId': 'Send_UNO_Command',
     'Values': {
-      'command': UNO_COMMAND,
-      'args': {
+      'Command': UNO_COMMAND,
+      'Args': {
         'Bookmark': {
           'type': 'string',
           'value': `${SHARE_PREFIX}${sharingValue}`