try gitpod with vnc

.circleci/config.yml

@@ -39,7 +39,7 @@ commands:
     steps:
       - add_ssh_keys:
           fingerprints:
-            - "03:1c:a7:07:35:bc:57:e4:1d:6c:e1:2c:4b:be:09:6d"
+            - "59:4d:99:5e:1c:6d:30:36:6d:60:76:88:ff:a7:ab:63"
       - run:
           name: Clone the mobile private repo
           command: git clone git@github.com:mattermost/mattermost-mobile-private.git ~/mattermost-mobile-private
@@ -111,9 +111,7 @@ commands:
           key: v2-npm-{{ checksum "package.json" }}-{{ arch }}
       - run:
           name: Getting JavaScript dependencies
-          command: |
-            NODE_ENV=development npm ci --ignore-scripts
-            node node_modules/\@sentry/cli/scripts/install.js
+          command: NODE_ENV=development npm ci --ignore-scripts
       - save_cache:
           name: Save npm cache
           key: v2-npm-{{ checksum "package.json" }}-{{ arch }}
@@ -309,13 +307,13 @@ jobs:
       - save:
           filename: "*.apk"
 
-  build-android-release:
-    executor: android
-    steps:
-      - build-android
-      - persist
-      - save:
-          filename: "*.apk"
+  # build-android-release:
+  #   executor: android
+  #   steps:
+  #     - build-android
+  #     - persist
+  #     - save:
+  #         filename: "*.apk"
 
   build-android-pr:
     executor: android
@@ -326,27 +324,27 @@ jobs:
       - save:
           filename: "*.apk"
 
-  build-android-unsigned:
-    executor: android
-    steps:
-      - checkout:
-          path: ~/mattermost-mobile
-      - npm-dependencies
-      - assets
-      - fastlane-dependencies:
-          for: android
-      - gradle-dependencies
-      - run:
-          name: Jetify Android libraries
-          command: ./node_modules/.bin/jetify
-      - run:
-          working_directory: fastlane
-          name: Run fastlane to build unsigned android
-          no_output_timeout: 30m
-          command: bundle exec fastlane android unsigned
-      - persist
-      - save:
-          filename: "*.apk"
+  # build-android-unsigned:
+  #   executor: android
+  #   steps:
+  #     - checkout:
+  #         path: ~/mattermost-mobile
+  #     - npm-dependencies
+  #     - assets
+  #     - fastlane-dependencies:
+  #         for: android
+  #     - gradle-dependencies
+  #     - run:
+  #         name: Jetify Android libraries
+  #         command: ./node_modules/.bin/jetify
+  #     - run:
+  #         working_directory: fastlane
+  #         name: Run fastlane to build unsigned android
+  #         no_output_timeout: 30m
+  #         command: bundle exec fastlane android unsigned
+  #     - persist
+  #     - save:
+  #         filename: "*.apk"
 
   build-ios-beta:
     executor:
@@ -358,13 +356,13 @@ jobs:
       - save:
           filename: "*.ipa"
 
-  build-ios-release:
-    executor: ios
-    steps:
-      - build-ios
-      - persist
-      - save:
-          filename: "*.ipa"
+  # build-ios-release:
+  #   executor: ios
+  #   steps:
+  #     - build-ios
+  #     - persist
+  #     - save:
+  #         filename: "*.ipa"
 
   build-ios-pr:
     executor: ios
@@ -375,64 +373,63 @@ jobs:
       - save:
           filename: "*.ipa"
 
-  build-ios-unsigned:
-    executor: ios
-    steps:
-      - checkout:
-          path: ~/mattermost-mobile
-      - npm-dependencies
-      - pods-dependencies
-      - assets
-      - fastlane-dependencies:
-          for: ios
-      - run:
-          working_directory: fastlane
-          name: Run fastlane to build unsigned iOS
-          no_output_timeout: 30m
-          command: |
-            HOMEBREW_NO_AUTO_UPDATE=1 brew install watchman
-            bundle exec fastlane ios unsigned
-      - persist_to_workspace:
-          root: ~/
-          paths:
-            - mattermost-mobile/*.ipa
-      - save:
-          filename: "*.ipa"
+  # build-ios-unsigned:
+  #   executor: ios
+  #   steps:
+  #     - checkout:
+  #         path: ~/mattermost-mobile
+  #     - npm-dependencies
+  #     - pods-dependencies
+  #     - assets
+  #     - fastlane-dependencies:
+  #         for: ios
+  #     - run:
+  #         working_directory: fastlane
+  #         name: Run fastlane to build unsigned iOS
+  #         no_output_timeout: 30m
+  #         command: |
+  #           HOMEBREW_NO_AUTO_UPDATE=1 brew install watchman
+  #           bundle exec fastlane ios unsigned
+  #     - persist_to_workspace:
+  #         root: ~/
+  #         paths:
+  #           - mattermost-mobile/*.ipa
+  #     - save:
+  #         filename: "*.ipa"
 
-  build-ios-simulator:
-    executor: ios
-    steps:
-      - checkout:
-          path: ~/mattermost-mobile
-      - npm-dependencies
-      - pods-dependencies
-      - assets
-      - fastlane-dependencies:
-          for: ios
-      - run:
-          working_directory: fastlane
-          name: Run fastlane to build unsigned x86_64 iOS app for iPhone simulator
-          no_output_timeout: 30m
-          command: |
-            HOMEBREW_NO_AUTO_UPDATE=1 brew install watchman
-            bundle exec fastlane ios simulator
-      - persist_to_workspace:
-          root: ~/
-          paths:
-            - mattermost-mobile/Mattermost-simulator-x86_64.app.zip
-      - save:
-          filename: "Mattermost-simulator-x86_64.app.zip"
+  # build-ios-simulator:
+  #   executor: ios
+  #   steps:
+  #     - checkout:
+  #         path: ~/mattermost-mobile
+  #     - npm-dependencies
+  #     - pods-dependencies
+  #     - assets
+  #     - fastlane-dependencies:
+  #         for: ios
+  #     - run:
+  #         working_directory: fastlane
+  #         name: Run fastlane to build unsigned x86_64 iOS app for iPhone simulator
+  #         no_output_timeout: 30m
+  #         command: |
+  #           HOMEBREW_NO_AUTO_UPDATE=1 brew install watchman
+  #           bundle exec fastlane ios simulator
+  #     - persist_to_workspace:
+  #         root: ~/
+  #         paths:
+  #           - mattermost-mobile/Mattermost-simulator-x86_64.app.zip
+  #     - save:
+  #         filename: "Mattermost-simulator-x86_64.app.zip"
 
-  deploy-android-release:
-    executor:
-      name: android
-      resource_class: medium
-    steps:
-      - deploy-to-store:
-          task: "Deploy to Google Play"
-          target: android
-          file: "*.apk"
-          env: "SUPPLY_TRACK=beta"
+  # deploy-android-release:
+  #   executor:
+  #     name: android
+  #     resource_class: medium
+  #   steps:
+  #     - deploy-to-store:
+  #         task: "Deploy to Google Play"
+  #         target: android
+  #         file: "*.apk"
 
   deploy-android-beta:
     executor:
@@ -445,14 +442,13 @@ jobs:
           file: "*.apk"
           env: "SUPPLY_TRACK=alpha"
 
-  deploy-ios-release:
-    executor: ios
-    steps:
-      - deploy-to-store:
-          task: "Deploy to TestFlight"
-          target: ios
-          file: "*.ipa"
-          env: ""
+  # deploy-ios-release:
+  #   executor: ios
+  #   steps:
+  #     - deploy-to-store:
+  #         task: "Deploy to TestFlight"
+  #         target: ios
+  #         file: "*.ipa"
 
   deploy-ios-beta:
     executor: ios
@@ -463,17 +459,17 @@ jobs:
           file: "*.ipa"
           env: ""
 
-  github-release:
-    executor:
-      name: android
-      resource_class: medium
-    steps:
-      - attach_workspace:
-          at: ~/
-      - run:
-          name: Create GitHub release
-          working_directory: fastlane
-          command: bundle exec fastlane github
+  # github-release:
+  #   executor:
+  #     name: android
+  #     resource_class: medium
+  #   steps:
+  #     - attach_workspace:
+  #         at: ~/
+  #     - run:
+  #         name: Create GitHub release
+  #         working_directory: fastlane
+  #         command: bundle exec fastlane github
 
 workflows:
   version: 2
@@ -485,24 +481,26 @@ workflows:
       #     requires:
       #       - test
 
-      - build-android-release:
-          context: mattermost-mobile-android-release
-          requires:
-            - test
-          filters:
-            branches:
-              only:
-                - /^build-release-\d+$/
-                - /^build-android-release-\d+$/
-      - deploy-android-release:
-          context: mattermost-mobile-android-release
-          requires:
-            - build-android-release
-          filters:
-            branches:
-              only:
-                - /^build-release-\d+$/
-                - /^build-android-release-\d+$/
+      # - build-android-release:
+      #     context: mattermost-mobile-android-release
+      #     requires:
+      #       - test
+      #     filters:
+      #       branches:
+      #         only:
+      #           - /^build-\d+$/
+      #           - /^build-android-\d+$/
+      #           - /^build-android-release-\d+$/
+      # - deploy-android-release:
+      #     context: mattermost-mobile-android-release
+      #     requires:
+      #       - build-android-release
+      #     filters:
+      #       branches:
+      #         only:
+      #           - /^build-\d+$/
+      #           - /^build-android-\d+$/
+      #           - /^build-android-release-\d+$/
 
       - build-android-beta:
           context: mattermost-mobile-android-beta
@@ -523,24 +521,26 @@ workflows:
                 - /^build-android-\d+$/
                 - /^build-android-beta-\d+$/
 
-      - build-ios-release:
-          context: mattermost-mobile-ios-release
-          requires:
-            - test
-          filters:
-            branches:
-              only:
-                - /^build-release-\d+$/
-                - /^build-ios-release-\d+$/
-      - deploy-ios-release:
-          context: mattermost-mobile-ios-release
-          requires:
-            - build-ios-release
-          filters:
-            branches:
-              only:
-                - /^build-release-\d+$/
-                - /^build-ios-release-\d+$/
+      # - build-ios-release:
+      #     context: mattermost-mobile-ios-release
+      #     requires:
+      #       - test
+      #     filters:
+      #       branches:
+      #         only:
+      #           - /^build-\d+$/
+      #           - /^build-ios-\d+$/
+      #           - /^build-ios-release-\d+$/
+      # - deploy-ios-release:
+      #     context: mattermost-mobile-ios-release
+      #     requires:
+      #       - build-ios-release
+      #     filters:
+      #       branches:
+      #         only:
+      #           - /^build-\d+$/
+      #           - /^build-ios-\d+$/
+      #           - /^build-ios-release-\d+$/
 
       - build-ios-beta:
           context: mattermost-mobile-ios-beta
@@ -576,41 +576,43 @@ workflows:
             branches:
               only: /^(build|ios)-pr-.*/
 
-      - build-android-unsigned:
-          context: mattermost-mobile-unsigned
-          requires:
-            - test
-          filters:
-            tags:
-              only: /^v(\d+\.)(\d+\.)(\d+)(.*)?$/
-            branches:
-              only: unsigned
-      - build-ios-unsigned:
-          context: mattermost-mobile-unsigned
-          requires:
-            - test
-          filters:
-            tags:
-              only: /^v(\d+\.)(\d+\.)(\d+)(.*)?$/
-            branches:
-              only: unsigned
-      - build-ios-simulator:
-          context: mattermost-mobile-unsigned
-          requires:
-            - test
-          filters:
-            branches:
-              only:
-                - /^build-\d+$/
-                - /^build-ios-sim-\d+$/
-
-      - github-release:
-          context: mattermost-mobile-unsigned
-          requires:
-            - build-android-unsigned
-            - build-ios-unsigned
-          filters:
-            tags:
-              only: /^v(\d+\.)(\d+\.)(\d+)(.*)?$/
-            branches:
-              only: unsigned
+      # - build-android-unsigned:
+      #     context: mattermost-mobile-unsigned
+      #     requires:
+      #       - test
+      #     filters:
+      #       tags:
+      #         only: /^v(\d+\.)(\d+\.)(\d+)(.*)?$/
+      #       branches:
+      #         only: unsigned
+      # - build-ios-unsigned:
+      #     context: mattermost-mobile-unsigned
+      #     requires:
+      #       - test
+      #     filters:
+      #       tags:
+      #         only: /^v(\d+\.)(\d+\.)(\d+)(.*)?$/
+      #       branches:
+      #         only: unsigned
+      # - build-ios-simulator:
+          # context: mattermost-mobile-unsigned
+          # requires:
+          #   - test
+          # filters:
+          #   branches:
+          #     only:
+          #       - /^build-\d+$/
+          #       - /^build-ios-\d+$/
+          #       - /^build-ios-beta-\d+$/
+          #       - /^build-ios-sim-\d+$/
+                
+      # - github-release:
+      #     context: mattermost-mobile-unsigned
+      #     requires:
+      #       - build-android-unsigned
+      #       - build-ios-unsigned
+      #     filters:
+      #       tags:
+      #         only: /^v(\d+\.)(\d+\.)(\d+)(.*)?$/
+      #       branches:
+      #         only: unsigned

.gitignore

@@ -102,7 +102,7 @@ coverage
 mattermost-license.txt
 *.mattermost-license
 detox/artifacts
-detox/detox_pixel_*
+detox/detox_pixel_4_xl_api_30
 
 # Bundle artifact
 *.jsbundle

.gitpod.Dockerfile

@@ -0,0 +1,159 @@
+FROM gitpod/workspace-full-vnc
+
+ENV CYPRESS_CACHE_FOLDER=/workspace/.cypress-cache
+
+# Install Cypress dependencies.
+RUN sudo apt-get update \
+ && sudo DEBIAN_FRONTEND=noninteractive apt-get install -y \
+   libgtk2.0-0 \
+   libgtk-3-0 \
+   libnotify-dev \
+   libgconf-2-4 \
+   libnss3 \
+   libxss1 \
+   libasound2 \
+   libxtst6 \
+   xauth \
+   xvfb \
+ && sudo rm -rf /var/lib/apt/lists/*
+
+RUN mkdir -p /workspace/persist/.cache/go-build
+ENV GOCACHE=/workspace/persist/.cache/go-build
+
+ENV MM_SERVICESETTINGS_ENABLEDEVELOPER=true
+
+# Copied from https://github.com/react-native-community/docker-android/blob/master/Dockerfile
+
+LABEL Description="This image provides a base Android development environment for React Native, and may be used to run tests."
+
+ENV DEBIAN_FRONTEND=noninteractive
+
+# set default build arguments
+# https://developer.android.com/studio#command-tools
+ARG SDK_VERSION=commandlinetools-linux-8512546_latest.zip
+ARG ANDROID_BUILD_VERSION=31
+ARG ANDROID_TOOLS_VERSION=31.0.0
+ARG BUCK_VERSION=2022.05.05.01
+# Buck doesn't support versions beyond NDK 21
+# Therefore we need to diverge the NDK version and set NDK_HOME
+# for Buck to pick it up correctly.
+ARG NDK_VERSION_BUCK=21.4.7075529
+ARG NDK_VERSION_GRADLE=23.1.7779620
+ARG NODE_VERSION=14.x
+ARG WATCHMAN_VERSION=4.9.0
+ARG CMAKE_VERSION=3.18.1
+
+# set default environment variables, please don't remove old env for compatibilty issue
+ENV ADB_INSTALL_TIMEOUT=10
+ENV ANDROID_HOME=/opt/android
+ENV ANDROID_SDK_ROOT=${ANDROID_HOME}
+ENV ANDROID_NDK_BUCK=${ANDROID_HOME}/ndk/$NDK_VERSION_BUCK
+ENV ANDROID_NDK_GRADLE=${ANDROID_HOME}/ndk/$NDK_VERSION_GRADLE
+# this is needed for Buck to be able to recognize NDK 21
+ENV NDK_HOME=${ANDROID_HOME}/ndk/$NDK_VERSION_BUCK
+ENV JAVA_HOME=/usr/lib/jvm/java-11-openjdk-amd64
+ENV CMAKE_BIN_PATH=${ANDROID_HOME}/cmake/$CMAKE_VERSION/bin
+
+ENV PATH=${CMAKE_BIN_PATH}:${ANDROID_HOME}/cmdline-tools/latest/bin:${ANDROID_HOME}/emulator:${ANDROID_HOME}/platform-tools:${ANDROID_HOME}/tools:${ANDROID_HOME}/tools/bin:/opt/buck/bin/:${PATH}
+
+# Install system dependencies
+RUN apt update -qq && apt install -qq -y --no-install-recommends \
+        apt-transport-https \
+        curl \
+        file \
+        gcc \
+        git \
+        g++ \
+        gnupg2 \
+        libc++1-10 \
+        libgl1 \
+        libtcmalloc-minimal4 \
+        make \
+        openjdk-11-jdk-headless \
+        openssh-client \
+        patch \
+        python3 \
+        python3-distutils \
+        rsync \
+        ruby \
+        ruby-dev \
+        tzdata \
+        unzip \
+        sudo \
+        ninja-build \
+        zip \
+        # Dev libraries requested by Hermes
+        libicu-dev \
+        # Emulator & video bridge dependencies
+        libc6 \
+        libdbus-1-3 \
+        libfontconfig1 \
+        libgcc1 \
+        libpulse0 \
+        libtinfo5 \
+        libx11-6 \
+        libxcb1 \
+        libxdamage1 \
+        libnss3 \
+        libxcomposite1 \
+        libxcursor1 \
+        libxi6 \
+        libxext6 \
+        libxfixes3 \
+        zlib1g \
+        libgl1 \
+        pulseaudio \
+        socat \
+    && gem install bundler \
+    && rm -rf /var/lib/apt/lists/*;
+
+# install nodejs and yarn packages from nodesource
+RUN curl -sL https://deb.nodesource.com/setup_${NODE_VERSION} | bash - \
+    && apt-get update -qq \
+    && apt-get install -qq -y --no-install-recommends nodejs \
+    && npm i -g yarn \
+    && rm -rf /var/lib/apt/lists/*
+
+ # download and install buck using the java11 pex from Jitpack
+ RUN curl -L https://jitpack.io/com/github/facebook/buck/v${BUCK_VERSION}/buck-v${BUCK_VERSION}-java11.pex -o /tmp/buck.pex \
+    && mv /tmp/buck.pex /usr/local/bin/buck \
+    && chmod +x /usr/local/bin/buck
+
+# Full reference at https://dl.google.com/android/repository/repository2-1.xml
+# download and unpack android
+# workaround buck clang version detection by symlinking
+RUN curl -sS https://dl.google.com/android/repository/${SDK_VERSION} -o /tmp/sdk.zip \
+    && mkdir -p ${ANDROID_HOME}/cmdline-tools \
+    && unzip -q -d ${ANDROID_HOME}/cmdline-tools /tmp/sdk.zip \
+    && mv ${ANDROID_HOME}/cmdline-tools/cmdline-tools ${ANDROID_HOME}/cmdline-tools/latest \
+    && rm /tmp/sdk.zip \
+    && yes | sdkmanager --licenses \
+    && yes | sdkmanager "platform-tools" \
+        "emulator" \
+        "platforms;android-$ANDROID_BUILD_VERSION" \
+        "build-tools;$ANDROID_TOOLS_VERSION" \
+        "cmake;$CMAKE_VERSION" \
+        "system-images;android-21;google_apis;armeabi-v7a" \
+        "ndk;$NDK_VERSION_BUCK" \
+        "ndk;$NDK_VERSION_GRADLE" \
+    && rm -rf ${ANDROID_HOME}/.android \
+    && chmod 777 -R /opt/android \
+    && ln -s ${ANDROID_NDK_BUCK}/toolchains/llvm/prebuilt/linux-x86_64/lib64/clang/9.0.9 ${ANDROID_NDK_BUCK}/toolchains/llvm/prebuilt/linux-x86_64/lib64/clang/9.0.8
+
+
+
+# Copied from https://github.com/gengjiawen/ci-sample/blob/master/.gitpod.Dockerfile
+
+# FROM reactnativecommunity/react-native-android
+
+### Gitpod user ###
+# '-l': see https://docs.docker.com/develop/develop-images/dockerfile_best-practices/#user
+RUN useradd -l -u 33333 -G sudo -md /home/gitpod -s /bin/bash -p gitpod gitpod \
+    # passwordless sudo for users in the 'sudo' group
+    && sed -i.bkp -e 's/%sudo\s\+ALL=(ALL\(:ALL\)\?)\s\+ALL/%sudo ALL=NOPASSWD:ALL/g' /etc/sudoers
+
+# Install custom tools, runtimes, etc.
+# For example "bastet", a command-line tetris clone:
+# RUN brew install bastet
+#
+# More information: https://www.gitpod.io/docs/config-docker/

.gitpod.yml

@@ -0,0 +1,6 @@
+image:
+  file: .gitpod.Dockerfile
+
+tasks:
+  - init: npm install
+  - command: npm run android

.solidarity

@@ -54,6 +54,13 @@
         "error": "visit rvm install https://rvm.io/rvm/install",
         "platform": "darwin"
       },
+      {
+        "rule": "cli",
+        "binary": "bundler",
+        "semver": "2.1.4",
+        "error": "install watchman `gem install bundler --version 2.1.4`",
+        "platform": "darwin"
+      },
       {
         "rule": "cli",
         "binary": "pod",

NOTICE.txt

@@ -200,41 +200,6 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 
----
-
-## @mattermost/react-native-turbo-mailer
-
-This product contains '@mattermost/react-native-turbo-mailer' by Avinash Lingaloo.
-
-An adaptation of react-native-mail that supports Turbo Module
-
-* HOMEPAGE:
-  * https://github.com/mattermost/react-native-turbo-mailer#readme
-
-* LICENSE: MIT
-
-MIT License
-
-Copyright (c) 2022 Mattermost
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-
 ---
 
 ## @msgpack/msgpack
@@ -328,17 +293,38 @@ SOFTWARE.
 
 ---
 
-## @react-native-camera-roll/camera-roll
+## @react-native-cameraroll/react-native-cameraroll
 
-This product contains '@react-native-camera-roll/camera-roll' by Bartol Karuza.
+This product contains 'react-native-cameraroll' by Bartol Karuza.
 
-React Native Camera Roll for iOS & Android
+React-native native module that provides access to the local camera roll or photo library
 
 * HOMEPAGE:
-  * https://github.com/react-native-cameraroll/react-native-cameraroll#readme
+  * https://github.com/react-native-cameraroll/react-native-cameraroll
 
 * LICENSE: MIT
 
+MIT License
+
+Copyright (c) 2015-present, Facebook, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
 
 
 ---
@@ -528,21 +514,6 @@ ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 
----
-
-## @react-navigation/stack
-
-This product contains '@react-navigation/stack'.
-
-Stack navigator component for iOS and Android with animated transitions and gestures
-
-* HOMEPAGE:
-  * https://reactnavigation.org/docs/stack-navigator/
-
-* LICENSE: MIT
-
-
-
 ---
 
 ## @rudderstack/rudder-sdk-react-native
@@ -1159,40 +1130,6 @@ Lightweight fuzzy-search
    limitations under the License.
 
 
----
-
-## html-entities
-
-This product contains 'html-entities' by Marat Dulin.
-
-Fastest HTML entities encode/decode library.
-
-* HOMEPAGE:
-  * https://github.com/mdevils/html-entities#readme
-
-* LICENSE: MIT
-
-Copyright (c) 2021 Dulin Marat
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
-
 ---
 
 ## jail-monkey
@@ -2095,42 +2032,6 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 
----
-
-## react-native-in-app-review
-
-This product contains 'react-native-in-app-review' by Mina Samir Shafik.
-
-react native in app review, to rate on Play store, App Store, Generally, the in-app review flow (see figure 1 for play store, figure 2 for ios) can be triggered at any time throughout the user journey of your app. During the flow, the user has the ability
-
-* HOMEPAGE:
-  * https://github.com/MinaSamir11/react-native-in-app-review#readme
-
-* LICENSE: MIT
-
-MIT License
-
-Copyright (c) 2020 Mina Samir
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-
 ---
 
 ## react-native-incall-manager
@@ -2411,6 +2312,42 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 
+---
+
+## react-native-shadow-2
+
+This product contains a modified version of 'react-native-shadow-2' by Henrique Bruno Fantauzzi de Almeida.
+
+Cross-platform shadow for React Native. Supports Android, iOS, Web and Expo.
+
+* HOMEPAGE:
+  * https://github.com/SrBrahma/react-native-shadow-2
+
+* LICENSE: MIT
+
+MIT License
+
+Copyright (c) 2021 Henrique Bruno Fantauzzi de Almeida
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
 ---
 
 ## react-native-notifications
@@ -2612,42 +2549,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 
----
-
-## react-native-shadow-2
-
-This product contains a modified version of 'react-native-shadow-2' by Henrique Bruno Fantauzzi de Almeida.
-
-Cross-platform shadow for React Native. Supports Android, iOS, Web and Expo.
-
-* HOMEPAGE:
-  * https://github.com/SrBrahma/react-native-shadow-2
-
-* LICENSE: MIT
-
-MIT License
-
-Copyright (c) 2021 Henrique Bruno Fantauzzi de Almeida
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-
 ---
 
 ## react-native-share
@@ -2720,6 +2621,42 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 
+---
+
+## react-native-user-agent
+
+This product contains 'react-native-user-agent' by Bebnev Anton.
+
+Library that helps you to get mobile application user agent and web view user agent strings.
+
+* HOMEPAGE:
+  * https://github.com/bebnev/react-native-user-agent
+
+* LICENSE: MIT
+
+MIT License
+
+Copyright (c) 2018 Anton Bebnev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
 ---
 
 ## react-native-vector-icons
@@ -2962,6 +2899,28 @@ IN THE SOFTWARE.
 """
 
 
+---
+
+## reanimated-bottom-sheet
+
+This product contains a modified version of 'reanimated-bottom-sheet' by Michał Osadnik.
+
+Highly configurable component imitating native bottom sheet behavior, with fully native 60 FPS animations!
+
+* HOMEPAGE:
+  * https://github.com/osdnk/react-native-reanimated-bottom-sheet
+
+* LICENSE: MIT
+
+Copyright 2019 – present Michał Osadnik
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+
 ---
 
 ## semver

README.md

@@ -1,10 +1,12 @@
 # Mattermost Mobile v2
 
-- **Minimum Server versions:** Current ESR version (7.1.0+)
-- **Supported iOS versions:** 12.1+
+This is a work in progress branch for the next major version of the Mattermost mobile app. Once the work is completed and ready to share,  this brach will be set as the default branch in this repository.
+
+- **Minimum Server versions:** Current ESR version (5.25)
+- **Supported iOS versions:** 11+
 - **Supported Android versions:** 7.0+
 
-Mattermost is an open source Slack-alternative used by thousands of companies around the world in 21 languages. Learn more at [https://about.mattermost.com](https://about.mattermost.com).
+Mattermost is an open source Slack-alternative used by thousands of companies around the world in 14 languages. Learn more at [https://about.mattermost.com](https://about.mattermost.com).
 
 You can download our apps from the [App Store](https://about.mattermost.com/mattermost-ios-app/) or [Google Play Store](https://about.mattermost.com/mattermost-android-app/), or [build them yourself](https://developers.mattermost.com/contribute/mobile/build-your-own/). 
 
@@ -49,9 +51,15 @@ You can leave the Beta testing program at any time:
 
 App data is wiped from the device when a user logs out of the app. If the user is logged in when the account is deactivated, then within one minute the system logs the user out, and as a result all app data is wiped from the device.
 
-### I need the code for the v1 version
+### Can I connect to multiple Mattermost servers using the mobile apps?
 
-You can still access it! We have moved the code from master to the [v1 branch](https://github.com/mattermost/mattermost-mobile/tree/v1). Be aware that we will not be providing any more v1 versions or updates in the public stores.
+At the moment, we only support connecting to one server at a time. If you need to connect to multiple servers, please [upvote the feature request](https://mattermost.uservoice.com/forums/306457/suggestions/10975938) so we can track demand for it. 
+
+As a work around, you can install both the released "Mattermost" app and sign up to be a [tester](#testing) for the "Mattermost Beta" app so you can connect to two servers at once.
+
+### Will there be second generation apps available for tablets?
+
+We plan to add support for tablets in the future, but the timeline depends on how many people have a need for it. If you're looking for a tablet version, please help us out by [upvoting the feature request](https://mattermost.uservoice.com/forums/306457/suggestions/20082079)!
 
 # Troubleshooting
 

android/app/build.gradle

@@ -145,7 +145,7 @@ android {
         applicationId "com.mattermost.rnbeta"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 453
+        versionCode 428
         versionName "2.0.0"
         testBuildType System.getProperty('testBuildType', 'debug')
         testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'

android/app/src/androidTest/java/com/mattermost/rnbeta/DetoxTest.java

@@ -1,7 +1,6 @@
 package com.mattermost.rnbeta;
 
 import com.wix.detox.Detox;
-import com.wix.detox.config.DetoxConfig;
 
 import org.junit.Rule;
 import org.junit.Test;
@@ -20,11 +19,10 @@ public class DetoxTest {
 
     @Test
     public void runDetoxTests() {
-        DetoxConfig detoxConfig = new DetoxConfig();
-        detoxConfig.idlePolicyConfig.masterTimeoutSec = 90;
-        detoxConfig.idlePolicyConfig.idleResourceTimeoutSec = 60;
-        detoxConfig.rnContextLoadTimeoutSec = (BuildConfig.DEBUG ? 180 : 60);
+        Detox.DetoxIdlePolicyConfig idlePolicyConfig = new Detox.DetoxIdlePolicyConfig();
+        idlePolicyConfig.masterTimeoutSec = 60;
+        idlePolicyConfig.idleResourceTimeoutSec = 30;
 
-        Detox.runTests(mActivityRule, detoxConfig);
+        Detox.runTests(mActivityRule, idlePolicyConfig);
     }
 }

android/app/src/main/AndroidManifest.xml

@@ -83,23 +83,5 @@
         android:resizeableActivity="true"
         android:exported="true"
       />
-      <activity
-        android:name="com.mattermost.share.ShareActivity"
-        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
-        android:windowSoftInputMode="adjustResize"
-        android:label="@string/app_name"
-        android:screenOrientation="portrait"
-        android:theme="@style/AppTheme"
-        android:taskAffinity="com.mattermost.share"
-        android:exported="true"
-      >
-          <intent-filter>
-              <action android:name="android.intent.action.SEND" />
-              <action android:name="android.intent.action.SEND_MULTIPLE" />
-              <category android:name="android.intent.category.DEFAULT" />
-              <!-- for sharing-->
-              <data android:mimeType="*/*" />
-          </intent-filter>
-      </activity>
   </application>
 </manifest>

android/app/src/main/java/com/mattermost/helpers/CustomPushNotificationHelper.java

@@ -58,7 +58,6 @@ public class CustomPushNotificationHelper {
         String senderId = bundle.getString("sender_id");
         String serverUrl = bundle.getString("server_url");
         String type = bundle.getString("type");
-        String urlOverride = bundle.getString("override_icon_url");
         if (senderId == null) {
             senderId = "sender_id";
         }
@@ -75,10 +74,7 @@ public class CustomPushNotificationHelper {
 
         if (serverUrl != null && !type.equals(CustomPushNotificationHelper.PUSH_TYPE_SESSION)) {
             try {
-                Bitmap avatar = userAvatar(context, serverUrl, senderId, urlOverride);
-                if (avatar != null) {
-                    sender.setIcon(IconCompat.createWithBitmap(avatar));
-                }
+                sender.setIcon(IconCompat.createWithBitmap(Objects.requireNonNull(userAvatar(context, serverUrl, senderId))));
             } catch (IOException e) {
                 e.printStackTrace();
             }
@@ -267,7 +263,6 @@ public class CustomPushNotificationHelper {
         final String senderId = "me";
         final String serverUrl = bundle.getString("server_url");
         final String type = bundle.getString("type");
-        String urlOverride = bundle.getString("override_icon_url");
 
         Person.Builder sender = new Person.Builder()
                 .setKey(senderId)
@@ -275,10 +270,7 @@ public class CustomPushNotificationHelper {
 
         if (serverUrl != null && !type.equals(CustomPushNotificationHelper.PUSH_TYPE_SESSION)) {
             try {
-                Bitmap avatar = userAvatar(context, serverUrl, "me", urlOverride);
-                if (avatar != null) {
-                    sender.setIcon(IconCompat.createWithBitmap(avatar));
-                }
+                sender.setIcon(IconCompat.createWithBitmap(Objects.requireNonNull(userAvatar(context, serverUrl, "me"))));
             } catch (IOException e) {
                 e.printStackTrace();
             }
@@ -405,7 +397,6 @@ public class CustomPushNotificationHelper {
         String channelName = getConversationTitle(bundle);
         String senderName = bundle.getString("sender_name");
         String serverUrl = bundle.getString("server_url");
-        String urlOverride = bundle.getString("override_icon_url");
 
         int smallIconResId = getSmallIconResourceId(context, smallIcon);
         notification.setSmallIcon(smallIconResId);
@@ -413,46 +404,33 @@ public class CustomPushNotificationHelper {
         if (serverUrl != null && channelName.equals(senderName)) {
             try {
                 String senderId = bundle.getString("sender_id");
-                Bitmap avatar = userAvatar(context, serverUrl, senderId, urlOverride);
-                if (avatar != null) {
-                    notification.setLargeIcon(avatar);
-                }
+                notification.setLargeIcon(userAvatar(context, serverUrl, senderId));
             } catch (IOException e) {
                 e.printStackTrace();
             }
         }
     }
 
-    private static Bitmap userAvatar(Context context, final String serverUrl, final String userId, final String urlOverride) throws IOException {
-        try {
-            final OkHttpClient client = new OkHttpClient();
-            Request request;
-            String url;
-            if (!TextUtils.isEmpty(urlOverride)) {
-                request = new Request.Builder().url(urlOverride).build();
-                Log.i("ReactNative", String.format("Fetch override profile image %s", urlOverride));
-            } else {
-                final ReactApplicationContext reactApplicationContext = new ReactApplicationContext(context);
-                final String token = Credentials.getCredentialsForServerSync(reactApplicationContext, serverUrl);
-                url = String.format("%s/api/v4/users/%s/image", serverUrl, userId);
-                Log.i("ReactNative", String.format("Fetch profile image %s", url));
-                request = new Request.Builder()
-                        .header("Authorization", String.format("Bearer %s", token))
-                        .url(url)
-                        .build();
-            }
-            Response response = client.newCall(request).execute();
-            if (response.code() == 200) {
-                assert response.body() != null;
-                byte[] bytes = Objects.requireNonNull(response.body()).bytes();
-                Bitmap bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);
-                return getCircleBitmap(bitmap);
-            }
+    private static Bitmap userAvatar(Context context, final String serverUrl, final String userId) throws IOException {
+        final ReactApplicationContext reactApplicationContext = new ReactApplicationContext(context);
+        final String token = Credentials.getCredentialsForServerSync(reactApplicationContext, serverUrl);
 
-            return null;
-        } catch (Exception e) {
-            e.printStackTrace();
-            return null;
+        final OkHttpClient client = new OkHttpClient();
+        final String url = String.format("%s/api/v4/users/%s/image", serverUrl, userId);
+        Request request = new Request.Builder()
+                .header("Authorization", String.format("Bearer %s", token))
+                .url(url)
+                .build();
+        Response response = client.newCall(request).execute();
+        if (response.code() == 200) {
+            assert response.body() != null;
+            byte[] bytes = Objects.requireNonNull(response.body()).bytes();
+            Bitmap bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);
+
+            Log.i("ReactNative", String.format("Fetch profile %s", url));
+            return getCircleBitmap(bitmap);
         }
+
+        return null;
     }
 }

android/app/src/main/java/com/mattermost/helpers/RealPathUtil.java

@@ -6,7 +6,6 @@ import android.net.Uri;
 import android.provider.DocumentsContract;
 import android.provider.MediaStore;
 import android.provider.OpenableColumns;
-import android.content.ContentResolver;
 import android.os.Environment;
 import android.webkit.MimeTypeMap;
 import android.util.Log;
@@ -183,14 +182,8 @@ public class RealPathUtil {
     }
 
     public static String getExtension(String uri) {
-        String extension = "";
         if (uri == null) {
-            return extension;
-        }
-
-        extension = MimeTypeMap.getFileExtensionFromUrl(uri);
-        if (!extension.equals("")) {
-            return extension;
+            return null;
         }
 
         int dot = uri.lastIndexOf(".");
@@ -217,15 +210,6 @@ public class RealPathUtil {
         return getMimeType(file);
     }
 
-     public static String getMimeTypeFromUri(final Context context, final Uri uri) {
-        try {
-            ContentResolver cR = context.getContentResolver();
-            return cR.getType(uri);
-        } catch (Exception e) {
-            return "application/octet-stream";
-        }
-    }
-
     public static void deleteTempFiles(final File dir) {
         try {
             if (dir.isDirectory()) {
@@ -257,21 +241,4 @@ public class RealPathUtil {
         return f.getName();
     }
 
-    public static File createDirIfNotExists(String path) {
-        File dir = new File(path);
-        if (dir.exists()) {
-            return dir;
-        }
-
-        try {
-            dir.mkdirs();
-            // Add .nomedia to hide the thumbnail directory from gallery
-            File noMedia = new File(path, ".nomedia");
-            noMedia.createNewFile();
-        } catch (IOException e) {
-            e.printStackTrace();
-        }
-
-        return dir;
-    }
 }

android/app/src/main/java/com/mattermost/rnbeta/CustomPushNotification.java

@@ -18,7 +18,6 @@ import com.mattermost.helpers.Network;
 import com.mattermost.helpers.NotificationHelper;
 import com.mattermost.helpers.PushNotificationDataHelper;
 import com.mattermost.helpers.ResolvePromise;
-import com.mattermost.share.ShareModule;
 import com.wix.reactnativenotifications.core.NotificationIntentAdapter;
 import com.wix.reactnativenotifications.core.notification.PushNotification;
 import com.wix.reactnativenotifications.core.AppLaunchHelper;
@@ -81,10 +80,7 @@ public class CustomPushNotification extends PushNotification {
         switch (type) {
             case CustomPushNotificationHelper.PUSH_TYPE_MESSAGE:
             case CustomPushNotificationHelper.PUSH_TYPE_SESSION:
-                ShareModule shareModule = ShareModule.getInstance();
-                String currentActivityName = shareModule != null ? shareModule.getCurrentActivityName() : "";
-                Log.i("ReactNative", currentActivityName);
-                if (!mAppLifecycleFacade.isAppVisible() || !currentActivityName.equals("MainActivity")) {
+                if (!mAppLifecycleFacade.isAppVisible()) {
                     boolean createSummary = type.equals(CustomPushNotificationHelper.PUSH_TYPE_MESSAGE);
                     if (type.equals(CustomPushNotificationHelper.PUSH_TYPE_MESSAGE)) {
                         if (channelId != null) {

android/app/src/main/java/com/mattermost/rnbeta/MainActivity.java

@@ -41,7 +41,7 @@ public class MainActivity extends NavigationActivity {
 
     @Override
     protected void onCreate(@Nullable Bundle savedInstanceState) {
-        super.onCreate(null);
+        super.onCreate(savedInstanceState);
         setContentView(R.layout.launch_screen);
         setHWKeyboardConnected();
     }

android/app/src/main/java/com/mattermost/rnbeta/MainApplication.java

@@ -12,12 +12,13 @@ import java.util.List;
 import java.util.Map;
 
 import com.mattermost.helpers.RealPathUtil;
-import com.mattermost.share.ShareModule;
 import com.wix.reactnativenotifications.RNNotificationsPackage;
 
 import com.reactnativenavigation.NavigationApplication;
 import com.wix.reactnativenotifications.core.notification.INotificationsApplication;
 import com.wix.reactnativenotifications.core.notification.IPushNotification;
+import com.wix.reactnativenotifications.core.notificationdrawer.IPushNotificationsDrawer;
+import com.wix.reactnativenotifications.core.notificationdrawer.INotificationsDrawerApplication;
 import com.wix.reactnativenotifications.core.AppLaunchHelper;
 import com.wix.reactnativenotifications.core.AppLifecycleFacade;
 import com.wix.reactnativenotifications.core.JsIOHelper;
@@ -67,12 +68,10 @@ public class MainApplication extends NavigationApplication implements INotificat
                   switch (name) {
                   case "MattermostManaged":
                       return MattermostManagedModule.getInstance(reactContext);
-                  case "MattermostShare":
-                    return ShareModule.getInstance(reactContext);
-                  case "Notifications":
-                    return NotificationsModule.getInstance(instance, reactContext);
-                  default:
-                    throw new IllegalArgumentException("Could not find module " + name);
+                    case "Notifications":
+                      return NotificationsModule.getInstance(instance, reactContext);
+                    default:
+                      throw new IllegalArgumentException("Could not find module " + name);
                   }
                 }
 
@@ -81,7 +80,6 @@ public class MainApplication extends NavigationApplication implements INotificat
                   return () -> {
                     Map<String, ReactModuleInfo> map = new HashMap<>();
                     map.put("MattermostManaged", new ReactModuleInfo("MattermostManaged", "com.mattermost.rnbeta.MattermostManagedModule", false, false, false, false, false));
-                    map.put("MattermostShare", new ReactModuleInfo("MattermostShare", "com.mattermost.share.ShareModule", false, false, true, false, false));
                     map.put("Notifications", new ReactModuleInfo("Notifications", "com.mattermost.rnbeta.NotificationsModule", false, false, false, false, false));
                     return map;
                   };

android/app/src/main/java/com/mattermost/rnbeta/MattermostManagedModule.java

@@ -6,7 +6,6 @@ import android.content.Intent;
 import android.content.pm.PackageManager;
 import android.net.Uri;
 import android.os.ParcelFileDescriptor;
-import android.text.TextUtils;
 import android.webkit.MimeTypeMap;
 
 import androidx.annotation.NonNull;
@@ -21,12 +20,8 @@ import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
-
-import com.mattermost.helpers.Credentials;
-import com.reactlibrary.createthumbnail.CreateThumbnailModule;
 import com.mattermost.helpers.RealPathUtil;
 
 import java.io.File;
@@ -34,7 +29,6 @@ import java.io.FileInputStream;
 import java.io.FileOutputStream;
 import java.io.IOException;
 import java.lang.ref.WeakReference;
-import java.net.URL;
 import java.nio.channels.FileChannel;
 
 public class MattermostManagedModule extends ReactContextBaseJavaModule {
@@ -212,30 +206,6 @@ public class MattermostManagedModule extends ReactContextBaseJavaModule {
         }
     }
 
-    @ReactMethod
-    public void createThumbnail(ReadableMap options, Promise promise) {
-        try {
-            WritableMap optionsMap = Arguments.createMap();
-            optionsMap.merge(options);
-            String url = options.hasKey("url") ? options.getString("url") : "";
-            URL videoUrl = new URL(url);
-            String serverUrl = videoUrl.getProtocol() + "://" + videoUrl.getHost() + ":" + videoUrl.getPort();
-            String token = Credentials.getCredentialsForServerSync(this.reactContext, serverUrl);
-            if (!TextUtils.isEmpty(token)) {
-                WritableMap headers = Arguments.createMap();
-                if (optionsMap.hasKey("headers")) {
-                    headers.merge(optionsMap.getMap("headers"));
-                }
-                headers.putString("Authorization", "Bearer " + token);
-                optionsMap.putMap("headers", headers);
-            }
-            CreateThumbnailModule thumb = new CreateThumbnailModule(this.reactContext);
-            thumb.create(optionsMap.copy(), promise);
-        } catch (Exception e) {
-            promise.reject("CreateThumbnail_ERROR", e);
-        }
-    }
-
     private static class SaveDataTask extends GuardedResultAsyncTask<Object> {
         private final WeakReference<Context> weakContext;
         private final String fromFile;

android/app/src/main/java/com/mattermost/share/ShareActivity.java

@@ -1,20 +0,0 @@
-package com.mattermost.share;
-
-import android.os.Bundle;
-
-import com.facebook.react.ReactActivity;
-import com.mattermost.rnbeta.MainApplication;
-
-public class ShareActivity extends ReactActivity {
-    @Override
-    protected String getMainComponentName() {
-        return "MattermostShare";
-    }
-
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        MainApplication app = (MainApplication) this.getApplication();
-        app.sharedExtensionIsOpened = true;
-    }
-}

android/app/src/main/java/com/mattermost/share/ShareModule.java

@@ -1,258 +0,0 @@
-package com.mattermost.share;
-
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.Promise;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.bridge.Arguments;
-import com.mattermost.helpers.Credentials;
-import com.mattermost.rnbeta.MainApplication;
-import com.mattermost.helpers.RealPathUtil;
-
-import android.app.Activity;
-import android.content.Intent;
-import android.net.Uri;
-
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-
-import java.io.File;
-import java.util.ArrayList;
-
-import org.json.JSONArray;
-import org.json.JSONObject;
-import org.json.JSONException;
-
-import java.io.IOException;
-import java.util.HashMap;
-import java.util.Map;
-
-import okhttp3.MediaType;
-import okhttp3.OkHttpClient;
-import okhttp3.Request;
-import okhttp3.MultipartBody;
-import okhttp3.RequestBody;
-import okhttp3.Response;
-
-public class ShareModule extends ReactContextBaseJavaModule {
-    private final OkHttpClient client = new OkHttpClient();
-    public static final MediaType JSON = MediaType.parse("application/json; charset=utf-8");
-    private static ShareModule instance;
-    private final MainApplication mApplication;
-    private ReactApplicationContext mReactContext;
-    private File tempFolder;
-
-    private ShareModule(ReactApplicationContext reactContext) {
-        super(reactContext);
-        mReactContext = reactContext;
-        mApplication = (MainApplication)reactContext.getApplicationContext();
-    }
-
-    public static ShareModule getInstance(ReactApplicationContext reactContext) {
-        if (instance == null) {
-            instance = new ShareModule(reactContext);
-        } else {
-            instance.mReactContext = reactContext;
-        }
-
-        return instance;
-    }
-
-    public static ShareModule getInstance() {
-        return instance;
-    }
-
-    @NonNull
-    @Override
-    public String getName() {
-        return "MattermostShare";
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    public String getCurrentActivityName() {
-        Activity currentActivity = getCurrentActivity();
-        if (currentActivity != null) {
-            String actvName = currentActivity.getComponentName().getClassName();
-            String[] components = actvName.split("\\.");
-            return components[components.length - 1];
-        }
-
-        return "";
-    }
-
-    @ReactMethod
-    public void clear() {
-        Activity currentActivity = getCurrentActivity();
-        if (currentActivity != null && this.getCurrentActivityName().equals("ShareActivity")) {
-            Intent intent = currentActivity.getIntent();
-            intent.setAction("");
-            intent.removeExtra(Intent.EXTRA_TEXT);
-            intent.removeExtra(Intent.EXTRA_STREAM);
-        }
-    }
-
-    @Nullable
-    @Override
-    public Map<String, Object> getConstants() {
-        HashMap<String, Object> constants = new HashMap<>(1);
-        constants.put("cacheDirName", RealPathUtil.CACHE_DIR_NAME);
-        constants.put("isOpened", mApplication.sharedExtensionIsOpened);
-        return constants;
-    }
-
-    @ReactMethod
-    public void close(ReadableMap data) {
-        this.clear();
-        Activity currentActivity = getCurrentActivity();
-        if (currentActivity == null || !this.getCurrentActivityName().equals("ShareActivity")) {
-            return;
-        }
-
-        currentActivity.finishAndRemoveTask();
-        if (data != null && data.hasKey("serverUrl")) {
-            ReadableArray files = data.getArray("files");
-            String serverUrl = data.getString("serverUrl");
-            final String token = Credentials.getCredentialsForServerSync(this.getReactApplicationContext(), serverUrl);
-            JSONObject postData = buildPostObject(data);
-
-            if (files != null && files.size() > 0) {
-                uploadFiles(serverUrl, token, files, postData);
-            } else {
-                try {
-                    post(serverUrl, token, postData);
-                } catch (IOException e) {
-                    e.printStackTrace();
-                }
-            }
-        }
-
-        mApplication.sharedExtensionIsOpened = false;
-        RealPathUtil.deleteTempFiles(this.tempFolder);
-    }
-
-    @ReactMethod
-    public void getSharedData(Promise promise) {
-        promise.resolve(processIntent());
-    }
-
-    public WritableArray processIntent() {
-        String type, action, extra;
-        WritableArray items = Arguments.createArray();
-        Activity currentActivity = getCurrentActivity();
-
-        if (currentActivity != null) {
-            this.tempFolder = new File(currentActivity.getCacheDir(), RealPathUtil.CACHE_DIR_NAME);
-            Intent intent = currentActivity.getIntent();
-            action = intent.getAction();
-            type = intent.getType();
-            extra = intent.getStringExtra(Intent.EXTRA_TEXT);
-
-            if (Intent.ACTION_SEND.equals(action) && "text/plain".equals(type) && extra != null) {
-                items.pushMap(ShareUtils.getTextItem(extra));
-            } else if (Intent.ACTION_SEND.equals(action)) {
-                if (extra != null) {
-                    items.pushMap(ShareUtils.getTextItem(extra));
-                }
-                Uri uri = intent.getParcelableExtra(Intent.EXTRA_STREAM);
-                if (uri != null) {
-                    ReadableMap fileInfo = ShareUtils.getFileItem(currentActivity, uri);
-                    if (fileInfo != null) {
-                        items.pushMap(fileInfo);
-                    }
-                }
-            } else if (Intent.ACTION_SEND_MULTIPLE.equals(action)) {
-                if (extra != null) {
-                    items.pushMap(ShareUtils.getTextItem(extra));
-                }
-
-                ArrayList<Uri> uris = intent.getParcelableArrayListExtra(Intent.EXTRA_STREAM);
-                for (Uri uri : uris) {
-                    ReadableMap fileInfo = ShareUtils.getFileItem(currentActivity, uri);
-                    if (fileInfo != null) {
-                        items.pushMap(fileInfo);
-                    }
-                }
-            }
-        }
-
-        return items;
-    }
-
-    private JSONObject buildPostObject(ReadableMap data) {
-        JSONObject json = new JSONObject();
-        try {
-            json.put("user_id", data.getString("userId"));
-            if (data.hasKey("channelId")) {
-                json.put("channel_id", data.getString("channelId"));
-            }
-            if (data.hasKey("message")) {
-                json.put("message", data.getString("message"));
-            }
-        } catch (JSONException e) {
-            e.printStackTrace();
-        }
-        return json;
-    }
-
-    private void post(String serverUrl, String token, JSONObject postData) throws IOException {
-        RequestBody body = RequestBody.create(postData.toString(), JSON);
-        Request request = new Request.Builder()
-                .header("Authorization", "BEARER " + token)
-                .url(serverUrl + "/api/v4/posts")
-                .post(body)
-                .build();
-        client.newCall(request).execute();
-    }
-
-    private void uploadFiles(String serverUrl, String token, ReadableArray files, JSONObject postData) {
-        try {
-            MultipartBody.Builder builder = new MultipartBody.Builder()
-                    .setType(MultipartBody.FORM);
-
-            for(int i = 0 ; i < files.size() ; i++) {
-                ReadableMap file = files.getMap(i);
-                String mime = file.getString("type");
-                String fullPath = file.getString("value");
-                if (fullPath != null) {
-                    String filePath = fullPath.replaceFirst("file://", "");
-                    File fileInfo = new File(filePath);
-                    if (fileInfo.exists() && mime != null) {
-                        final MediaType MEDIA_TYPE = MediaType.parse(mime);
-                        builder.addFormDataPart("files", file.getString("filename"), RequestBody.create(fileInfo, MEDIA_TYPE));
-                    }
-                }
-            }
-
-            builder.addFormDataPart("channel_id", postData.getString("channel_id"));
-            RequestBody body = builder.build();
-            Request request = new Request.Builder()
-                    .header("Authorization", "BEARER " + token)
-                    .url(serverUrl + "/api/v4/files")
-                    .post(body)
-                    .build();
-
-            try (Response response = client.newCall(request).execute()) {
-                if (response.isSuccessful()) {
-                    String responseData = response.body().string();
-                    JSONObject responseJson = new JSONObject(responseData);
-                    JSONArray fileInfoArray = responseJson.getJSONArray("file_infos");
-                    JSONArray file_ids = new JSONArray();
-                    for(int i = 0 ; i < fileInfoArray.length() ; i++) {
-                        JSONObject fileInfo = fileInfoArray.getJSONObject(i);
-                        file_ids.put(fileInfo.getString("id"));
-                    }
-                    postData.put("file_ids", file_ids);
-                    post(serverUrl, token, postData);
-                }
-            } catch (IOException e) {
-                e.printStackTrace();
-            }
-
-        } catch (JSONException e) {
-            e.printStackTrace();
-        }
-    }
-}

android/app/src/main/java/com/mattermost/share/ShareUtils.java

@@ -1,111 +0,0 @@
-package com.mattermost.share;
-
-import android.app.Activity;
-import android.content.Context;
-import android.graphics.Bitmap;
-import android.graphics.BitmapFactory;
-import android.media.MediaMetadataRetriever;
-import android.net.Uri;
-import android.webkit.URLUtil;
-
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.WritableMap;
-import com.mattermost.helpers.RealPathUtil;
-
-import java.io.File;
-import java.io.FileOutputStream;
-import java.io.OutputStream;
-import java.io.UnsupportedEncodingException;
-import java.net.URLDecoder;
-import java.util.UUID;
-
-public class ShareUtils {
-    public static ReadableMap getTextItem(String text) {
-        WritableMap map = Arguments.createMap();
-        map.putString("value", text);
-        map.putString("type", "");
-        map.putBoolean("isString", true);
-        return map;
-    }
-
-    public static ReadableMap getFileItem(Activity activity, Uri uri) {
-        WritableMap map = Arguments.createMap();
-        String filePath = RealPathUtil.getRealPathFromURI(activity, uri);
-        if (filePath == null) {
-            return null;
-        }
-
-        File file = new File(filePath);
-        String type = RealPathUtil.getMimeTypeFromUri(activity, uri);
-        if (type != null) {
-            if (type.startsWith("image/")) {
-                BitmapFactory.Options bitMapOption = ShareUtils.getImageDimensions(filePath);
-                map.putInt("height", bitMapOption.outHeight);
-                map.putInt("width", bitMapOption.outWidth);
-
-            } else if (type.startsWith("video/")) {
-                File cacheDir = new File(activity.getCacheDir(), RealPathUtil.CACHE_DIR_NAME);
-                addVideoThumbnailToMap(cacheDir, activity.getApplicationContext(), map, "file://" + filePath);
-            }
-        } else {
-            type = "application/octet-stream";
-        }
-
-        map.putString("value", "file://" + filePath);
-        map.putDouble("size", (double) file.length());
-        map.putString("filename", file.getName());
-        map.putString("type", type);
-        map.putString("extension", RealPathUtil.getExtension(filePath).replaceFirst(".", ""));
-        map.putBoolean("isString", false);
-        return map;
-    }
-
-    public static BitmapFactory.Options getImageDimensions(String filePath) {
-        BitmapFactory.Options bitMapOption = new BitmapFactory.Options();
-        bitMapOption.inJustDecodeBounds=true;
-        BitmapFactory.decodeFile(filePath, bitMapOption);
-        return bitMapOption;
-    }
-
-    private static void addVideoThumbnailToMap(File cacheDir, Context context, WritableMap map, String filePath) {
-        String fileName = ("thumb-" + UUID.randomUUID().toString()) + ".png";
-        OutputStream fOut = null;
-
-        try {
-            File file = new File(cacheDir, fileName);
-            Bitmap image = getBitmapAtTime(context, filePath, 1);
-            if (file.createNewFile()) {
-                fOut = new FileOutputStream(file);
-                image.compress(Bitmap.CompressFormat.PNG, 100, fOut);
-                fOut.flush();
-                fOut.close();
-
-                map.putString("videoThumb", "file://" + file.getAbsolutePath());
-                map.putInt("width", image.getWidth());
-                map.putInt("height", image.getHeight());
-            }
-        } catch (Exception ignored) {
-        }
-    }
-
-    private static Bitmap getBitmapAtTime(Context context, String filePath, int time) {
-        MediaMetadataRetriever retriever = new MediaMetadataRetriever();
-        if (URLUtil.isFileUrl(filePath)) {
-            String decodedPath;
-            try {
-                decodedPath = URLDecoder.decode(filePath, "UTF-8");
-            } catch (UnsupportedEncodingException e) {
-                decodedPath = filePath;
-            }
-
-            retriever.setDataSource(decodedPath.replace("file://", ""));
-        } else if (filePath.contains("content://")) {
-            retriever.setDataSource(context, Uri.parse(filePath));
-        }
-
-        Bitmap image = retriever.getFrameAtTime(time * 1000, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
-        retriever.release();
-        return image;
-    }
-}

android/app/src/main/res/values-night/colors.xml

@@ -2,5 +2,5 @@
 <resources>
     <color name="white">#FFFFFF</color>
     <color name="transparent">#00000000</color>
-    <color name="splashscreen_bg">#090A0B</color>
+    <color name="splashscreen_bg">#1E325C</color>
 </resources>

android/app/src/main/res/xml/provider_paths.xml

@@ -1,8 +0,0 @@
-<?xml version='1.0' encoding='utf-8'?>
-<paths xmlns:android="http://schemas.android.com/apk/res/android">
-    <files-path name="files" path="." />
-    <external-files-path name="external_files" path="." />
-    <external-path name="external" path="." />
-    <cache-path name="cache" path="." />
-    <root-path name="root" path="." />
-</paths>

android/build.gradle

@@ -28,7 +28,7 @@ buildscript {
         classpath("com.android.tools.build:gradle:7.2.1")
         classpath("com.facebook.react:react-native-gradle-plugin")
         classpath("de.undercouch:gradle-download-task:5.0.1")
-        classpath('com.google.gms:google-services:4.3.14')
+        classpath('com.google.gms:google-services:4.3.10')
         classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion")
 
         // NOTE: Do not place your application dependencies here; they belong
@@ -38,20 +38,6 @@ buildscript {
 
 allprojects {
     repositories {
-        exclusiveContent {
-           // We get React Native's Android binaries exclusively through npm,
-           // from a local Maven repo inside node_modules/react-native/.
-           // (The use of exclusiveContent prevents looking elsewhere like Maven Central
-           // and potentially getting a wrong version.)
-           filter {
-               includeGroup "com.facebook.react"
-           }
-           forRepository {
-               maven {
-                   url "$rootDir/../node_modules/react-native/android"
-               }
-           }
-       }
         google()
         mavenCentral()
         mavenLocal()

app/actions/app/global.ts

@@ -1,52 +1,41 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {Tutorial} from '@constants';
 import {GLOBAL_IDENTIFIERS} from '@constants/database';
 import DatabaseManager from '@database/manager';
-import {logError} from '@utils/log';
 
-export const storeGlobal = async (id: string, value: unknown, prepareRecordsOnly = false) => {
+export const storeDeviceToken = async (token: string, prepareRecordsOnly = false) => {
     try {
         const {operator} = DatabaseManager.getAppDatabaseAndOperator();
         return operator.handleGlobal({
-            globals: [{id, value}],
+            globals: [{id: GLOBAL_IDENTIFIERS.DEVICE_TOKEN, value: token}],
             prepareRecordsOnly,
         });
     } catch (error) {
-        logError('storeGlobal', error);
         return {error};
     }
 };
 
-export const storeDeviceToken = async (token: string, prepareRecordsOnly = false) => {
-    return storeGlobal(GLOBAL_IDENTIFIERS.DEVICE_TOKEN, token, prepareRecordsOnly);
-};
-
-export const storeOnboardingViewedValue = async (value = true) => {
-    return storeGlobal(GLOBAL_IDENTIFIERS.ONBOARDING, value, false);
-};
-
 export const storeMultiServerTutorial = async (prepareRecordsOnly = false) => {
-    return storeGlobal(Tutorial.MULTI_SERVER, 'true', prepareRecordsOnly);
+    try {
+        const {operator} = DatabaseManager.getAppDatabaseAndOperator();
+        return operator.handleGlobal({
+            globals: [{id: GLOBAL_IDENTIFIERS.MULTI_SERVER_TUTORIAL, value: 'true'}],
+            prepareRecordsOnly,
+        });
+    } catch (error) {
+        return {error};
+    }
 };
 
 export const storeProfileLongPressTutorial = async (prepareRecordsOnly = false) => {
-    return storeGlobal(Tutorial.PROFILE_LONG_PRESS, 'true', prepareRecordsOnly);
-};
-
-export const storeSkinEmojiSelectorTutorial = async (prepareRecordsOnly = false) => {
-    return storeGlobal(Tutorial.EMOJI_SKIN_SELECTOR, 'true', prepareRecordsOnly);
-};
-
-export const storeDontAskForReview = async (prepareRecordsOnly = false) => {
-    return storeGlobal(GLOBAL_IDENTIFIERS.DONT_ASK_FOR_REVIEW, 'true', prepareRecordsOnly);
-};
-
-export const storeLastAskForReview = async (prepareRecordsOnly = false) => {
-    return storeGlobal(GLOBAL_IDENTIFIERS.LAST_ASK_FOR_REVIEW, Date.now(), prepareRecordsOnly);
-};
-
-export const storeFirstLaunch = async (prepareRecordsOnly = false) => {
-    return storeGlobal(GLOBAL_IDENTIFIERS.FIRST_LAUNCH, Date.now(), prepareRecordsOnly);
+    try {
+        const {operator} = DatabaseManager.getAppDatabaseAndOperator();
+        return operator.handleGlobal({
+            globals: [{id: GLOBAL_IDENTIFIERS.PROFILE_LONG_PRESS_TUTORIAL, value: 'true'}],
+            prepareRecordsOnly,
+        });
+    } catch (error) {
+        return {error};
+    }
 };

app/actions/local/category.ts

@@ -5,10 +5,11 @@ import {Model} from '@nozbe/watermelondb';
 
 import {CHANNELS_CATEGORY, DMS_CATEGORY} from '@constants/categories';
 import DatabaseManager from '@database/manager';
-import {prepareCategoryChannels, queryCategoriesByTeamIds, getCategoryById, prepareCategoriesAndCategoriesChannels} from '@queries/servers/categories';
+import {prepareCategories, prepareCategoryChannels, queryCategoriesByTeamIds, getCategoryById} from '@queries/servers/categories';
 import {getCurrentUserId} from '@queries/servers/system';
 import {queryMyTeams} from '@queries/servers/team';
 import {isDMorGM} from '@utils/channel';
+import {pluckUnique} from '@utils/helpers';
 import {logError} from '@utils/log';
 
 import type ChannelModel from '@typings/database/models/servers/channel';
@@ -33,18 +34,48 @@ export const deleteCategory = async (serverUrl: string, categoryId: string) => {
 
 export async function storeCategories(serverUrl: string, categories: CategoryWithChannels[], prune = false, prepareRecordsOnly = false) {
     try {
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const models = await prepareCategoriesAndCategoriesChannels(operator, categories, prune);
+        const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
+
+        const modelPromises: Array<Promise<Model[]>> = [];
+        const preparedCategories = prepareCategories(operator, categories);
+        if (preparedCategories) {
+            modelPromises.push(preparedCategories);
+        }
+
+        const preparedCategoryChannels = prepareCategoryChannels(operator, categories);
+        if (preparedCategoryChannels) {
+            modelPromises.push(preparedCategoryChannels);
+        }
+
+        const models = await Promise.all(modelPromises);
+        const flattenedModels = models.flat();
+
+        if (prune && categories.length) {
+            const remoteCategoryIds = new Set(categories.map((cat) => cat.id));
+
+            // If the passed categories have more than one team, we want to update across teams
+            const teamIds = pluckUnique('team_id')(categories) as string[];
+            const localCategories = await queryCategoriesByTeamIds(database, teamIds).fetch();
+
+            localCategories.
+                filter((category) => category.type === 'custom').
+                forEach((localCategory) => {
+                    if (!remoteCategoryIds.has(localCategory.id)) {
+                        localCategory.prepareDestroyPermanently();
+                        flattenedModels.push(localCategory);
+                    }
+                });
+        }
 
         if (prepareRecordsOnly) {
-            return {models};
+            return {models: flattenedModels};
         }
 
-        if (models.length > 0) {
-            await operator.batchRecords(models);
+        if (flattenedModels?.length > 0) {
+            await operator.batchRecords(flattenedModels);
         }
 
-        return {models};
+        return {models: flattenedModels};
     } catch (error) {
         logError('FAILED TO STORE CATEGORIES', error);
         return {error};

app/actions/local/channel.ts

@@ -15,7 +15,7 @@ import {
     getMyChannel, getChannelById, queryUsersOnChannel, queryUserChannelsByTypes,
 } from '@queries/servers/channel';
 import {queryPreferencesByCategoryAndName} from '@queries/servers/preference';
-import {prepareCommonSystemValues, PrepareCommonSystemValuesArgs, getCommonSystemValues, getCurrentTeamId, setCurrentChannelId, getCurrentUserId, getConfig, getLicense} from '@queries/servers/system';
+import {prepareCommonSystemValues, PrepareCommonSystemValuesArgs, getCommonSystemValues, getCurrentTeamId, setCurrentChannelId, getCurrentUserId} from '@queries/servers/system';
 import {addChannelToTeamHistory, addTeamToTeamHistory, getTeamById, removeChannelFromTeamHistory} from '@queries/servers/team';
 import {getCurrentUser, queryUsersById} from '@queries/servers/user';
 import {dismissAllModalsAndPopToRoot, dismissAllModalsAndPopToScreen} from '@screens/navigation';
@@ -76,7 +76,7 @@ export async function switchToChannel(serverUrl: string, channelId: string, team
                 }
 
                 models = (await Promise.all(modelPromises)).flat();
-                const {member: viewedAt} = await markChannelAsViewed(serverUrl, channelId, false, true);
+                const {member: viewedAt} = await markChannelAsViewed(serverUrl, channelId, true);
                 if (viewedAt) {
                     models.push(viewedAt);
                 }
@@ -160,7 +160,7 @@ export async function selectAllMyChannelIds(serverUrl: string) {
     }
 }
 
-export async function markChannelAsViewed(serverUrl: string, channelId: string, onlyCounts = false, prepareRecordsOnly = false) {
+export async function markChannelAsViewed(serverUrl: string, channelId: string, prepareRecordsOnly = false) {
     try {
         const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
         const member = await getMyChannel(database, channelId);
@@ -172,10 +172,8 @@ export async function markChannelAsViewed(serverUrl: string, channelId: string,
             m.isUnread = false;
             m.mentionsCount = 0;
             m.manuallyUnread = false;
-            if (!onlyCounts) {
-                m.viewedAt = member.lastViewedAt;
-                m.lastViewedAt = Date.now();
-            }
+            m.viewedAt = member.lastViewedAt;
+            m.lastViewedAt = Date.now();
         });
         PushNotifications.removeChannelNotifications(serverUrl, channelId);
         if (!prepareRecordsOnly) {
@@ -367,10 +365,9 @@ export async function updateChannelsDisplayName(serverUrl: string, channels: Cha
             return {};
         }
 
-        const license = await getLicense(database);
-        const config = await getConfig(database);
+        const {config, license} = await getCommonSystemValues(database);
         const preferences = await queryPreferencesByCategoryAndName(database, Preferences.CATEGORY_DISPLAY_SETTINGS, Preferences.NAME_NAME_FORMAT).fetch();
-        const displaySettings = getTeammateNameDisplaySetting(preferences, config.LockTeammateNameDisplay, config.TeammateNameDisplay, license);
+        const displaySettings = getTeammateNameDisplaySetting(preferences, config, license);
         const models: Model[] = [];
         for await (const channel of channels) {
             let newDisplayName = '';

app/actions/local/post.ts

@@ -1,9 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {fetchPostAuthors} from '@actions/remote/post';
 import {ActionType, Post} from '@constants';
-import {MM_TABLES} from '@constants/database';
 import DatabaseManager from '@database/manager';
 import {getPostById, prepareDeletePost, queryPostsById} from '@queries/servers/post';
 import {getCurrentUserId} from '@queries/servers/system';
@@ -19,8 +17,6 @@ import type MyChannelModel from '@typings/database/models/servers/my_channel';
 import type PostModel from '@typings/database/models/servers/post';
 import type UserModel from '@typings/database/models/servers/user';
 
-const {SERVER: {DRAFT, FILE, POST, POSTS_IN_THREAD, REACTION, THREAD, THREAD_PARTICIPANT, THREADS_IN_TEAM}} = MM_TABLES;
-
 export const sendAddToChannelEphemeralPost = async (serverUrl: string, user: UserModel, addedUsernames: string[], messages: string[], channeId: string, postRootId = '') => {
     try {
         const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
@@ -82,7 +78,7 @@ export const sendEphemeralPost = async (serverUrl: string, message: string, chan
             user_id: authorId,
             channel_id: channeId,
             message,
-            type: Post.POST_TYPES.EPHEMERAL as PostType,
+            type: Post.POST_TYPES.EPHEMERAL_ADD_TO_CHANNEL as PostType,
             create_at: timestamp,
             edit_at: 0,
             update_at: timestamp,
@@ -98,7 +94,6 @@ export const sendEphemeralPost = async (serverUrl: string, message: string, chan
             props: {},
         } as Post;
 
-        await fetchPostAuthors(serverUrl, [post], false);
         await operator.handlePosts({
             actionType: ActionType.POSTS.RECEIVED_NEW,
             order: [post.id],
@@ -247,33 +242,3 @@ export async function getPosts(serverUrl: string, ids: string[]) {
         return [];
     }
 }
-
-export async function deletePosts(serverUrl: string, postIds: string[]) {
-    try {
-        const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-
-        const postsFormatted = `'${postIds.join("','")}'`;
-
-        await database.write(() => {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            return database.adapter.unsafeExecute({
-                sqls: [
-                    [`DELETE FROM ${POST} where id IN (${postsFormatted})`, []],
-                    [`DELETE FROM ${REACTION} where post_id IN (${postsFormatted})`, []],
-                    [`DELETE FROM ${FILE} where post_id IN (${postsFormatted})`, []],
-                    [`DELETE FROM ${DRAFT} where root_id IN (${postsFormatted})`, []],
-
-                    [`DELETE FROM ${POSTS_IN_THREAD} where root_id IN (${postsFormatted})`, []],
-
-                    [`DELETE FROM ${THREAD} where id IN (${postsFormatted})`, []],
-                    [`DELETE FROM ${THREAD_PARTICIPANT} where thread_id IN (${postsFormatted})`, []],
-                    [`DELETE FROM ${THREADS_IN_TEAM} where thread_id IN (${postsFormatted})`, []],
-                ],
-            });
-        });
-        return {error: false};
-    } catch (error) {
-        return {error};
-    }
-}

app/actions/local/systems.ts

@@ -1,33 +1,30 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {Q} from '@nozbe/watermelondb';
 import deepEqual from 'deep-equal';
 
-import {MM_TABLES, SYSTEM_IDENTIFIERS} from '@constants/database';
+import {SYSTEM_IDENTIFIERS} from '@constants/database';
 import DatabaseManager from '@database/manager';
 import {getServerCredentials} from '@init/credentials';
-import {queryAllChannelsForTeam} from '@queries/servers/channel';
-import {getConfig, getLicense, getGlobalDataRetentionPolicy, getGranularDataRetentionPolicies, getLastGlobalDataRetentionRun, getIsDataRetentionEnabled} from '@queries/servers/system';
+import {getCommonSystemValues} from '@queries/servers/system';
 import {logError} from '@utils/log';
 
-import {deletePosts} from './post';
-
-import type {DataRetentionPoliciesRequest} from '@actions/remote/systems';
-import type PostModel from '@typings/database/models/servers/post';
-
-const {SERVER: {POST}} = MM_TABLES;
-
 export async function storeConfigAndLicense(serverUrl: string, config: ClientConfig, license: ClientLicense) {
     try {
         // If we have credentials for this server then update the values in the database
         const credentials = await getServerCredentials(serverUrl);
         if (credentials) {
-            const {operator, database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-            const currentLicense = await getLicense(database);
+            const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
+            const current = await getCommonSystemValues(operator.database);
             const systems: IdValue[] = [];
+            if (!deepEqual(config, current.config)) {
+                systems.push({
+                    id: SYSTEM_IDENTIFIERS.CONFIG,
+                    value: JSON.stringify(config),
+                });
+            }
 
-            if (!deepEqual(license, currentLicense)) {
+            if (!deepEqual(license, current.license)) {
                 systems.push({
                     id: SYSTEM_IDENTIFIERS.LICENSE,
                     value: JSON.stringify(license),
@@ -37,236 +34,8 @@ export async function storeConfigAndLicense(serverUrl: string, config: ClientCon
             if (systems.length) {
                 await operator.handleSystem({systems, prepareRecordsOnly: false});
             }
-
-            await storeConfig(serverUrl, config);
         }
     } catch (error) {
         logError('An error occurred while saving config & license', error);
     }
 }
-
-export async function storeConfig(serverUrl: string, config: ClientConfig | undefined, prepareRecordsOnly = false) {
-    if (!config) {
-        return [];
-    }
-
-    try {
-        const {operator, database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const currentConfig = await getConfig(database);
-        const configsToUpdate: IdValue[] = [];
-        const configsToDelete: IdValue[] = [];
-
-        let k: keyof ClientConfig;
-        for (k in config) {
-            if (currentConfig?.[k] !== config[k]) {
-                configsToUpdate.push({
-                    id: k,
-                    value: config[k],
-                });
-            }
-        }
-        for (k in currentConfig) {
-            if (config[k] === undefined) {
-                configsToDelete.push({
-                    id: k,
-                    value: currentConfig[k],
-                });
-            }
-        }
-
-        if (configsToDelete.length || configsToUpdate.length) {
-            return operator.handleConfigs({configs: configsToUpdate, configsToDelete, prepareRecordsOnly});
-        }
-    } catch (error) {
-        logError('storeConfig', error);
-    }
-    return [];
-}
-
-export async function storeDataRetentionPolicies(serverUrl: string, data: DataRetentionPoliciesRequest, prepareRecordsOnly = false) {
-    try {
-        const {globalPolicy, teamPolicies, channelPolicies} = data;
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const systems: IdValue[] = [{
-            id: SYSTEM_IDENTIFIERS.DATA_RETENTION_POLICIES,
-            value: globalPolicy || {},
-        }, {
-            id: SYSTEM_IDENTIFIERS.GRANULAR_DATA_RETENTION_POLICIES,
-            value: {
-                team: teamPolicies || [],
-                channel: channelPolicies || [],
-            },
-        }];
-
-        return operator.handleSystem({
-            systems,
-            prepareRecordsOnly,
-        });
-    } catch {
-        return [];
-    }
-}
-
-export async function updateLastDataRetentionRun(serverUrl: string, value?: number, prepareRecordsOnly = false) {
-    try {
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-
-        const systems: IdValue[] = [{
-            id: SYSTEM_IDENTIFIERS.LAST_DATA_RETENTION_RUN,
-            value: value || Date.now(),
-        }];
-
-        return operator.handleSystem({systems, prepareRecordsOnly});
-    } catch (error) {
-        logError('Failed updateLastDataRetentionRun', error);
-        return {error};
-    }
-}
-
-export async function dataRetentionCleanup(serverUrl: string) {
-    try {
-        const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-
-        const isDataRetentionEnabled = await getIsDataRetentionEnabled(database);
-        if (!isDataRetentionEnabled) {
-            return {error: undefined};
-        }
-
-        const lastRunAt = await getLastGlobalDataRetentionRun(database);
-        const lastCleanedToday = new Date(lastRunAt).toDateString() === new Date().toDateString();
-
-        // Do not run if clean up is already done today
-        if (lastRunAt && lastCleanedToday) {
-            return {error: undefined};
-        }
-
-        const globalPolicy = await getGlobalDataRetentionPolicy(database);
-        const granularPoliciesData = await getGranularDataRetentionPolicies(database);
-
-        // Get global data retention cutoff
-        let globalRetentionCutoff = 0;
-        if (globalPolicy?.message_deletion_enabled) {
-            globalRetentionCutoff = globalPolicy.message_retention_cutoff;
-        }
-
-        // Get Granular data retention policies
-        let teamPolicies: TeamDataRetentionPolicy[] = [];
-        let channelPolicies: ChannelDataRetentionPolicy[] = [];
-        if (granularPoliciesData) {
-            teamPolicies = granularPoliciesData.team;
-            channelPolicies = granularPoliciesData.channel;
-        }
-
-        const channelsCutoffs: {[key: string]: number} = {};
-
-        // Get channel level cutoff from team policies
-        for await (const teamPolicy of teamPolicies) {
-            const {team_id, post_duration} = teamPolicy;
-            const channelIds = await queryAllChannelsForTeam(database, team_id).fetchIds();
-            if (channelIds.length) {
-                const cutoff = getDataRetentionPolicyCutoff(post_duration);
-                channelIds.forEach((channelId) => {
-                    channelsCutoffs[channelId] = cutoff;
-                });
-            }
-        }
-
-        // Get channel level cutoff from channel policies
-        channelPolicies.forEach(({channel_id, post_duration}) => {
-            channelsCutoffs[channel_id] = getDataRetentionPolicyCutoff(post_duration);
-        });
-
-        const conditions = [];
-
-        const channelIds = Object.keys(channelsCutoffs);
-        if (channelIds.length) {
-            // Fetch posts by channel level cutoff
-            for (const channelId of channelIds) {
-                const cutoff = channelsCutoffs[channelId];
-                conditions.push(`(channel_id='${channelId}' AND create_at < ${cutoff})`);
-            }
-
-            // Fetch posts by global cutoff which are not already fetched by channel level cutoff
-            conditions.push(`(channel_id NOT IN ('${channelIds.join("','")}') AND create_at < ${globalRetentionCutoff})`);
-        } else {
-            conditions.push(`create_at < ${globalRetentionCutoff}`);
-        }
-
-        const postIds = await database.get<PostModel>(POST).query(
-            Q.unsafeSqlQuery(`SELECT * FROM ${POST} where ${conditions.join(' OR ')}`),
-        ).fetchIds();
-
-        if (postIds.length) {
-            const batchSize = 1000;
-            const deletePromises = [];
-            for (let i = 0; i < postIds.length; i += batchSize) {
-                const batch = postIds.slice(i, batchSize);
-                deletePromises.push(
-                    deletePosts(serverUrl, batch),
-                );
-            }
-            const deleteResult = await Promise.all(deletePromises);
-            for (const {error} of deleteResult) {
-                if (error) {
-                    return {error};
-                }
-            }
-        }
-
-        await updateLastDataRetentionRun(serverUrl);
-
-        return {error: undefined};
-    } catch (error) {
-        logError('An error occurred while performing data retention cleanup', error);
-        return {error};
-    }
-}
-
-// Returns cutoff time based on the policy's post_duration
-function getDataRetentionPolicyCutoff(postDuration: number) {
-    const periodDate = new Date();
-    periodDate.setDate(periodDate.getDate() - postDuration);
-    periodDate.setHours(0);
-    periodDate.setMinutes(0);
-    periodDate.setSeconds(0);
-    return periodDate.getTime();
-}
-
-export async function setLastServerVersionCheck(serverUrl: string, reset = false) {
-    try {
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        await operator.handleSystem({
-            systems: [{
-                id: SYSTEM_IDENTIFIERS.LAST_SERVER_VERSION_CHECK,
-                value: reset ? 0 : Date.now(),
-            }],
-            prepareRecordsOnly: false,
-        });
-    } catch (error) {
-        logError('setLastServerVersionCheck', error);
-    }
-}
-
-export async function setGlobalThreadsTab(serverUrl: string, globalThreadsTab: GlobalThreadsTab) {
-    try {
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        await operator.handleSystem({
-            systems: [{
-                id: SYSTEM_IDENTIFIERS.GLOBAL_THREADS_TAB,
-                value: globalThreadsTab,
-            }],
-            prepareRecordsOnly: false,
-        });
-    } catch (error) {
-        logError('setGlobalThreadsTab', error);
-    }
-}
-
-export async function dismissAnnouncement(serverUrl: string, announcementText: string) {
-    try {
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        await operator.handleSystem({systems: [{id: SYSTEM_IDENTIFIERS.LAST_DISMISSED_BANNER, value: announcementText}], prepareRecordsOnly: false});
-    } catch (error) {
-        logError('An error occurred while dismissing an announcement', error);
-    }
-}

app/actions/local/team.ts

@@ -2,7 +2,7 @@
 // See LICENSE.txt for license information.
 
 import DatabaseManager from '@database/manager';
-import {prepareDeleteTeam, getMyTeamById, queryTeamSearchHistoryByTeamId, removeTeamFromTeamHistory, getTeamSearchHistoryById, getTeamById} from '@queries/servers/team';
+import {prepareDeleteTeam, getMyTeamById, queryTeamSearchHistoryByTeamId, removeTeamFromTeamHistory, getTeamSearchHistoryById} from '@queries/servers/team';
 import {logError} from '@utils/log';
 
 import type Model from '@nozbe/watermelondb/Model';
@@ -12,7 +12,7 @@ export async function removeUserFromTeam(serverUrl: string, teamId: string) {
         const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
         const myTeam = await getMyTeamById(database, teamId);
         if (myTeam) {
-            const team = await getTeamById(database, myTeam.id);
+            const team = await myTeam.team.fetch();
             if (!team) {
                 throw new Error('Team not found');
             }

app/actions/local/thread.ts

@@ -8,7 +8,7 @@ import DatabaseManager from '@database/manager';
 import {getTranslations, t} from '@i18n';
 import {getChannelById} from '@queries/servers/channel';
 import {getPostById} from '@queries/servers/post';
-import {getCurrentTeamId, getCurrentUserId, prepareCommonSystemValues, PrepareCommonSystemValuesArgs, setCurrentTeamAndChannelId} from '@queries/servers/system';
+import {getCommonSystemValues, getCurrentTeamId, getCurrentUserId, prepareCommonSystemValues, PrepareCommonSystemValuesArgs, setCurrentTeamAndChannelId} from '@queries/servers/system';
 import {addChannelToTeamHistory, addTeamToTeamHistory} from '@queries/servers/team';
 import {getIsCRTEnabled, getThreadById, prepareThreadsFromReceivedPosts, queryThreadsInTeam} from '@queries/servers/thread';
 import {getCurrentUser} from '@queries/servers/user';
@@ -74,24 +74,16 @@ export const switchToThread = async (serverUrl: string, rootId: string, isFromNo
             throw new Error('Channel not found');
         }
 
-        const currentTeamId = await getCurrentTeamId(database);
+        const system = await getCommonSystemValues(database);
         const isTabletDevice = await isTablet();
-        const teamId = channel.teamId || currentTeamId;
+        const teamId = channel.teamId || system.currentTeamId;
 
         let switchingTeams = false;
-        if (currentTeamId === teamId) {
-            const models = await prepareCommonSystemValues(operator, {
-                currentChannelId: channel.id,
-            });
-            if (models.length) {
-                await operator.batchRecords(models);
-            }
-        } else {
+        if (system.currentTeamId !== teamId) {
             const modelPromises: Array<Promise<Model[]>> = [];
             switchingTeams = true;
             modelPromises.push(addTeamToTeamHistory(operator, teamId, true));
             const commonValues: PrepareCommonSystemValuesArgs = {
-                currentChannelId: channel.id,
                 currentTeamId: teamId,
             };
             modelPromises.push(prepareCommonSystemValues(operator, commonValues));
@@ -176,7 +168,7 @@ export async function createThreadFromNewPost(serverUrl: string, post: Post, pre
         const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
         const models: Model[] = [];
         if (post.root_id) {
-            // Update the thread data: `reply_count`
+        // Update the thread data: `reply_count`
             const {model: threadModel} = await updateThread(serverUrl, post.root_id, {reply_count: post.reply_count}, true);
             if (threadModel) {
                 models.push(threadModel);
@@ -212,7 +204,7 @@ export async function createThreadFromNewPost(serverUrl: string, post: Post, pre
 }
 
 // On receiving threads, Along with the "threads" & "thread participants", extract and save "posts" & "users"
-export async function processReceivedThreads(serverUrl: string, threads: Thread[], teamId: string, prepareRecordsOnly = false) {
+export async function processReceivedThreads(serverUrl: string, threads: Thread[], teamId: string, loadedInGlobalThreads = false, prepareRecordsOnly = false) {
     try {
         const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
         const currentUserId = await getCurrentUserId(database);
@@ -244,6 +236,7 @@ export async function processReceivedThreads(serverUrl: string, threads: Thread[
             threads: threadsToHandle,
             teamId,
             prepareRecordsOnly: true,
+            loadedInGlobalThreads,
         });
 
         const models = [...postModels, ...threadModels];
@@ -335,17 +328,3 @@ export async function updateThread(serverUrl: string, threadId: string, updatedT
         return {error};
     }
 }
-
-export async function updateTeamThreadsSync(serverUrl: string, data: TeamThreadsSync, prepareRecordsOnly = false) {
-    try {
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const models = await operator.handleTeamThreadsSync({data: [data], prepareRecordsOnly});
-        if (!prepareRecordsOnly) {
-            await operator.batchRecords(models);
-        }
-        return {models};
-    } catch (error) {
-        logError('Failed updateTeamThreadsSync', error);
-        return {error};
-    }
-}

app/actions/remote/apps.ts

@@ -207,7 +207,7 @@ export function postEphemeralCallResponseForPost(serverUrl: string, response: Ap
         serverUrl,
         message,
         post.channelId,
-        post.rootId || post.id,
+        post.rootId,
         response.app_metadata?.bot_user_id,
     );
 }

app/actions/remote/channel.ts

@@ -9,26 +9,22 @@ import {DeviceEventEmitter} from 'react-native';
 import {addChannelToDefaultCategory, storeCategories} from '@actions/local/category';
 import {removeCurrentUserFromChannel, setChannelDeleteAt, storeMyChannelsForTeam, switchToChannel} from '@actions/local/channel';
 import {switchToGlobalThreads} from '@actions/local/thread';
-import {loadCallForChannel} from '@calls/actions/calls';
-import {DeepLink, Events, General, Preferences, Screens} from '@constants';
+import {Events, General, Preferences, Screens} from '@constants';
 import DatabaseManager from '@database/manager';
 import {privateChannelJoinPrompt} from '@helpers/api/channel';
 import {getTeammateNameDisplaySetting} from '@helpers/api/preference';
-import AppsManager from '@managers/apps_manager';
 import NetworkManager from '@managers/network_manager';
-import {getActiveServer} from '@queries/app/servers';
 import {prepareMyChannelsForTeam, getChannelById, getChannelByName, getMyChannel, getChannelInfo, queryMyChannelSettingsByIds, getMembersCountByChannelsId} from '@queries/servers/channel';
 import {queryPreferencesByCategoryAndName} from '@queries/servers/preference';
-import {getCommonSystemValues, getConfig, getCurrentChannelId, getCurrentTeamId, getCurrentUserId, getLicense, setCurrentChannelId, setCurrentTeamAndChannelId} from '@queries/servers/system';
-import {getNthLastChannelFromTeam, getMyTeamById, getTeamByName, queryMyTeams, removeChannelFromTeamHistory} from '@queries/servers/team';
+import {getCommonSystemValues, getConfig, getCurrentTeamId, getCurrentUserId, getLicense, setCurrentChannelId} from '@queries/servers/system';
+import {getNthLastChannelFromTeam, getMyTeamById, getTeamByName, queryMyTeams} from '@queries/servers/team';
 import {getCurrentUser} from '@queries/servers/user';
-import {dismissAllModals, popToRoot} from '@screens/navigation';
 import EphemeralStore from '@store/ephemeral_store';
-import {setTeamLoading} from '@store/team_load_store';
 import {generateChannelNameFromDisplayName, getDirectChannelName, isDMorGM} from '@utils/channel';
 import {isTablet} from '@utils/helpers';
-import {logDebug, logError, logInfo} from '@utils/log';
+import {logError, logInfo} from '@utils/log';
 import {showMuteChannelSnackbar} from '@utils/snack_bar';
+import {PERMALINK_GENERIC_TEAM_NAME_REDIRECT} from '@utils/url';
 import {displayGroupMessageName, displayUsername} from '@utils/user';
 
 import {fetchGroupsForChannelIfConstrained} from './groups';
@@ -360,9 +356,6 @@ export async function fetchMyChannelsForTeam(serverUrl: string, teamId: string,
     }
 
     try {
-        if (!fetchOnly) {
-            setTeamLoading(serverUrl, true);
-        }
         const [allChannels, channelMemberships, categoriesWithOrder] = await Promise.all([
             client.getMyChannels(teamId, includeDeleted, since),
             client.getMyChannelMembers(teamId),
@@ -391,14 +384,10 @@ export async function fetchMyChannelsForTeam(serverUrl: string, teamId: string,
             if (models.length) {
                 await operator.batchRecords(models);
             }
-            setTeamLoading(serverUrl, false);
         }
 
         return {channels, memberships, categories};
     } catch (error) {
-        if (!fetchOnly) {
-            setTeamLoading(serverUrl, false);
-        }
         forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
         return {error};
     }
@@ -533,7 +522,7 @@ export async function fetchDirectChannelsInfo(serverUrl: string, directChannels:
     const preferences = await queryPreferencesByCategoryAndName(database, Preferences.CATEGORY_DISPLAY_SETTINGS).fetch();
     const config = await getConfig(database);
     const license = await getLicense(database);
-    const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences, config?.LockTeammateNameDisplay, config?.TeammateNameDisplay, license);
+    const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences, config, license);
     const currentUser = await getCurrentUser(database);
     const channels = directChannels.map((d) => d.toApi());
     return fetchMissingDirectChannelsInfo(serverUrl, channels, currentUser?.locale, teammateDisplayNameSetting, currentUser?.id);
@@ -608,7 +597,6 @@ export async function joinChannel(serverUrl: string, teamId: string, channelId?:
     }
 
     if (channelId || channel?.id) {
-        loadCallForChannel(serverUrl, channelId || channel!.id);
         EphemeralStore.removeJoiningChannel(channelId || channel!.id);
     }
     return {channel, member};
@@ -662,7 +650,7 @@ export async function switchToChannelByName(serverUrl: string, channelName: stri
     let joinedTeam = false;
     let teamId = '';
     try {
-        if (teamName === DeepLink.Redirect) {
+        if (teamName === PERMALINK_GENERIC_TEAM_NAME_REDIRECT) {
             teamId = await getCurrentTeamId(database);
         } else {
             const team = await getTeamByName(database, teamName);
@@ -720,29 +708,6 @@ export async function switchToChannelByName(serverUrl: string, channelName: stri
     }
 }
 
-export async function goToNPSChannel(serverUrl: string) {
-    let client: Client;
-    try {
-        client = NetworkManager.getClient(serverUrl);
-    } catch (error) {
-        return {error};
-    }
-
-    try {
-        const user = await client.getUserByUsername(General.NPS_PLUGIN_BOT_USERNAME);
-        const {data, error} = await createDirectChannel(serverUrl, user.id);
-        if (error || !data) {
-            throw error || new Error('channel not found');
-        }
-        await switchToChannelById(serverUrl, data.id, data.team_id);
-    } catch (error) {
-        forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
-        return {error};
-    }
-
-    return {};
-}
-
 export async function createDirectChannel(serverUrl: string, userId: string, displayName = '') {
     const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
     if (!operator) {
@@ -777,9 +742,8 @@ export async function createDirectChannel(serverUrl: string, userId: string, dis
             created.display_name = displayName;
         } else {
             const preferences = await queryPreferencesByCategoryAndName(database, Preferences.CATEGORY_DISPLAY_SETTINGS, Preferences.NAME_NAME_FORMAT).fetch();
-            const license = await getLicense(database);
-            const config = await getConfig(database);
-            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], config.LockTeammateNameDisplay, config.TeammateNameDisplay, license);
+            const system = await getCommonSystemValues(database);
+            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], system.config, system.license);
             const {directChannels, users} = await fetchMissingDirectChannelsInfo(serverUrl, [created], currentUser.locale, teammateDisplayNameSetting, currentUser.id, true);
             created.display_name = directChannels?.[0].display_name || created.display_name;
             if (users?.length) {
@@ -895,16 +859,19 @@ export async function fetchArchivedChannels(serverUrl: string, teamId: string, p
 }
 
 export async function createGroupChannel(serverUrl: string, userIds: string[]) {
+    const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
+    if (!operator) {
+        return {error: `${serverUrl} database not found`};
+    }
+
     let client: Client;
     try {
         client = NetworkManager.getClient(serverUrl);
     } catch (error) {
         return {error};
     }
-
     try {
-        const {operator, database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const currentUser = await getCurrentUser(database);
+        const currentUser = await getCurrentUser(operator.database);
         if (!currentUser) {
             return {error: 'Cannot get the current user'};
         }
@@ -918,10 +885,9 @@ export async function createGroupChannel(serverUrl: string, userIds: string[]) {
             return {data: created};
         }
 
-        const preferences = await queryPreferencesByCategoryAndName(database, Preferences.CATEGORY_DISPLAY_SETTINGS, Preferences.NAME_NAME_FORMAT).fetch();
-        const license = await getLicense(database);
-        const config = await getConfig(database);
-        const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], config.LockTeammateNameDisplay, config.TeammateNameDisplay, license);
+        const preferences = await queryPreferencesByCategoryAndName(operator.database, Preferences.CATEGORY_DISPLAY_SETTINGS, Preferences.NAME_NAME_FORMAT).fetch();
+        const system = await getCommonSystemValues(operator.database);
+        const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], system.config, system.license);
         const {directChannels, users} = await fetchMissingDirectChannelsInfo(serverUrl, [created], currentUser.locale, teammateDisplayNameSetting, currentUser.id, true);
 
         const member = {
@@ -1057,10 +1023,6 @@ export async function switchToChannelById(serverUrl: string, channelId: string,
 
     DeviceEventEmitter.emit(Events.CHANNEL_SWITCH, false);
 
-    if (await AppsManager.isAppsEnabled(serverUrl)) {
-        AppsManager.fetchBindings(serverUrl, channelId);
-    }
-
     return {};
 }
 
@@ -1264,7 +1226,7 @@ export const unarchiveChannel = async (serverUrl: string, channelId: string) =>
     try {
         EphemeralStore.addArchivingChannel(channelId);
         await client.unarchiveChannel(channelId);
-        await setChannelDeleteAt(serverUrl, channelId, 0);
+        await setChannelDeleteAt(serverUrl, channelId, Date.now());
         return {error: undefined};
     } catch (error) {
         forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
@@ -1308,45 +1270,3 @@ export const convertChannelToPrivate = async (serverUrl: string, channelId: stri
         EphemeralStore.removeConvertingChannel(channelId);
     }
 };
-
-export const handleKickFromChannel = async (serverUrl: string, channelId: string, event: string = Events.LEAVE_CHANNEL) => {
-    try {
-        const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-
-        const currentChannelId = await getCurrentChannelId(database);
-        if (currentChannelId !== channelId) {
-            return;
-        }
-
-        const currentServer = await getActiveServer();
-        if (currentServer?.url === serverUrl) {
-            const channel = await getChannelById(database, channelId);
-            DeviceEventEmitter.emit(event, channel?.displayName);
-            await dismissAllModals();
-            await popToRoot();
-        }
-
-        const tabletDevice = await isTablet();
-
-        if (tabletDevice) {
-            const teamId = await getCurrentTeamId(database);
-            await removeChannelFromTeamHistory(operator, teamId, channelId);
-            const newChannelId = await getNthLastChannelFromTeam(database, teamId, 0, channelId);
-            if (newChannelId) {
-                if (currentServer?.url === serverUrl) {
-                    if (newChannelId === Screens.GLOBAL_THREADS) {
-                        await switchToGlobalThreads(serverUrl, teamId, false);
-                    } else {
-                        await switchToChannelById(serverUrl, newChannelId, teamId, true);
-                    }
-                } else {
-                    await setCurrentTeamAndChannelId(operator, teamId, channelId);
-                }
-            } // TODO else jump to "join a channel" screen https://mattermost.atlassian.net/browse/MM-41051
-        } else {
-            await setCurrentChannelId(operator, '');
-        }
-    } catch (error) {
-        logDebug('cannot kick user from channel', error);
-    }
-};

app/actions/remote/command.ts

@@ -4,21 +4,25 @@
 import {IntlShape} from 'react-intl';
 import {Alert} from 'react-native';
 
-import {doAppSubmit, postEphemeralCallResponseForCommandArgs} from '@actions/remote/apps';
+import {showPermalink} from '@actions/remote/permalink';
 import {Client} from '@client/rest';
-import {AppCommandParser} from '@components/autocomplete/slash_suggestion/app_command_parser/app_command_parser';
-import {AppCallResponseTypes} from '@constants/apps';
+import DeepLinkType from '@constants/deep_linking';
 import DatabaseManager from '@database/manager';
-import AppsManager from '@managers/apps_manager';
 import IntegrationsManager from '@managers/integrations_manager';
 import NetworkManager from '@managers/network_manager';
 import {getChannelById} from '@queries/servers/channel';
 import {getConfig, getCurrentTeamId} from '@queries/servers/system';
-import {showAppForm} from '@screens/navigation';
-import {handleDeepLink, matchDeepLink} from '@utils/deep_link';
-import {tryOpenURL} from '@utils/url';
+import {getTeammateNameDisplay, queryUsersByUsername} from '@queries/servers/user';
+import {showModal} from '@screens/navigation';
+import * as DraftUtils from '@utils/draft';
+import {matchDeepLink, tryOpenURL} from '@utils/url';
+import {displayUsername} from '@utils/user';
 
-export const executeCommand = async (serverUrl: string, intl: IntlShape, message: string, channelId: string, rootId?: string): Promise<{data?: CommandResponse; error?: string | {message: string}}> => {
+import {makeDirectChannel, switchToChannelById, switchToChannelByName} from './channel';
+
+import type {DeepLinkChannel, DeepLinkPermalink, DeepLinkDM, DeepLinkGM, DeepLinkPlugin} from '@typings/launch';
+
+export const executeCommand = async (serverUrl: string, intl: IntlShape, message: string, channelId: string, rootId?: string) => {
     const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
     if (!operator) {
         return {error: `${serverUrl} database not found`};
@@ -31,6 +35,14 @@ export const executeCommand = async (serverUrl: string, intl: IntlShape, message
         return {error: error as ClientErrorProps};
     }
 
+    // const config = await queryConfig(operator.database)
+    // if (config.FeatureFlagAppsEnabled) {
+    //     const parser = new AppCommandParser(serverUrl, intl, channelId, rootId);
+    //     if (parser.isAppCommand(msg)) {
+    //         return executeAppCommand(serverUrl, intl, parser);
+    //     }
+    // }
+
     const channel = await getChannelById(operator.database, channelId);
     const teamId = channel?.teamId || (await getCurrentTeamId(operator.database));
 
@@ -41,14 +53,6 @@ export const executeCommand = async (serverUrl: string, intl: IntlShape, message
         parent_id: rootId,
     };
 
-    const appsEnabled = await AppsManager.isAppsEnabled(serverUrl);
-    if (appsEnabled) {
-        const parser = new AppCommandParser(serverUrl, intl, channelId, teamId, rootId);
-        if (parser.isAppCommand(message)) {
-            return executeAppCommand(serverUrl, intl, parser, message, args);
-        }
-    }
-
     let msg = filterEmDashForCommand(message);
 
     let cmdLength = msg.indexOf(' ');
@@ -77,51 +81,44 @@ export const executeCommand = async (serverUrl: string, intl: IntlShape, message
     return {data};
 };
 
-const executeAppCommand = async (serverUrl: string, intl: IntlShape, parser: AppCommandParser, msg: string, args: CommandArgs) => {
-    const {creq, errorMessage} = await parser.composeCommandSubmitCall(msg);
-    const createErrorMessage = (errMessage: string) => {
-        return {error: {message: errMessage}};
-    };
+// TODO https://mattermost.atlassian.net/browse/MM-41234
+// const executeAppCommand = (serverUrl: string, intl: IntlShape, parser: any) => {
+//     const {call, errorMessage} = await parser.composeCallFromCommand(msg);
+//     const createErrorMessage = (errMessage: string) => {
+//         return {error: {message: errMessage}};
+//     };
 
-    if (!creq) {
-        return createErrorMessage(errorMessage!);
-    }
+//     if (!call) {
+//         return createErrorMessage(errorMessage!);
+//     }
 
-    const res = await doAppSubmit(serverUrl, creq, intl);
-    if (res.error) {
-        const errorResponse = res.error as AppCallResponse;
-        return createErrorMessage(errorResponse.text || intl.formatMessage({
-            id: 'apps.error.unknown',
-            defaultMessage: 'Unknown error.',
-        }));
-    }
-    const callResp = res.data as AppCallResponse;
-
-    switch (callResp.type) {
-        case AppCallResponseTypes.OK:
-            if (callResp.text) {
-                postEphemeralCallResponseForCommandArgs(serverUrl, callResp, callResp.text, args);
-            }
-            return {data: {}};
-        case AppCallResponseTypes.FORM:
-            if (callResp.form) {
-                showAppForm(callResp.form, creq.context);
-            }
-            return {data: {}};
-        case AppCallResponseTypes.NAVIGATE:
-            if (callResp.navigate_to_url) {
-                handleGotoLocation(serverUrl, intl, callResp.navigate_to_url);
-            }
-            return {data: {}};
-        default:
-            return createErrorMessage(intl.formatMessage({
-                id: 'apps.error.responses.unknown_type',
-                defaultMessage: 'App response type not supported. Response type: {type}.',
-            }, {
-                type: callResp.type,
-            }));
-    }
-};
+//     const res = await dispatch(doAppCall(call, AppCallTypes.SUBMIT, intl));
+//     if (res.error) {
+//         const errorResponse = res.error as AppCallResponse;
+//         return createErrorMessage(errorResponse.error || intl.formatMessage({
+//             id: 'apps.error.unknown',
+//             defaultMessage: 'Unknown error.',
+//         }));
+//     }
+//     const callResp = res.data as AppCallResponse;
+//     switch (callResp.type) {
+//     case AppCallResponseTypes.OK:
+//         if (callResp.markdown) {
+//             dispatch(postEphemeralCallResponseForCommandArgs(callResp, callResp.markdown, args));
+//         }
+//         return {data: {}};
+//     case AppCallResponseTypes.FORM:
+//     case AppCallResponseTypes.NAVIGATE:
+//         return {data: {}};
+//     default:
+//         return createErrorMessage(intl.formatMessage({
+//             id: 'apps.error.responses.unknown_type',
+//             defaultMessage: 'App response type not supported. Response type: {type}.',
+//         }, {
+//             type: callResp.type,
+//         }));
+//     }
+// };
 
 const filterEmDashForCommand = (command: string): string => {
     return command.replace(/\u2014/g, '--');
@@ -136,9 +133,60 @@ export const handleGotoLocation = async (serverUrl: string, intl: IntlShape, loc
 
     const config = await getConfig(database);
     const match = matchDeepLink(location, serverUrl, config?.SiteURL);
+    let linkServerUrl: string | undefined;
+    if (match?.data?.serverUrl) {
+        linkServerUrl = DatabaseManager.searchUrl(match.data.serverUrl);
+    }
 
-    if (match) {
-        handleDeepLink(match, intl, location);
+    if (match && linkServerUrl) {
+        switch (match.type) {
+            case DeepLinkType.Channel: {
+                const data = match.data as DeepLinkChannel;
+                switchToChannelByName(linkServerUrl, data.channelName, data.teamName, DraftUtils.errorBadChannel, intl);
+                break;
+            }
+            case DeepLinkType.Permalink: {
+                const data = match.data as DeepLinkPermalink;
+                showPermalink(linkServerUrl, data.teamName, data.postId, intl);
+                break;
+            }
+            case DeepLinkType.DirectMessage: {
+                const data = match.data as DeepLinkDM;
+                if (!data.userName) {
+                    DraftUtils.errorUnkownUser(intl);
+                    return {data: false};
+                }
+
+                if (data.serverUrl !== serverUrl) {
+                    if (!database) {
+                        return {error: `${serverUrl} database not found`};
+                    }
+                }
+                const user = (await queryUsersByUsername(database, [data.userName]).fetch())[0];
+                if (!user) {
+                    DraftUtils.errorUnkownUser(intl);
+                    return {data: false};
+                }
+
+                makeDirectChannel(linkServerUrl, user.id, displayUsername(user, intl.locale, await getTeammateNameDisplay(database)), true);
+                break;
+            }
+            case DeepLinkType.GroupMessage: {
+                const data = match.data as DeepLinkGM;
+                if (!data.channelId) {
+                    DraftUtils.errorBadChannel(intl);
+                    return {data: false};
+                }
+
+                switchToChannelById(linkServerUrl, data.channelId);
+                break;
+            }
+            case DeepLinkType.Plugin: {
+                const data = match.data as DeepLinkPlugin;
+                showModal('PluginInternal', data.id, {link: location});
+                break;
+            }
+        }
     } else {
         const {formatMessage} = intl;
         const onError = () => Alert.alert(

app/actions/remote/custom_emoji.ts

@@ -87,17 +87,10 @@ const debouncedFetchEmojiByNames = debounce(async (serverUrl: string) => {
         promises.push(client.getCustomEmojiByName(name));
     }
 
+    const emojis = await Promise.all(promises);
+
     try {
-        const emojisResult = await Promise.allSettled(promises);
-        const emojis = emojisResult.reduce<CustomEmoji[]>((result, e) => {
-            if (e.status === 'fulfilled') {
-                result.push(e.value);
-            }
-            return result;
-        }, []);
-        if (emojis.length) {
-            await operator.handleCustomEmojis({emojis, prepareRecordsOnly: false});
-        }
+        await operator.handleCustomEmojis({emojis, prepareRecordsOnly: false});
         return {error: undefined};
     } catch (error) {
         return {error};

app/actions/remote/entry/app.ts

@@ -1,17 +1,16 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {dataRetentionCleanup, setLastServerVersionCheck} from '@actions/local/systems';
+import {switchToChannelById} from '@actions/remote/channel';
 import {fetchConfigAndLicense} from '@actions/remote/systems';
 import DatabaseManager from '@database/manager';
-import {prepareCommonSystemValues, getCurrentTeamId, getWebSocketLastDisconnected, getCurrentChannelId, getConfig, getLicense} from '@queries/servers/system';
+import {prepareCommonSystemValues, getCommonSystemValues, getCurrentTeamId, getWebSocketLastDisconnected, setCurrentTeamAndChannelId, getCurrentChannelId} from '@queries/servers/system';
 import {getCurrentUser} from '@queries/servers/user';
-import {setTeamLoading} from '@store/team_load_store';
 import {deleteV1Data} from '@utils/file';
 import {isTablet} from '@utils/helpers';
 import {logInfo} from '@utils/log';
 
-import {handleEntryAfterLoadNavigation, registerDeviceToken, syncOtherServers, verifyPushProxy} from './common';
+import {registerDeviceToken, syncOtherServers, verifyPushProxy} from './common';
 import {deferredAppEntryActions, entry} from './gql_common';
 
 export async function appEntry(serverUrl: string, since = 0, isUpgrade = false) {
@@ -22,57 +21,52 @@ export async function appEntry(serverUrl: string, since = 0, isUpgrade = false)
 
     if (!since) {
         registerDeviceToken(serverUrl);
-        if (Object.keys(DatabaseManager.serverDatabases).length === 1) {
-            await setLastServerVersionCheck(serverUrl, true);
-        }
     }
 
-    // Run data retention cleanup
-    await dataRetentionCleanup(serverUrl);
-
     // clear lastUnreadChannelId
     const removeLastUnreadChannelId = await prepareCommonSystemValues(operator, {lastUnreadChannelId: ''});
     if (removeLastUnreadChannelId) {
-        await operator.batchRecords(removeLastUnreadChannelId);
+        operator.batchRecords(removeLastUnreadChannelId);
     }
 
     const {database} = operator;
 
+    const tabletDevice = await isTablet();
     const currentTeamId = await getCurrentTeamId(database);
     const currentChannelId = await getCurrentChannelId(database);
     const lastDisconnectedAt = (await getWebSocketLastDisconnected(database)) || since;
 
-    setTeamLoading(serverUrl, true);
     const entryData = await entry(serverUrl, currentTeamId, currentChannelId, since);
     if ('error' in entryData) {
-        setTeamLoading(serverUrl, false);
         return {error: entryData.error};
     }
 
     const {models, initialTeamId, initialChannelId, prefData, teamData, chData, meData} = entryData;
     if (isUpgrade && meData?.user) {
-        const isTabletDevice = await isTablet();
-        const me = await prepareCommonSystemValues(operator, {
-            currentUserId: meData.user.id,
-            currentTeamId: initialTeamId,
-            currentChannelId: isTabletDevice ? initialChannelId : undefined,
-        });
+        const me = await prepareCommonSystemValues(operator, {currentUserId: meData.user.id});
         if (me?.length) {
             await operator.batchRecords(me);
         }
     }
 
-    await handleEntryAfterLoadNavigation(serverUrl, teamData.memberships || [], chData?.memberships || [], currentTeamId, currentChannelId, initialTeamId, initialChannelId);
+    let switchToChannel = false;
+
+    // Immediately set the new team as the current team in the database so that the UI
+    // renders the correct team.
+    if (tabletDevice && initialChannelId) {
+        switchToChannel = true;
+        switchToChannelById(serverUrl, initialChannelId, initialTeamId);
+    } else {
+        setCurrentTeamAndChannelId(operator, initialTeamId, initialChannelId);
+    }
 
     const dt = Date.now();
     await operator.batchRecords(models);
     logInfo('ENTRY MODELS BATCHING TOOK', `${Date.now() - dt}ms`);
-    setTeamLoading(serverUrl, false);
 
     const {id: currentUserId, locale: currentUserLocale} = meData?.user || (await getCurrentUser(database))!;
-    const config = await getConfig(database);
-    const license = await getLicense(database);
-    await deferredAppEntryActions(serverUrl, lastDisconnectedAt, currentUserId, currentUserLocale, prefData.preferences, config, license, teamData, chData, initialTeamId);
+    const {config, license} = await getCommonSystemValues(database);
+    await deferredAppEntryActions(serverUrl, lastDisconnectedAt, currentUserId, currentUserLocale, prefData.preferences, config, license, teamData, chData, initialTeamId, switchToChannel ? initialChannelId : undefined);
 
     if (!since) {
         // Load data from other servers
@@ -93,8 +87,8 @@ export async function upgradeEntry(serverUrl: string) {
         const error = configAndLicense.error || entryData.error;
 
         if (!error) {
-            await DatabaseManager.updateServerIdentifier(serverUrl, configAndLicense.config!.DiagnosticId);
-            await DatabaseManager.setActiveServerDatabase(serverUrl);
+            DatabaseManager.updateServerIdentifier(serverUrl, configAndLicense.config!.DiagnosticId);
+            DatabaseManager.setActiveServerDatabase(serverUrl);
             deleteV1Data();
         }
 

app/actions/remote/entry/common.ts

@@ -3,15 +3,14 @@
 
 import {Database, Model} from '@nozbe/watermelondb';
 
-import {dataRetentionCleanup} from '@actions/local/systems';
-import {fetchMissingDirectChannelsInfo, fetchMyChannelsForTeam, handleKickFromChannel, MyChannelsRequest} from '@actions/remote/channel';
+import {fetchMissingDirectChannelsInfo, fetchMyChannelsForTeam, MyChannelsRequest} from '@actions/remote/channel';
 import {fetchGroupsForMember} from '@actions/remote/groups';
 import {fetchPostsForUnreadChannels} from '@actions/remote/post';
 import {MyPreferencesRequest, fetchMyPreferences} from '@actions/remote/preference';
 import {fetchRoles} from '@actions/remote/role';
 import {fetchConfigAndLicense} from '@actions/remote/systems';
-import {fetchMyTeams, fetchTeamsChannelsAndUnreadPosts, handleKickFromTeam, MyTeamsRequest, updateCanJoinTeams} from '@actions/remote/team';
-import {syncTeamThreads} from '@actions/remote/thread';
+import {fetchAllTeams, fetchMyTeams, fetchTeamsChannelsAndUnreadPosts, MyTeamsRequest} from '@actions/remote/team';
+import {fetchNewThreads} from '@actions/remote/thread';
 import {autoUpdateTimezone, fetchMe, MyUserRequest, updateAllUsersSince} from '@actions/remote/user';
 import {gqlAllChannels} from '@client/graphQL/entry';
 import {General, Preferences, Screens} from '@constants';
@@ -23,17 +22,14 @@ import {selectDefaultTeam} from '@helpers/api/team';
 import {DEFAULT_LOCALE} from '@i18n';
 import NetworkManager from '@managers/network_manager';
 import {getDeviceToken} from '@queries/app/global';
-import {getAllServers} from '@queries/app/servers';
+import {queryAllServers} from '@queries/app/servers';
 import {prepareMyChannelsForTeam, queryAllChannelsForTeam, queryChannelsById} from '@queries/servers/channel';
 import {prepareModels, truncateCrtRelatedTables} from '@queries/servers/entry';
 import {getHasCRTChanged} from '@queries/servers/preference';
-import {getConfig, getCurrentChannelId, getCurrentTeamId, getCurrentUserId, getPushVerificationStatus, getWebSocketLastDisconnected, setCurrentTeamAndChannelId} from '@queries/servers/system';
+import {getConfig, getCurrentUserId, getPushVerificationStatus, getWebSocketLastDisconnected} from '@queries/servers/system';
 import {deleteMyTeams, getAvailableTeamIds, getTeamChannelHistory, queryMyTeams, queryMyTeamsByIds, queryTeamsById} from '@queries/servers/team';
-import {getIsCRTEnabled} from '@queries/servers/thread';
-import NavigationStore from '@store/navigation_store';
 import {isDMorGM, sortChannelsByDisplayName} from '@utils/channel';
 import {getMemberChannelsFromGQLQuery, gqlToClientChannelMembership} from '@utils/graphql';
-import {isTablet} from '@utils/helpers';
 import {logDebug} from '@utils/log';
 import {processIsCRTEnabled} from '@utils/thread';
 
@@ -149,7 +145,7 @@ export const fetchAppEntryData = async (serverUrl: string, sinceArg: number, ini
 
     const confReq = await fetchConfigAndLicense(serverUrl);
     const prefData = await fetchMyPreferences(serverUrl, fetchOnly);
-    const isCRTEnabled = Boolean(prefData.preferences && processIsCRTEnabled(prefData.preferences, confReq.config?.CollapsedThreads, confReq.config?.FeatureFlagCollapsedThreads, confReq.config?.Version));
+    const isCRTEnabled = Boolean(prefData.preferences && processIsCRTEnabled(prefData.preferences, confReq.config));
     if (prefData.preferences) {
         const crtToggled = await getHasCRTChanged(database, prefData.preferences);
         if (crtToggled) {
@@ -310,7 +306,7 @@ export async function entryInitialChannelId(database: Database, requestedChannel
 
 export async function restDeferredAppEntryActions(
     serverUrl: string, since: number, currentUserId: string, currentUserLocale: string, preferences: PreferenceType[] | undefined,
-    config: ClientConfig, license: ClientLicense | undefined, teamData: MyTeamsRequest, chData: MyChannelsRequest | undefined,
+    config: ClientConfig, license: ClientLicense, teamData: MyTeamsRequest, chData: MyChannelsRequest | undefined,
     initialTeamId?: string, initialChannelId?: string) {
     // defer sidebar DM & GM profiles
     let channelsToFetchProfiles: Set<Channel>|undefined;
@@ -320,7 +316,7 @@ export async function restDeferredAppEntryActions(
             channelsToFetchProfiles = new Set<Channel>(directChannels);
 
             // defer fetching posts for unread channels on initial team
-            fetchPostsForUnreadChannels(serverUrl, chData.channels, chData.memberships, initialChannelId);
+            fetchPostsForUnreadChannels(serverUrl, chData.channels, chData.memberships, initialChannelId, true);
         }
     }, FETCH_UNREADS_TIMEOUT);
 
@@ -329,22 +325,22 @@ export async function restDeferredAppEntryActions(
         fetchTeamsChannelsAndUnreadPosts(serverUrl, since, teamData.teams, teamData.memberships, initialTeamId);
     }
 
-    if (preferences && processIsCRTEnabled(preferences, config.CollapsedThreads, config.FeatureFlagCollapsedThreads, config.Version)) {
+    if (preferences && processIsCRTEnabled(preferences, config)) {
         if (initialTeamId) {
-            await syncTeamThreads(serverUrl, initialTeamId);
+            await fetchNewThreads(serverUrl, initialTeamId, false);
         }
 
         if (teamData.teams?.length) {
             for await (const team of teamData.teams) {
                 if (team.id !== initialTeamId) {
                     // need to await here since GM/DM threads in different teams overlap
-                    await syncTeamThreads(serverUrl, team.id);
+                    await fetchNewThreads(serverUrl, team.id, false);
                 }
             }
         }
     }
 
-    updateCanJoinTeams(serverUrl);
+    await fetchAllTeams(serverUrl);
     await updateAllUsersSince(serverUrl, since);
 
     // Fetch groups for current user
@@ -352,7 +348,7 @@ export async function restDeferredAppEntryActions(
 
     setTimeout(async () => {
         if (channelsToFetchProfiles?.size) {
-            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], config.LockTeammateNameDisplay, config.TeammateNameDisplay, license);
+            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], config, license);
             fetchMissingDirectChannelsInfo(serverUrl, Array.from(channelsToFetchProfiles), currentUserLocale, teammateDisplayNameSetting, currentUserId);
         }
     }, FETCH_MISSING_DM_TIMEOUT);
@@ -366,23 +362,27 @@ export const registerDeviceToken = async (serverUrl: string) => {
         return {error};
     }
 
-    const deviceToken = await getDeviceToken();
-    if (deviceToken) {
-        client.attachDevice(deviceToken);
+    const appDatabase = DatabaseManager.appDatabase?.database;
+    if (appDatabase) {
+        const deviceToken = await getDeviceToken(appDatabase);
+        if (deviceToken) {
+            client.attachDevice(deviceToken);
+        }
     }
 
     return {error: undefined};
 };
 
 export const syncOtherServers = async (serverUrl: string) => {
-    const servers = await getAllServers();
-    for (const server of servers) {
-        if (server.url !== serverUrl && server.lastActiveAt > 0) {
-            registerDeviceToken(server.url);
-            syncAllChannelMembersAndThreads(server.url).then(() => {
-                dataRetentionCleanup(server.url);
-            });
-            autoUpdateTimezone(server.url);
+    const database = DatabaseManager.appDatabase?.database;
+    if (database) {
+        const servers = await queryAllServers(database);
+        for (const server of servers) {
+            if (server.url !== serverUrl && server.lastActiveAt > 0) {
+                registerDeviceToken(server.url);
+                syncAllChannelMembersAndThreads(server.url);
+                autoUpdateTimezone(server.url);
+            }
         }
     }
 };
@@ -412,8 +412,6 @@ const graphQLSyncAllChannelMembers = async (serverUrl: string) => {
         return 'Server database not found';
     }
 
-    const {database} = operator;
-
     const response = await gqlAllChannels(serverUrl);
     if ('error' in response) {
         return response.error;
@@ -423,7 +421,7 @@ const graphQLSyncAllChannelMembers = async (serverUrl: string) => {
         return response.errors[0].message;
     }
 
-    const userId = await getCurrentUserId(database);
+    const userId = await getCurrentUserId(operator.database);
 
     const channels = getMemberChannelsFromGQLQuery(response.data);
     const memberships = response.data.channelMembers?.map((m) => gqlToClientChannelMembership(m, userId));
@@ -432,16 +430,7 @@ const graphQLSyncAllChannelMembers = async (serverUrl: string) => {
         const modelPromises = await prepareMyChannelsForTeam(operator, '', channels, memberships, undefined, true);
         const models = (await Promise.all(modelPromises)).flat();
         if (models.length) {
-            await operator.batchRecords(models);
-        }
-    }
-
-    const isCRTEnabled = await getIsCRTEnabled(database);
-    if (isCRTEnabled) {
-        const myTeams = await queryMyTeams(operator.database).fetch();
-        for await (const myTeam of myTeams) {
-            // need to await here since GM/DM threads in different teams overlap
-            await syncTeamThreads(serverUrl, myTeam.id);
+            operator.batchRecords(models);
         }
     }
 
@@ -462,12 +451,11 @@ const restSyncAllChannelMembers = async (serverUrl: string) => {
         const config = await client.getClientConfigOld();
 
         let excludeDirect = false;
-        for await (const myTeam of myTeams) {
+        for (const myTeam of myTeams) {
             fetchMyChannelsForTeam(serverUrl, myTeam.id, false, 0, false, excludeDirect);
             excludeDirect = true;
-            if (preferences && processIsCRTEnabled(preferences, config.CollapsedThreads, config.FeatureFlagCollapsedThreads, config.Version)) {
-                // need to await here since GM/DM threads in different teams overlap
-                await syncTeamThreads(serverUrl, myTeam.id);
+            if (preferences && processIsCRTEnabled(preferences, config)) {
+                fetchNewThreads(serverUrl, myTeam.id, false);
             }
         }
     } catch {
@@ -491,7 +479,12 @@ export async function verifyPushProxy(serverUrl: string) {
         return;
     }
 
-    const deviceId = await getDeviceToken();
+    const appDatabase = DatabaseManager.appDatabase?.database;
+    if (!appDatabase) {
+        return;
+    }
+
+    const deviceId = await getDeviceToken(appDatabase);
     if (!deviceId) {
         return;
     }
@@ -519,50 +512,3 @@ export async function verifyPushProxy(serverUrl: string) {
         // Do nothing
     }
 }
-
-export async function handleEntryAfterLoadNavigation(
-    serverUrl: string,
-    teamMembers: TeamMembership[],
-    channelMembers: ChannelMember[],
-    currentTeamId: string,
-    currentChannelId: string,
-    initialTeamId: string,
-    initialChannelId: string,
-) {
-    try {
-        const {operator, database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-
-        const currentTeamIdAfterLoad = await getCurrentTeamId(database);
-        const currentChannelIdAfterLoad = await getCurrentChannelId(database);
-        const mountedScreens = NavigationStore.getScreensInStack();
-        const isChannelScreenMounted = mountedScreens.includes(Screens.CHANNEL);
-        const isThreadsMounted = mountedScreens.includes(Screens.THREAD);
-        const tabletDevice = await isTablet();
-
-        if (currentTeamIdAfterLoad !== currentTeamId) {
-            // Switched teams while loading
-            if (!teamMembers.find((t) => t.team_id === currentTeamIdAfterLoad && t.delete_at === 0)) {
-                await handleKickFromTeam(serverUrl, currentTeamIdAfterLoad);
-            }
-        } else if (currentTeamIdAfterLoad !== initialTeamId) {
-            await handleKickFromTeam(serverUrl, currentTeamIdAfterLoad);
-        } else if (currentChannelIdAfterLoad !== currentChannelId) {
-            // Switched channels while loading
-            if (!channelMembers.find((m) => m.channel_id === currentChannelIdAfterLoad)) {
-                if (tabletDevice || isChannelScreenMounted || isThreadsMounted) {
-                    await handleKickFromChannel(serverUrl, currentChannelIdAfterLoad);
-                } else {
-                    await setCurrentTeamAndChannelId(operator, initialTeamId, initialChannelId);
-                }
-            }
-        } else if (currentChannelIdAfterLoad && currentChannelIdAfterLoad !== initialChannelId) {
-            if (tabletDevice || isChannelScreenMounted || isThreadsMounted) {
-                await handleKickFromChannel(serverUrl, currentChannelIdAfterLoad);
-            } else {
-                await setCurrentTeamAndChannelId(operator, initialTeamId, initialChannelId);
-            }
-        }
-    } catch (error) {
-        logDebug('could not manage the entry after load navigation', error);
-    }
-}

app/actions/remote/entry/gql_common.ts

@@ -7,9 +7,8 @@ import {storeConfigAndLicense} from '@actions/local/systems';
 import {MyChannelsRequest} from '@actions/remote/channel';
 import {fetchGroupsForMember} from '@actions/remote/groups';
 import {fetchPostsForUnreadChannels} from '@actions/remote/post';
-import {fetchDataRetentionPolicy} from '@actions/remote/systems';
-import {MyTeamsRequest, updateCanJoinTeams} from '@actions/remote/team';
-import {syncTeamThreads} from '@actions/remote/thread';
+import {MyTeamsRequest} from '@actions/remote/team';
+import {fetchNewThreads} from '@actions/remote/thread';
 import {autoUpdateTimezone, updateAllUsersSince} from '@actions/remote/user';
 import {gqlEntry, gqlEntryChannels, gqlOtherChannels} from '@client/graphQL/entry';
 import {Preferences} from '@constants';
@@ -19,7 +18,7 @@ import {selectDefaultTeam} from '@helpers/api/team';
 import {queryAllChannels, queryAllChannelsForTeam} from '@queries/servers/channel';
 import {prepareModels, truncateCrtRelatedTables} from '@queries/servers/entry';
 import {getHasCRTChanged} from '@queries/servers/preference';
-import {getConfig, getIsDataRetentionEnabled} from '@queries/servers/system';
+import {getConfig} from '@queries/servers/system';
 import {filterAndTransformRoles, getMemberChannelsFromGQLQuery, getMemberTeamsFromGQLQuery, gqlToClientChannelMembership, gqlToClientPreference, gqlToClientSidebarCategory, gqlToClientTeamMembership, gqlToClientUser} from '@utils/graphql';
 import {logDebug} from '@utils/log';
 import {processIsCRTEnabled} from '@utils/thread';
@@ -49,20 +48,20 @@ export async function deferredAppEntryGraphQLActions(
     setTimeout(() => {
         if (chData?.channels?.length && chData.memberships?.length) {
             // defer fetching posts for unread channels on initial team
-            fetchPostsForUnreadChannels(serverUrl, chData.channels, chData.memberships, initialChannelId);
+            fetchPostsForUnreadChannels(serverUrl, chData.channels, chData.memberships, initialChannelId, true);
         }
     }, FETCH_UNREADS_TIMEOUT);
 
-    if (preferences && processIsCRTEnabled(preferences, config.CollapsedThreads, config.FeatureFlagCollapsedThreads, config.Version)) {
+    if (preferences && processIsCRTEnabled(preferences, config)) {
         if (initialTeamId) {
-            await syncTeamThreads(serverUrl, initialTeamId);
+            await fetchNewThreads(serverUrl, initialTeamId, false);
         }
 
         if (teamData.teams?.length) {
             for await (const team of teamData.teams) {
                 if (team.id !== initialTeamId) {
                     // need to await here since GM/DM threads in different teams overlap
-                    await syncTeamThreads(serverUrl, team.id);
+                    await fetchNewThreads(serverUrl, team.id, false);
                 }
             }
         }
@@ -96,7 +95,6 @@ export async function deferredAppEntryGraphQLActions(
     // Fetch groups for current user
     fetchGroupsForMember(serverUrl, currentUserId);
 
-    updateCanJoinTeams(serverUrl);
     updateAllUsersSince(serverUrl, since);
 
     return {error: undefined};
@@ -182,22 +180,9 @@ export const entryGQL = async (serverUrl: string, currentTeamId?: string, curren
         user: gqlToClientUser(fetchedData.user!),
     };
 
-    const allTeams = getMemberTeamsFromGQLQuery(fetchedData);
-    const allTeamMemberships = fetchedData.teamMembers.map((m) => gqlToClientTeamMembership(m, meData.user.id));
-
-    const [nonArchivedTeams, archivedTeamIds] = allTeams.reduce((acc, t) => {
-        if (t.delete_at) {
-            acc[1].add(t.id);
-            return acc;
-        }
-        return [[...acc[0], t], acc[1]];
-    }, [[], new Set<string>()]);
-
-    const nonArchivedTeamMemberships = allTeamMemberships.filter((m) => !archivedTeamIds.has(m.team_id));
-
     const teamData = {
-        teams: nonArchivedTeams,
-        memberships: nonArchivedTeamMemberships,
+        teams: getMemberTeamsFromGQLQuery(fetchedData),
+        memberships: fetchedData.teamMembers.map((m) => gqlToClientTeamMembership(m, meData.user.id)),
     };
 
     const prefData = {
@@ -217,7 +202,7 @@ export const entryGQL = async (serverUrl: string, currentTeamId?: string, curren
     let initialTeamId = currentTeamId;
     if (!teamData.teams.length) {
         initialTeamId = '';
-    } else if (!initialTeamId || !teamData.teams.find((t) => t.id === currentTeamId && t.delete_at === 0)) {
+    } else if (!initialTeamId || !teamData.teams.find((t) => t.id === currentTeamId)) {
         const teamOrderPreference = getPreferenceValue(prefData.preferences || [], Preferences.TEAMS_ORDER, '', '') as string;
         initialTeamId = selectDefaultTeam(teamData.teams, meData.user.locale, teamOrderPreference, config.ExperimentalPrimaryTeam)?.id || '';
     }
@@ -266,18 +251,12 @@ export const entry = async (serverUrl: string, teamId?: string, channelId?: stri
         result = entryRest(serverUrl, teamId, channelId, since);
     }
 
-    // Fetch data retention policies
-    const isDataRetentionEnabled = await getIsDataRetentionEnabled(database);
-    if (isDataRetentionEnabled) {
-        fetchDataRetentionPolicy(serverUrl);
-    }
-
     return result;
 };
 
 export async function deferredAppEntryActions(
     serverUrl: string, since: number, currentUserId: string, currentUserLocale: string, preferences: PreferenceType[] | undefined,
-    config: ClientConfig, license: ClientLicense | undefined, teamData: MyTeamsRequest, chData: MyChannelsRequest | undefined,
+    config: ClientConfig, license: ClientLicense, teamData: MyTeamsRequest, chData: MyChannelsRequest | undefined,
     initialTeamId?: string, initialChannelId?: string) {
     let result;
     if (config?.FeatureFlagGraphQL === 'true') {

app/actions/remote/entry/login.ts

@@ -6,7 +6,6 @@ import {fetchConfigAndLicense} from '@actions/remote/systems';
 import DatabaseManager from '@database/manager';
 import NetworkManager from '@managers/network_manager';
 import {setCurrentTeamAndChannelId} from '@queries/servers/system';
-import {setTeamLoading} from '@store/team_load_store';
 import {isTablet} from '@utils/helpers';
 
 import {deferredAppEntryActions, entry} from './gql_common';
@@ -48,11 +47,9 @@ export async function loginEntry({serverUrl, user, deviceToken}: AfterLoginArgs)
             return {error: clData.error};
         }
 
-        setTeamLoading(serverUrl, true);
         const entryData = await entry(serverUrl, '', '');
 
         if ('error' in entryData) {
-            setTeamLoading(serverUrl, false);
             return {error: entryData.error};
         }
 
@@ -69,7 +66,6 @@ export async function loginEntry({serverUrl, user, deviceToken}: AfterLoginArgs)
         }
 
         await operator.batchRecords(models);
-        setTeamLoading(serverUrl, false);
 
         const config = clData.config || {} as ClientConfig;
         const license = clData.license || {} as ClientLicense;

app/actions/remote/entry/notification.ts

@@ -8,13 +8,12 @@ import {getDefaultThemeByAppearance} from '@context/theme';
 import DatabaseManager from '@database/manager';
 import {getMyChannel} from '@queries/servers/channel';
 import {queryPreferencesByCategoryAndName} from '@queries/servers/preference';
-import {getConfig, getCurrentTeamId, getLicense, getWebSocketLastDisconnected, setCurrentTeamAndChannelId} from '@queries/servers/system';
+import {getCommonSystemValues, getCurrentTeamId, getWebSocketLastDisconnected, setCurrentTeamAndChannelId} from '@queries/servers/system';
 import {getMyTeamById} from '@queries/servers/team';
 import {getIsCRTEnabled} from '@queries/servers/thread';
 import {getCurrentUser} from '@queries/servers/user';
 import EphemeralStore from '@store/ephemeral_store';
 import NavigationStore from '@store/navigation_store';
-import {setTeamLoading} from '@store/team_load_store';
 import {isTablet} from '@utils/helpers';
 import {emitNotificationError} from '@utils/notification';
 import {setThemeDefaults, updateThemeIfNeeded} from '@utils/theme';
@@ -82,10 +81,8 @@ export async function pushNotificationEntry(serverUrl: string, notification: Not
         switchedToScreen = true;
     }
 
-    setTeamLoading(serverUrl, true);
     const entryData = await entry(serverUrl, teamId, channelId);
     if ('error' in entryData) {
-        setTeamLoading(serverUrl, false);
         return {error: entryData.error};
     }
     const {models, initialTeamId, initialChannelId, prefData, teamData, chData} = entryData;
@@ -137,11 +134,9 @@ export async function pushNotificationEntry(serverUrl: string, notification: Not
     }
 
     await operator.batchRecords(models);
-    setTeamLoading(serverUrl, false);
 
     const {id: currentUserId, locale: currentUserLocale} = (await getCurrentUser(operator.database))!;
-    const config = await getConfig(database);
-    const license = await getLicense(database);
+    const {config, license} = await getCommonSystemValues(operator.database);
 
     await deferredAppEntryActions(serverUrl, lastDisconnectedAt, currentUserId, currentUserLocale, prefData.preferences, config, license, teamData, chData, selectedTeamId, selectedChannelId);
 

app/actions/remote/general.ts

@@ -27,7 +27,12 @@ async function getDeviceIdForPing(serverUrl: string, checkDeviceId: boolean) {
         }
     }
 
-    return getDeviceToken();
+    const appDatabase = DatabaseManager.appDatabase?.database;
+    if (!appDatabase) {
+        return '';
+    }
+
+    return getDeviceToken(appDatabase);
 }
 
 // Default timeout interval for ping is 5 seconds
@@ -119,4 +124,3 @@ export const getRedirectLocation = async (serverUrl: string, link: string) => {
         return {error};
     }
 };
-

app/actions/remote/notifications.ts

@@ -11,10 +11,9 @@ import {fetchMyTeam} from '@actions/remote/team';
 import {fetchAndSwitchToThread} from '@actions/remote/thread';
 import DatabaseManager from '@database/manager';
 import {getMyChannel, getChannelById} from '@queries/servers/channel';
-import {getCurrentTeamId, getWebSocketLastDisconnected} from '@queries/servers/system';
+import {getCommonSystemValues, getWebSocketLastDisconnected} from '@queries/servers/system';
 import {getMyTeamById} from '@queries/servers/team';
 import {getIsCRTEnabled} from '@queries/servers/thread';
-import EphemeralStore from '@store/ephemeral_store';
 import {emitNotificationError} from '@utils/notification';
 
 const fetchNotificationData = async (serverUrl: string, notification: NotificationWithData, skipEvents = false) => {
@@ -31,14 +30,14 @@ const fetchNotificationData = async (serverUrl: string, notification: Notificati
         }
 
         const {database} = operator;
-        const currentTeamId = await getCurrentTeamId(database);
+        const system = await getCommonSystemValues(database);
         let teamId = notification.payload?.team_id;
         let isDirectChannel = false;
 
         if (!teamId) {
             // If the notification payload does not have a teamId we assume is a DM/GM
             isDirectChannel = true;
-            teamId = currentTeamId;
+            teamId = system.currentTeamId;
         }
 
         // To make the switch faster we determine if we already have the team & channel
@@ -123,7 +122,6 @@ export const openNotification = async (serverUrl: string, notification: Notifica
     }
 
     try {
-        EphemeralStore.setNotificationTapped(true);
         const {database} = operator;
         const channelId = notification.payload!.channel_id!;
         const rootId = notification.payload!.root_id!;
@@ -131,13 +129,13 @@ export const openNotification = async (serverUrl: string, notification: Notifica
         const isCRTEnabled = await getIsCRTEnabled(database);
         const isThreadNotification = isCRTEnabled && Boolean(rootId);
 
-        const currentTeamId = await getCurrentTeamId(database);
+        const system = await getCommonSystemValues(database);
         const currentServerUrl = await DatabaseManager.getActiveServerUrl();
         let teamId = notification.payload?.team_id;
 
         if (!teamId) {
             // If the notification payload does not have a teamId we assume is a DM/GM
-            teamId = currentTeamId;
+            teamId = system.currentTeamId;
         }
 
         if (currentServerUrl !== serverUrl) {

app/actions/remote/nps.ts

@@ -1,30 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {General} from '@constants';
-import NetworkManager from '@managers/network_manager';
-
-export const isNPSEnabled = async (serverUrl: string) => {
-    try {
-        const client = NetworkManager.getClient(serverUrl);
-        const manifests = await client.getPluginsManifests();
-        for (const v of manifests) {
-            if (v.id === General.NPS_PLUGIN_ID) {
-                return true;
-            }
-        }
-        return false;
-    } catch (error) {
-        return false;
-    }
-};
-
-export const giveFeedbackAction = async (serverUrl: string) => {
-    try {
-        const client = NetworkManager.getClient(serverUrl);
-        const post = await client.npsGiveFeedbackAction();
-        return {post};
-    } catch (error) {
-        return {error};
-    }
-};

app/actions/remote/permalink.ts

@@ -1,14 +1,15 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {DeepLink} from '@constants';
 import DatabaseManager from '@database/manager';
 import {getCurrentTeam} from '@queries/servers/team';
 import {displayPermalink} from '@utils/permalink';
+import {PERMALINK_GENERIC_TEAM_NAME_REDIRECT} from '@utils/url';
 
 import type TeamModel from '@typings/database/models/servers/team';
+import type {IntlShape} from 'react-intl';
 
-export const showPermalink = async (serverUrl: string, teamName: string, postId: string, openAsPermalink = true) => {
+export const showPermalink = async (serverUrl: string, teamName: string, postId: string, intl: IntlShape, openAsPermalink = true) => {
     const database = DatabaseManager.serverDatabases[serverUrl]?.database;
     if (!database) {
         return {error: `${serverUrl} database not found`};
@@ -17,7 +18,7 @@ export const showPermalink = async (serverUrl: string, teamName: string, postId:
     try {
         let name = teamName;
         let team: TeamModel | undefined;
-        if (!name || name === DeepLink.Redirect) {
+        if (!name || name === PERMALINK_GENERIC_TEAM_NAME_REDIRECT) {
             team = await getCurrentTeam(database);
             if (team) {
                 name = team.name;

app/actions/remote/post.ts

@@ -23,9 +23,7 @@ import {getPostById, getRecentPostsInChannel} from '@queries/servers/post';
 import {getCurrentUserId, getCurrentChannelId} from '@queries/servers/system';
 import {getIsCRTEnabled, prepareThreadsFromReceivedPosts} from '@queries/servers/thread';
 import {queryAllUsers} from '@queries/servers/user';
-import {setFetchingThreadState} from '@store/fetching_thread_store';
 import {getValidEmojis, matchEmoticons} from '@utils/emoji/helpers';
-import {isServerError} from '@utils/errors';
 import {logError} from '@utils/log';
 import {processPostsFetched} from '@utils/post';
 import {getPostIdsForCombinedUserActivityPost} from '@utils/post_list';
@@ -135,7 +133,7 @@ export async function createPost(serverUrl: string, post: Partial<Post>, files:
     let created;
     try {
         created = await client.createPost(newPost);
-    } catch (error) {
+    } catch (error: any) {
         const errorPost = {
             ...newPost,
             id: pendingPostId,
@@ -148,11 +146,10 @@ export async function createPost(serverUrl: string, post: Partial<Post>, files:
 
         // If the failure was because: the root post was deleted or
         // TownSquareIsReadOnly=true then remove the post
-        if (isServerError(error) && (
-            error.server_error_id === ServerErrors.DELETED_ROOT_POST_ERROR ||
+        if (error.server_error_id === ServerErrors.DELETED_ROOT_POST_ERROR ||
             error.server_error_id === ServerErrors.TOWN_SQUARE_READ_ONLY_ERROR ||
             error.server_error_id === ServerErrors.PLUGIN_DISMISSED_POST_ERROR
-        )) {
+        ) {
             await removePost(serverUrl, databasePost);
         } else {
             const models = await operator.handlePosts({
@@ -254,12 +251,11 @@ export const retryFailedPost = async (serverUrl: string, post: PostModel) => {
             }
         }
         await operator.batchRecords(models);
-    } catch (error) {
-        if (isServerError(error) && (
-            error.server_error_id === ServerErrors.DELETED_ROOT_POST_ERROR ||
+    } catch (error: any) {
+        if (error.server_error_id === ServerErrors.DELETED_ROOT_POST_ERROR ||
             error.server_error_id === ServerErrors.TOWN_SQUARE_READ_ONLY_ERROR ||
             error.server_error_id === ServerErrors.PLUGIN_DISMISSED_POST_ERROR
-        )) {
+        ) {
             await removePost(serverUrl, post);
         } else {
             post.prepareUpdate((p) => {
@@ -329,9 +325,12 @@ export async function fetchPostsForChannel(serverUrl: string, channelId: string,
     }
 }
 
-export const fetchPostsForUnreadChannels = async (serverUrl: string, channels: Channel[], memberships: ChannelMembership[], excludeChannelId?: string) => {
+export const fetchPostsForUnreadChannels = async (serverUrl: string, channels: Channel[], memberships: ChannelMembership[], excludeChannelId?: string, emitEvent = false) => {
     try {
         const promises = [];
+        if (emitEvent) {
+            DeviceEventEmitter.emit(Events.FETCHING_POSTS, true);
+        }
         for (const member of memberships) {
             const channel = channels.find((c) => c.id === member.channel_id);
             if (channel && (channel.total_msg_count - member.msg_count) > 0 && channel.id !== excludeChannelId) {
@@ -339,7 +338,13 @@ export const fetchPostsForUnreadChannels = async (serverUrl: string, channels: C
             }
         }
         await Promise.all(promises);
+        if (emitEvent) {
+            DeviceEventEmitter.emit(Events.FETCHING_POSTS, false);
+        }
     } catch (error) {
+        if (emitEvent) {
+            DeviceEventEmitter.emit(Events.FETCHING_POSTS, false);
+        }
         return {error};
     }
 
@@ -436,7 +441,7 @@ export async function fetchPostsBefore(serverUrl: string, channelId: string, pos
 
                 await operator.batchRecords(models);
             } catch (error) {
-                logError('FETCH POSTS BEFORE ERROR', error);
+                logError('FETCH AUTHORS ERROR', error);
             }
         }
 
@@ -444,7 +449,7 @@ export async function fetchPostsBefore(serverUrl: string, channelId: string, pos
     } catch (error) {
         forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
         if (activeServerUrl === serverUrl) {
-            DeviceEventEmitter.emit(Events.LOADING_CHANNEL_POSTS, false);
+            DeviceEventEmitter.emit(Events.LOADING_CHANNEL_POSTS, true);
         }
         return {error};
     }
@@ -544,15 +549,9 @@ export const fetchPostAuthors = async (serverUrl: string, posts: Post[], fetchOn
         }
 
         if (promises.length) {
-            const authorsResult = await Promise.allSettled(promises);
-            const result = authorsResult.reduce<UserProfile[][]>((acc, item) => {
-                if (item.status === 'fulfilled') {
-                    acc.push(item.value);
-                }
-                return acc;
-            }, []);
-
+            const result = await Promise.all(promises);
             const authors = result.flat();
+
             if (!fetchOnly && authors.length) {
                 await operator.handleUsers({
                     users: authors,
@@ -584,8 +583,6 @@ export async function fetchPostThread(serverUrl: string, postId: string, options
         return {error};
     }
 
-    setFetchingThreadState(postId, true);
-
     try {
         const isCRTEnabled = await getIsCRTEnabled(operator.database);
 
@@ -623,11 +620,9 @@ export async function fetchPostThread(serverUrl: string, postId: string, options
             }
             await operator.batchRecords(models);
         }
-        setFetchingThreadState(postId, false);
         return {posts: extractRecordsForTable<PostModel>(posts, MM_TABLES.SERVER.POST)};
     } catch (error) {
         forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
-        setFetchingThreadState(postId, false);
         return {error};
     }
 }
@@ -796,7 +791,7 @@ export async function fetchPostById(serverUrl: string, postId: string, fetchOnly
             if (authors?.length) {
                 const users = await operator.handleUsers({
                     users: authors,
-                    prepareRecordsOnly: true,
+                    prepareRecordsOnly: false,
                 });
                 models.push(...users);
             }

app/actions/remote/preference.ts

@@ -54,6 +54,7 @@ export const saveFavoriteChannel = async (serverUrl: string, channelId: string,
     }
 
     try {
+        // Todo: @shaz I think you'll need to add the category handler here so that the channel is added/removed from the favorites category
         const userId = await getCurrentUserId(operator.database);
         const favPref: PreferenceType = {
             category: CATEGORY_FAVORITE_CHANNEL,
@@ -178,19 +179,3 @@ export const setDirectChannelVisible = async (serverUrl: string, channelId: stri
         return {error};
     }
 };
-
-export const savePreferredSkinTone = async (serverUrl: string, skinCode: string) => {
-    try {
-        const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const userId = await getCurrentUserId(database);
-        const pref: PreferenceType = {
-            user_id: userId,
-            category: Preferences.CATEGORY_EMOJI,
-            name: Preferences.EMOJI_SKINTONE,
-            value: skinCode,
-        };
-        return savePreference(serverUrl, [pref]);
-    } catch (error) {
-        return {error};
-    }
-};

app/actions/remote/retry.ts

@@ -1,16 +1,15 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {storeConfig} from '@actions/local/systems';
 import {Preferences} from '@constants';
 import DatabaseManager from '@database/manager';
 import {getPreferenceValue, getTeammateNameDisplaySetting} from '@helpers/api/preference';
 import {selectDefaultTeam} from '@helpers/api/team';
 import NetworkManager from '@managers/network_manager';
-import {prepareCategoriesAndCategoriesChannels} from '@queries/servers/categories';
+import {prepareCategories, prepareCategoryChannels} from '@queries/servers/categories';
 import {prepareMyChannelsForTeam} from '@queries/servers/channel';
 import {prepareMyPreferences, queryPreferencesByCategoryAndName} from '@queries/servers/preference';
-import {prepareCommonSystemValues, getConfig, getLicense} from '@queries/servers/system';
+import {prepareCommonSystemValues, getCommonSystemValues} from '@queries/servers/system';
 import {prepareMyTeams} from '@queries/servers/team';
 import {getCurrentUser} from '@queries/servers/user';
 import {isDMorGM, selectDefaultChannelForTeam} from '@utils/channel';
@@ -102,14 +101,14 @@ export async function retryInitialTeamAndChannel(serverUrl: string) {
 
         const models: Model[] = (await Promise.all([
             prepareMyPreferences(operator, prefData.preferences!),
-            storeConfig(serverUrl, clData.config, true),
             ...prepareMyTeams(operator, teamData.teams!, teamData.memberships!),
             ...await prepareMyChannelsForTeam(operator, initialTeam.id, chData!.channels!, chData!.memberships!),
-            prepareCategoriesAndCategoriesChannels(operator, chData!.categories!, true),
-
+            prepareCategories(operator, chData!.categories!),
+            prepareCategoryChannels(operator, chData!.categories!),
             prepareCommonSystemValues(
                 operator,
                 {
+                    config: clData.config!,
                     license: clData.license!,
                     currentTeamId: initialTeam?.id,
                     currentChannelId: initialChannel?.id,
@@ -122,7 +121,7 @@ export async function retryInitialTeamAndChannel(serverUrl: string) {
         const directChannels = chData!.channels!.filter(isDMorGM);
         const channelsToFetchProfiles = new Set<Channel>(directChannels);
         if (channelsToFetchProfiles.size) {
-            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(prefData.preferences || [], clData.config?.LockTeammateNameDisplay, clData.config?.TeammateNameDisplay, clData.license);
+            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(prefData.preferences || [], clData.config, clData.license);
             fetchMissingDirectChannelsInfo(serverUrl, Array.from(channelsToFetchProfiles), user.locale, teammateDisplayNameSetting, user.id);
         }
 
@@ -164,8 +163,7 @@ export async function retryInitialChannel(serverUrl: string, teamId: string) {
             user_id: p.userId,
             value: p.value,
         }));
-        const license = await getLicense(database);
-        const config = await getConfig(database);
+        const {config, license} = await getCommonSystemValues(database);
 
         // fetch channels / channel membership for initial team
         const chData = await fetchMyChannelsForTeam(serverUrl, teamId, false, 0, true);
@@ -192,7 +190,8 @@ export async function retryInitialChannel(serverUrl: string, teamId: string) {
 
         const models: Model[] = (await Promise.all([
             ...await prepareMyChannelsForTeam(operator, teamId, chData!.channels!, chData!.memberships!),
-            prepareCategoriesAndCategoriesChannels(operator, chData!.categories!, true),
+            prepareCategories(operator, chData!.categories!),
+            prepareCategoryChannels(operator, chData!.categories!),
             prepareCommonSystemValues(operator, {currentChannelId: initialChannel?.id}),
         ])).flat();
 
@@ -201,7 +200,7 @@ export async function retryInitialChannel(serverUrl: string, teamId: string) {
         const directChannels = chData!.channels!.filter(isDMorGM);
         const channelsToFetchProfiles = new Set<Channel>(directChannels);
         if (channelsToFetchProfiles.size) {
-            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], config.LockTeammateNameDisplay, config.TeammateNameDisplay, license);
+            const teammateDisplayNameSetting = getTeammateNameDisplaySetting(preferences || [], config, license);
             fetchMissingDirectChannelsInfo(serverUrl, Array.from(channelsToFetchProfiles), user.locale, teammateDisplayNameSetting, user.id);
         }
 

app/actions/remote/session.ts

@@ -12,8 +12,8 @@ import PushNotifications from '@init/push_notifications';
 import NetworkManager from '@managers/network_manager';
 import WebsocketManager from '@managers/websocket_manager';
 import {getDeviceToken} from '@queries/app/global';
-import {getServerDisplayName} from '@queries/app/servers';
-import {getCurrentUserId, getExpiredSession, getConfig, getLicense} from '@queries/servers/system';
+import {queryServerName} from '@queries/app/servers';
+import {getCurrentUserId, getCommonSystemValues, getExpiredSession} from '@queries/servers/system';
 import {getCurrentUser} from '@queries/servers/user';
 import EphemeralStore from '@store/ephemeral_store';
 import {logWarning, logError} from '@utils/log';
@@ -21,6 +21,7 @@ import {scheduleExpiredNotification} from '@utils/notification';
 import {getCSRFFromCookie} from '@utils/security';
 
 import {loginEntry} from './entry';
+import {fetchDataRetentionPolicy} from './systems';
 
 import type ClientError from '@client/rest/error';
 import type {LoginArgs} from '@typings/database/database';
@@ -34,13 +35,17 @@ export const completeLogin = async (serverUrl: string) => {
     }
 
     const {database} = operator;
-    const license = await getLicense(database);
-    const config = await getConfig(database);
+    const {config, license}: { config: Partial<ClientConfig>; license: Partial<ClientLicense> } = await getCommonSystemValues(database);
 
-    if (!Object.keys(config)?.length || !license || !Object.keys(license)?.length) {
+    if (!Object.keys(config)?.length || !Object.keys(license)?.length) {
         return null;
     }
 
+    // Data retention
+    if (config?.DataRetentionEnableMessageDeletion === 'true' && license?.IsLicensed === 'true' && license?.DataRetention === 'true') {
+        fetchDataRetentionPolicy(serverUrl);
+    }
+
     await DatabaseManager.setActiveServerDatabase(serverUrl);
 
     const systems: IdValue[] = [];
@@ -118,7 +123,7 @@ export const login = async (serverUrl: string, {ldapOnly = false, loginId, mfaTo
     }
 
     try {
-        deviceToken = await getDeviceToken();
+        deviceToken = await getDeviceToken(appDatabase);
         user = await client.login(
             loginId,
             password,
@@ -198,10 +203,11 @@ export const cancelSessionNotification = async (serverUrl: string) => {
 
 export const scheduleSessionNotification = async (serverUrl: string) => {
     try {
+        const {database: appDatabase} = DatabaseManager.getAppDatabaseAndOperator();
         const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
         const sessions = await fetchSessions(serverUrl, 'me');
         const user = await getCurrentUser(database);
-        const serverName = await getServerDisplayName(serverUrl);
+        const serverName = await queryServerName(appDatabase, serverUrl);
 
         await cancelSessionNotification(serverUrl);
 
@@ -279,7 +285,7 @@ export const ssoLogin = async (serverUrl: string, serverDisplayName: string, ser
                 displayName: serverDisplayName,
             },
         });
-        deviceToken = await getDeviceToken();
+        deviceToken = await getDeviceToken(database);
         user = await client.getMe();
         await server?.operator.handleUsers({users: [user], prepareRecordsOnly: false});
         await server?.operator.handleSystem({
@@ -305,8 +311,9 @@ export const ssoLogin = async (serverUrl: string, serverDisplayName: string, ser
 async function findSession(serverUrl: string, sessions: Session[]) {
     try {
         const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
+        const {database: appDatabase} = DatabaseManager.getAppDatabaseAndOperator();
         const expiredSession = await getExpiredSession(database);
-        const deviceToken = await getDeviceToken();
+        const deviceToken = await getDeviceToken(appDatabase);
 
         // First try and find the session by the given identifier  hyqddef7jjdktqiyy36gxa8sqy
         let session = sessions.find((s) => s.id === expiredSession?.id);

app/actions/remote/systems.ts

@@ -1,11 +1,12 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {storeConfigAndLicense, storeDataRetentionPolicies} from '@actions/local/systems';
+import {storeConfigAndLicense} from '@actions/local/systems';
 import {forceLogoutIfNecessary} from '@actions/remote/session';
+import {SYSTEM_IDENTIFIERS} from '@constants/database';
 import DatabaseManager from '@database/manager';
 import NetworkManager from '@managers/network_manager';
-import {getCurrentUserId} from '@queries/servers/system';
+import {logError} from '@utils/log';
 
 import type ClientError from '@client/rest/error';
 
@@ -15,47 +16,7 @@ export type ConfigAndLicenseRequest = {
     error?: unknown;
 }
 
-export type DataRetentionPoliciesRequest = {
-    globalPolicy?: GlobalDataRetentionPolicy;
-    teamPolicies?: TeamDataRetentionPolicy[];
-    channelPolicies?: ChannelDataRetentionPolicy[];
-    error?: unknown;
-}
-
-export const fetchDataRetentionPolicy = async (serverUrl: string, fetchOnly = false): Promise<DataRetentionPoliciesRequest> => {
-    const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
-    if (!operator) {
-        return {error: `${serverUrl} database not found`};
-    }
-
-    try {
-        const {data: globalPolicy, error: globalPolicyError} = await fetchGlobalDataRetentionPolicy(serverUrl);
-        const {data: teamPolicies, error: teamPoliciesError} = await fetchAllGranularDataRetentionPolicies(serverUrl);
-        const {data: channelPolicies, error: channelPoliciesError} = await fetchAllGranularDataRetentionPolicies(serverUrl, true);
-
-        const hasError = globalPolicyError || teamPoliciesError || channelPoliciesError;
-        if (hasError) {
-            return hasError;
-        }
-
-        const data = {
-            globalPolicy,
-            teamPolicies: teamPolicies as TeamDataRetentionPolicy[],
-            channelPolicies: channelPolicies as ChannelDataRetentionPolicy[],
-        };
-
-        if (!fetchOnly) {
-            await storeDataRetentionPolicies(serverUrl, data);
-        }
-
-        return data;
-    } catch (error) {
-        forceLogoutIfNecessary(serverUrl, error as ClientError);
-        return {error};
-    }
-};
-
-export const fetchGlobalDataRetentionPolicy = async (serverUrl: string): Promise<{data?: GlobalDataRetentionPolicy; error?: unknown}> => {
+export const fetchDataRetentionPolicy = async (serverUrl: string) => {
     let client;
     try {
         client = NetworkManager.getClient(serverUrl);
@@ -63,47 +24,28 @@ export const fetchGlobalDataRetentionPolicy = async (serverUrl: string): Promise
         return {error};
     }
 
+    let data = {};
     try {
-        const data = await client.getGlobalDataRetentionPolicy();
-        return {data};
+        data = await client.getDataRetentionPolicy();
     } catch (error) {
         forceLogoutIfNecessary(serverUrl, error as ClientError);
         return {error};
     }
-};
-
-export const fetchAllGranularDataRetentionPolicies = async (
-    serverUrl: string,
-    isChannel = false,
-    page = 0,
-    policies: Array<TeamDataRetentionPolicy | ChannelDataRetentionPolicy> = [],
-): Promise<{data?: Array<TeamDataRetentionPolicy | ChannelDataRetentionPolicy>; error?: unknown}> => {
-    let client;
-    try {
-        client = NetworkManager.getClient(serverUrl);
-    } catch (error) {
-        return {error};
-    }
 
     const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
-    if (!operator) {
-        return {error: `${serverUrl} database not found`};
+    if (operator) {
+        const systems: IdValue[] = [{
+            id: SYSTEM_IDENTIFIERS.DATA_RETENTION_POLICIES,
+            value: JSON.stringify(data),
+        }];
+
+        operator.handleSystem({systems, prepareRecordsOnly: false}).
+            catch((error) => {
+                logError('An error occurred while saving data retention policies', error);
+            });
     }
 
-    const {database} = operator;
-
-    const currentUserId = await getCurrentUserId(database);
-    let data;
-    if (isChannel) {
-        data = await client.getChannelDataRetentionPolicies(currentUserId, page);
-    } else {
-        data = await client.getTeamDataRetentionPolicies(currentUserId, page);
-    }
-    policies.push(...data.policies);
-    if (policies.length < data.total_count) {
-        await fetchAllGranularDataRetentionPolicies(serverUrl, isChannel, page + 1, policies);
-    }
-    return {data: policies};
+    return data;
 };
 
 export const fetchConfigAndLicense = async (serverUrl: string, fetchOnly = false): Promise<ConfigAndLicenseRequest> => {

app/actions/remote/team.ts

@@ -5,21 +5,15 @@ import {Model} from '@nozbe/watermelondb';
 import {DeviceEventEmitter} from 'react-native';
 
 import {removeUserFromTeam as localRemoveUserFromTeam} from '@actions/local/team';
-import {Client} from '@client/rest';
-import {PER_PAGE_DEFAULT} from '@client/rest/constants';
 import {Events} from '@constants';
 import DatabaseManager from '@database/manager';
 import NetworkManager from '@managers/network_manager';
-import {getActiveServerUrl} from '@queries/app/servers';
-import {prepareCategoriesAndCategoriesChannels} from '@queries/servers/categories';
+import {prepareCategories, prepareCategoryChannels} from '@queries/servers/categories';
 import {prepareMyChannelsForTeam, getDefaultChannelForTeam} from '@queries/servers/channel';
 import {prepareCommonSystemValues, getCurrentTeamId, getCurrentUserId} from '@queries/servers/system';
-import {addTeamToTeamHistory, prepareDeleteTeam, prepareMyTeams, getNthLastChannelFromTeam, queryTeamsById, getLastTeam, getTeamById, removeTeamFromTeamHistory, queryMyTeams} from '@queries/servers/team';
-import {dismissAllModals, popToRoot} from '@screens/navigation';
+import {addTeamToTeamHistory, prepareDeleteTeam, prepareMyTeams, getNthLastChannelFromTeam, queryTeamsById, syncTeamTable} from '@queries/servers/team';
 import EphemeralStore from '@store/ephemeral_store';
-import {setTeamLoading} from '@store/team_load_store';
 import {isTablet} from '@utils/helpers';
-import {logDebug} from '@utils/log';
 
 import {fetchMyChannelsForTeam, switchToChannelById} from './channel';
 import {fetchGroupsForTeamIfConstrained} from './groups';
@@ -59,16 +53,12 @@ export async function addUserToTeam(serverUrl: string, teamId: string, userId: s
         return {error};
     }
 
-    let loadEventSent = false;
     try {
         EphemeralStore.startAddingToTeam(teamId);
         const team = await client.getTeam(teamId);
         const member = await client.addToTeam(teamId, userId);
 
         if (!fetchOnly) {
-            setTeamLoading(serverUrl, true);
-            loadEventSent = true;
-
             fetchRolesIfNeeded(serverUrl, member.roles.split(' '));
             const {channels, memberships: channelMembers, categories} = await fetchMyChannelsForTeam(serverUrl, teamId, false, 0, true);
             const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
@@ -83,12 +73,11 @@ export async function addUserToTeam(serverUrl: string, teamId: string, userId: s
                     operator.handleMyTeam({myTeams, prepareRecordsOnly: true}),
                     operator.handleTeamMemberships({teamMemberships: [member], prepareRecordsOnly: true}),
                     ...await prepareMyChannelsForTeam(operator, teamId, channels || [], channelMembers || []),
-                    prepareCategoriesAndCategoriesChannels(operator, categories || [], true),
+                    prepareCategories(operator, categories || []),
+                    prepareCategoryChannels(operator, categories || []),
                 ])).flat();
 
                 await operator.batchRecords(models);
-                setTeamLoading(serverUrl, false);
-                loadEventSent = false;
 
                 if (await isTablet()) {
                     const channel = await getDefaultChannelForTeam(operator.database, teamId);
@@ -96,18 +85,11 @@ export async function addUserToTeam(serverUrl: string, teamId: string, userId: s
                         fetchPostsForChannel(serverUrl, channel.id);
                     }
                 }
-            } else {
-                setTeamLoading(serverUrl, false);
-                loadEventSent = false;
             }
         }
         EphemeralStore.finishAddingToTeam(teamId);
-        updateCanJoinTeams(serverUrl);
         return {member};
     } catch (error) {
-        if (loadEventSent) {
-            setTeamLoading(serverUrl, false);
-        }
         EphemeralStore.finishAddingToTeam(teamId);
         forceLogoutIfNecessary(serverUrl, error as ClientError);
         return {error};
@@ -198,82 +180,25 @@ export async function fetchMyTeam(serverUrl: string, teamId: string, fetchOnly =
     }
 }
 
-export const fetchAllTeams = async (serverUrl: string, page = 0, perPage = PER_PAGE_DEFAULT): Promise<{teams?: Team[]; error?: any}> => {
+export const fetchAllTeams = async (serverUrl: string, fetchOnly = false): Promise<MyTeamsRequest> => {
+    let client;
     try {
-        const client = NetworkManager.getClient(serverUrl);
-        const teams = await client.getTeams(page, perPage);
-        return {teams};
+        client = NetworkManager.getClient(serverUrl);
     } catch (error) {
-        forceLogoutIfNecessary(serverUrl, error as ClientError);
         return {error};
     }
-};
 
-const recCanJoinTeams = async (client: Client, myTeamsIds: Set<string>, page: number): Promise<boolean> => {
-    const fetchedTeams = await client.getTeams(page, PER_PAGE_DEFAULT);
-    if (fetchedTeams.find((t) => !myTeamsIds.has(t.id) && t.delete_at === 0)) {
-        return true;
-    }
-
-    if (fetchedTeams.length === PER_PAGE_DEFAULT) {
-        return recCanJoinTeams(client, myTeamsIds, page + 1);
-    }
-
-    return false;
-};
-
-const LOAD_MORE_THRESHOLD = 10;
-export async function fetchTeamsForComponent(
-    serverUrl: string,
-    page: number,
-    joinedIds?: Set<string>,
-    alreadyLoaded: Team[] = [],
-): Promise<{teams: Team[]; hasMore: boolean; page: number}> {
-    let hasMore = true;
-    const {teams, error} = await fetchAllTeams(serverUrl, page, PER_PAGE_DEFAULT);
-    if (error || !teams || teams.length < PER_PAGE_DEFAULT) {
-        hasMore = false;
-    }
-
-    if (error) {
-        return {teams: alreadyLoaded, hasMore, page};
-    }
-
-    if (teams?.length) {
-        const notJoinedTeams = joinedIds ? teams.filter((t) => !joinedIds.has(t.id)) : teams;
-        alreadyLoaded.push(...notJoinedTeams);
-
-        if (teams.length < PER_PAGE_DEFAULT) {
-            hasMore = false;
-        }
-
-        if (
-            hasMore &&
-            (alreadyLoaded.length > LOAD_MORE_THRESHOLD)
-        ) {
-            return fetchTeamsForComponent(serverUrl, page + 1, joinedIds, alreadyLoaded);
-        }
-
-        return {teams: alreadyLoaded, hasMore, page: page + 1};
-    }
-
-    return {teams: alreadyLoaded, hasMore: false, page};
-}
-
-export const updateCanJoinTeams = async (serverUrl: string) => {
     try {
-        const client = NetworkManager.getClient(serverUrl);
-        const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
+        const teams = await client.getTeams();
+        if (!fetchOnly) {
+            const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
+            if (operator) {
+                syncTeamTable(operator, teams);
+            }
+        }
 
-        const myTeams = await queryMyTeams(database).fetch();
-        const myTeamsIds = new Set(myTeams.map((m) => m.id));
-
-        const canJoin = await recCanJoinTeams(client, myTeamsIds, 0);
-
-        EphemeralStore.setCanJoinOtherTeams(serverUrl, canJoin);
-        return {};
+        return {teams};
     } catch (error) {
-        EphemeralStore.setCanJoinOtherTeams(serverUrl, false);
         forceLogoutIfNecessary(serverUrl, error as ClientError);
         return {error};
     }
@@ -348,7 +273,7 @@ export const removeUserFromTeam = async (serverUrl: string, teamId: string, user
 
         if (!fetchOnly) {
             localRemoveUserFromTeam(serverUrl, teamId);
-            updateCanJoinTeams(serverUrl);
+            fetchAllTeams(serverUrl);
         }
 
         return {error: undefined};
@@ -400,31 +325,3 @@ export async function handleTeamChange(serverUrl: string, teamId: string) {
     // Fetch Groups + GroupTeams
     fetchGroupsForTeamIfConstrained(serverUrl, teamId);
 }
-
-export async function handleKickFromTeam(serverUrl: string, teamId: string) {
-    try {
-        const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const currentTeamId = await getCurrentTeamId(database);
-        if (currentTeamId !== teamId) {
-            return;
-        }
-
-        const currentServer = await getActiveServerUrl();
-        if (currentServer === serverUrl) {
-            const team = await getTeamById(database, teamId);
-            DeviceEventEmitter.emit(Events.LEAVE_TEAM, team?.displayName);
-            await dismissAllModals();
-            await popToRoot();
-        }
-
-        await removeTeamFromTeamHistory(operator, teamId);
-        const teamToJumpTo = await getLastTeam(database, teamId);
-        if (teamToJumpTo) {
-            await handleTeamChange(serverUrl, teamToJumpTo);
-        }
-
-        // Resetting to team select handled by the home screen
-    } catch (error) {
-        logDebug('Failed to kick user from team', error);
-    }
-}

app/actions/remote/terms_of_service.ts

@@ -1,53 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import DatabaseManager from '@database/manager';
-import NetworkManager from '@managers/network_manager';
-import {getCurrentUser} from '@queries/servers/user';
-
-import {forceLogoutIfNecessary} from './session';
-
-import type ClientError from '@client/rest/error';
-
-export async function fetchTermsOfService(serverUrl: string): Promise<{terms?: TermsOfService; error?: any}> {
-    let client;
-    try {
-        client = NetworkManager.getClient(serverUrl);
-    } catch (error) {
-        return {error};
-    }
-
-    try {
-        const terms = await client.getTermsOfService();
-        return {terms};
-    } catch (error) {
-        forceLogoutIfNecessary(serverUrl, error as ClientError);
-        return {error};
-    }
-}
-
-export async function updateTermsOfServiceStatus(serverUrl: string, id: string, status: boolean): Promise<{resp?: {status: string}; error?: any}> {
-    try {
-        const client = NetworkManager.getClient(serverUrl);
-        const resp = await client.updateMyTermsOfServiceStatus(id, status);
-
-        const {database, operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const currentUser = await getCurrentUser(database);
-        if (currentUser) {
-            currentUser.prepareUpdate((u) => {
-                if (status) {
-                    u.termsOfServiceCreateAt = Date.now();
-                    u.termsOfServiceId = id;
-                } else {
-                    u.termsOfServiceCreateAt = 0;
-                    u.termsOfServiceId = '';
-                }
-            });
-            operator.batchRecords([currentUser]);
-        }
-        return {resp};
-    } catch (error) {
-        forceLogoutIfNecessary(serverUrl, error as ClientError);
-        return {error};
-    }
-}

app/actions/remote/thread.ts

@@ -1,24 +1,27 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import Model from '@nozbe/watermelondb/Model';
-
-import {markTeamThreadsAsRead, markThreadAsViewed, processReceivedThreads, switchToThread, updateTeamThreadsSync, updateThread} from '@actions/local/thread';
+import {markTeamThreadsAsRead, markThreadAsViewed, processReceivedThreads, switchToThread, updateThread} from '@actions/local/thread';
 import {fetchPostThread} from '@actions/remote/post';
 import {General} from '@constants';
 import DatabaseManager from '@database/manager';
 import PushNotifications from '@init/push_notifications';
-import AppsManager from '@managers/apps_manager';
 import NetworkManager from '@managers/network_manager';
 import {getPostById} from '@queries/servers/post';
-import {getConfigValue, getCurrentChannelId, getCurrentTeamId} from '@queries/servers/system';
-import {getIsCRTEnabled, getThreadById, getTeamThreadsSyncData} from '@queries/servers/thread';
+import {getCommonSystemValues, getCurrentTeamId} from '@queries/servers/system';
+import {getIsCRTEnabled, getNewestThreadInTeam, getThreadById} from '@queries/servers/thread';
 import {getCurrentUser} from '@queries/servers/user';
-import {getThreadsListEdges} from '@utils/thread';
 
 import {forceLogoutIfNecessary} from './session';
 
 import type {Client} from '@client/rest';
+import type {Model} from '@nozbe/watermelondb';
+
+type FetchThreadsRequest = {
+    error?: unknown;
+} | {
+    data: GetUserThreadsResponse;
+};
 
 type FetchThreadsOptions = {
     before?: string;
@@ -30,11 +33,6 @@ type FetchThreadsOptions = {
     totalsOnly?: boolean;
 };
 
-enum Direction {
-    Up,
-    Down,
-}
-
 export const fetchAndSwitchToThread = async (serverUrl: string, rootId: string, isFromNotification = false) => {
     const database = DatabaseManager.serverDatabases[serverUrl]?.database;
     if (!database) {
@@ -58,21 +56,59 @@ export const fetchAndSwitchToThread = async (serverUrl: string, rootId: string,
 
     await switchToThread(serverUrl, rootId, isFromNotification);
 
-    if (await AppsManager.isAppsEnabled(serverUrl)) {
-        // Getting the post again in case we didn't had it at the beginning
-        const post = await getPostById(database, rootId);
-        const currentChannelId = await getCurrentChannelId(database);
+    return {};
+};
 
-        if (post) {
-            if (currentChannelId === post?.channelId) {
-                AppsManager.copyMainBindingsToThread(serverUrl, currentChannelId);
-            } else {
-                AppsManager.fetchBindings(serverUrl, post.channelId, true);
-            }
-        }
+export const fetchThreads = async (
+    serverUrl: string,
+    teamId: string,
+    {
+        before,
+        after,
+        perPage = General.CRT_CHUNK_SIZE,
+        deleted = false,
+        unread = false,
+        since,
+    }: FetchThreadsOptions = {
+        perPage: General.CRT_CHUNK_SIZE,
+        deleted: false,
+        unread: false,
+        since: 0,
+    },
+): Promise<FetchThreadsRequest> => {
+    const database = DatabaseManager.serverDatabases[serverUrl]?.database;
+    if (!database) {
+        return {error: `${serverUrl} database not found`};
     }
 
-    return {};
+    let client;
+    try {
+        client = NetworkManager.getClient(serverUrl);
+    } catch (error) {
+        return {error};
+    }
+
+    try {
+        const {config} = await getCommonSystemValues(database);
+
+        const data = await client.getThreads('me', teamId, before, after, perPage, deleted, unread, since, false, config.Version);
+
+        const {threads} = data;
+
+        if (threads.length) {
+            // Mark all fetched threads as following
+            threads.forEach((thread: Thread) => {
+                thread.is_following = true;
+            });
+
+            await processReceivedThreads(serverUrl, threads, teamId, !unread, false);
+        }
+
+        return {data};
+    } catch (error) {
+        forceLogoutIfNecessary(serverUrl, error as ClientErrorProps);
+        return {error};
+    }
 };
 
 export const fetchThread = async (serverUrl: string, teamId: string, threadId: string, extended?: boolean) => {
@@ -86,7 +122,7 @@ export const fetchThread = async (serverUrl: string, teamId: string, threadId: s
     try {
         const thread = await client.getThread('me', teamId, threadId, extended);
 
-        await processReceivedThreads(serverUrl, [thread], teamId);
+        await processReceivedThreads(serverUrl, [thread], teamId, false, false);
 
         return {data: thread};
     } catch (error) {
@@ -236,13 +272,17 @@ export const updateThreadFollowing = async (serverUrl: string, teamId: string, t
     }
 };
 
-export const fetchThreads = async (
+enum Direction {
+    Up,
+    Down,
+}
+
+async function fetchBatchThreads(
     serverUrl: string,
     teamId: string,
     options: FetchThreadsOptions,
-    direction?: Direction,
     pages?: number,
-) => {
+): Promise<{error: unknown; data?: Thread[]}> {
     const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
 
     if (!operator) {
@@ -256,40 +296,47 @@ export const fetchThreads = async (
         return {error};
     }
 
-    const fetchDirection = direction ?? Direction.Up;
+    // if we start from the begging of time (since = 0) we need to fetch threads from newest to oldest (Direction.Down)
+    // if there is another point in time, we need to fetch threads from oldest to newest (Direction.Up)
+    let direction = Direction.Up;
+    if (options.since === 0) {
+        direction = Direction.Down;
+    }
 
     const currentUser = await getCurrentUser(operator.database);
     if (!currentUser) {
         return {error: 'currentUser not found'};
     }
 
-    const version = await getConfigValue(operator.database, 'Version');
-    const threadsData: Thread[] = [];
+    const {config} = await getCommonSystemValues(operator.database);
+    const data: Thread[] = [];
 
-    let currentPage = 0;
     const fetchThreadsFunc = async (opts: FetchThreadsOptions) => {
+        let page = 0;
         const {before, after, perPage = General.CRT_CHUNK_SIZE, deleted, unread, since} = opts;
 
-        currentPage++;
-        const {threads} = await client.getThreads(currentUser.id, teamId, before, after, perPage, deleted, unread, since, false, version);
+        page += 1;
+        const {threads} = await client.getThreads(currentUser.id, teamId, before, after, perPage, deleted, unread, since, false, config.Version);
         if (threads.length) {
             // Mark all fetched threads as following
             for (const thread of threads) {
-                thread.is_following = thread.is_following ?? true;
+                thread.is_following = true;
             }
 
-            threadsData.push(...threads);
+            data.push(...threads);
 
-            if (threads.length === perPage && (pages == null || currentPage < pages!)) {
+            if (threads.length === perPage) {
                 const newOptions: FetchThreadsOptions = {perPage, deleted, unread};
-                if (fetchDirection === Direction.Down) {
+                if (direction === Direction.Down) {
                     const last = threads[threads.length - 1];
                     newOptions.before = last.id;
                 } else {
                     const first = threads[0];
                     newOptions.after = first.id;
                 }
-                await fetchThreadsFunc(newOptions);
+                if (pages != null && page < pages) {
+                    fetchThreadsFunc(newOptions);
+                }
             }
         }
     };
@@ -300,179 +347,140 @@ export const fetchThreads = async (
         if (__DEV__) {
             throw error;
         }
-        return {error};
+
+        return {error, data};
     }
 
-    return {error: false, threads: threadsData};
-};
+    return {error: false, data};
+}
+
+export async function fetchNewThreads(
+    serverUrl: string,
+    teamId: string,
+    prepareRecordsOnly = false,
+): Promise<{error: unknown; models?: Model[]}> {
+    const options: FetchThreadsOptions = {
+        unread: false,
+        deleted: true,
+        perPage: 60,
+    };
 
-export const syncTeamThreads = async (serverUrl: string, teamId: string, prepareRecordsOnly = false) => {
     const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
+
     if (!operator) {
         return {error: `${serverUrl} database not found`};
     }
 
-    try {
-        const syncData = await getTeamThreadsSyncData(operator.database, teamId);
-        const syncDataUpdate = {
-            id: teamId,
-        } as TeamThreadsSync;
+    const newestThread = await getNewestThreadInTeam(operator.database, teamId, false);
+    options.since = newestThread ? newestThread.lastReplyAt : 0;
 
-        const threads: Thread[] = [];
+    let response: {
+        error: unknown;
+        data?: Thread[];
+    } = {
+        error: undefined,
+        data: [],
+    };
 
-        /**
-         * If Syncing for the first time,
-         *     - Get all unread threads to show the right badges
-         *     - Get latest threads to show by default in the global threads screen
-         * Else
-         *     - Get all threads since last sync
-         */
-        if (!syncData || !syncData?.latest) {
-            const [allUnreadThreads, latestThreads] = await Promise.all([
-                fetchThreads(
-                    serverUrl,
-                    teamId,
-                    {unread: true},
-                    Direction.Down,
-                ),
-                fetchThreads(
-                    serverUrl,
-                    teamId,
-                    {},
-                    undefined,
-                    1,
-                ),
-            ]);
-            if (allUnreadThreads.error || latestThreads.error) {
-                return {error: allUnreadThreads.error || latestThreads.error};
-            }
-            if (latestThreads.threads?.length) {
-                // We are fetching the threads for the first time. We get "latest" and "earliest" values.
-                const {earliestThread, latestThread} = getThreadsListEdges(latestThreads.threads);
-                syncDataUpdate.latest = latestThread.last_reply_at;
-                syncDataUpdate.earliest = earliestThread.last_reply_at;
+    let loadedInGlobalThreads = true;
 
-                threads.push(...latestThreads.threads);
-            }
-            if (allUnreadThreads.threads?.length) {
-                threads.push(...allUnreadThreads.threads);
-            }
-        } else {
-            const allNewThreads = await fetchThreads(
-                serverUrl,
-                teamId,
-                {deleted: true, since: syncData.latest},
-            );
-            if (allNewThreads.error) {
-                return {error: allNewThreads.error};
-            }
-            if (allNewThreads.threads?.length) {
-                // As we are syncing, we get all new threads and we will update the "latest" value.
-                const {latestThread} = getThreadsListEdges(allNewThreads.threads);
-                syncDataUpdate.latest = latestThread.last_reply_at;
-
-                threads.push(...allNewThreads.threads);
-            }
-        }
-
-        const models: Model[] = [];
-
-        if (threads.length) {
-            const {error, models: threadModels = []} = await processReceivedThreads(serverUrl, threads, teamId, true);
-            if (error) {
-                return {error};
-            }
-
-            if (threadModels?.length) {
-                models.push(...threadModels);
-            }
-
-            if (syncDataUpdate.earliest || syncDataUpdate.latest) {
-                const {models: updateModels} = await updateTeamThreadsSync(serverUrl, syncDataUpdate, true);
-                if (updateModels?.length) {
-                    models.push(...updateModels);
-                }
-            }
-
-            if (!prepareRecordsOnly && models?.length) {
-                try {
-                    await operator.batchRecords(models);
-                } catch (err) {
-                    if (__DEV__) {
-                        throw err;
-                    }
-                    return {error: err};
-                }
-            }
-        }
-
-        return {error: false, models};
-    } catch (error) {
-        return {error};
+    // if we have no threads in the DB fetch all unread ones
+    if (options.since === 0) {
+        // options to fetch all unread threads
+        options.deleted = false;
+        options.unread = true;
+        loadedInGlobalThreads = false;
     }
-};
 
-export const loadEarlierThreads = async (serverUrl: string, teamId: string, lastThreadId: string, prepareRecordsOnly = false) => {
+    response = await fetchBatchThreads(serverUrl, teamId, options);
+
+    const {error: nErr, data} = response;
+
+    if (nErr) {
+        return {error: nErr};
+    }
+
+    if (!data?.length) {
+        return {error: false, models: []};
+    }
+
+    const {error, models} = await processReceivedThreads(serverUrl, data, teamId, loadedInGlobalThreads, true);
+
+    if (!error && !prepareRecordsOnly && models?.length) {
+        try {
+            await operator.batchRecords(models);
+        } catch (err) {
+            if (__DEV__) {
+                throw err;
+            }
+            return {error: true};
+        }
+    }
+
+    return {error: false, models};
+}
+
+export async function fetchRefreshThreads(
+    serverUrl: string,
+    teamId: string,
+    unread = false,
+    prepareRecordsOnly = false,
+): Promise<{error: unknown; models?: Model[]}> {
+    const options: FetchThreadsOptions = {
+        unread,
+        deleted: true,
+        perPage: 60,
+    };
+
     const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
+
     if (!operator) {
         return {error: `${serverUrl} database not found`};
     }
 
-    try {
-        /*
-         * - We will fetch one page of old threads
-         * - Update the sync data with the earliest thread last_reply_at timestamp
-         */
-        const fetchedThreads = await fetchThreads(
-            serverUrl,
-            teamId,
-            {
-                before: lastThreadId,
-            },
-            undefined,
-            1,
-        );
-        if (fetchedThreads.error) {
-            return {error: fetchedThreads.error};
-        }
+    const newestThread = await getNewestThreadInTeam(operator.database, teamId, unread);
+    options.since = newestThread ? newestThread.lastReplyAt : 0;
 
-        const models: Model[] = [];
-        const threads = fetchedThreads.threads || [];
+    let response: {
+        error: unknown;
+        data?: Thread[];
+    } = {
+        error: undefined,
+        data: [],
+    };
 
-        if (threads?.length) {
-            const {error, models: threadModels = []} = await processReceivedThreads(serverUrl, threads, teamId, true);
-            if (error) {
-                return {error};
-            }
+    let pages;
 
-            if (threadModels?.length) {
-                models.push(...threadModels);
-            }
-
-            const {earliestThread} = getThreadsListEdges(threads);
-            const syncDataUpdate = {
-                id: teamId,
-                earliest: earliestThread.last_reply_at,
-            } as TeamThreadsSync;
-            const {models: updateModels} = await updateTeamThreadsSync(serverUrl, syncDataUpdate, true);
-            if (updateModels?.length) {
-                models.push(...updateModels);
-            }
-
-            if (!prepareRecordsOnly && models?.length) {
-                try {
-                    await operator.batchRecords(models);
-                } catch (err) {
-                    if (__DEV__) {
-                        throw err;
-                    }
-                    return {error: err};
-                }
-            }
-        }
-
-        return {error: false, models, threads};
-    } catch (error) {
-        return {error};
+    // in the case of global threads: if we have no threads in the DB fetch just one page
+    if (options.since === 0 && !unread) {
+        pages = 1;
     }
-};
+
+    response = await fetchBatchThreads(serverUrl, teamId, options, pages);
+
+    const {error: nErr, data} = response;
+
+    if (nErr) {
+        return {error: nErr};
+    }
+
+    if (!data?.length) {
+        return {error: false, models: []};
+    }
+
+    const loadedInGlobalThreads = !unread;
+    const {error, models} = await processReceivedThreads(serverUrl, data, teamId, loadedInGlobalThreads, true);
+
+    if (!error && !prepareRecordsOnly && models?.length) {
+        try {
+            await operator.batchRecords(models);
+        } catch (err) {
+            if (__DEV__) {
+                throw err;
+            }
+            return {error: true};
+        }
+    }
+
+    return {error: false, models};
+}

app/actions/remote/user.ts

@@ -407,7 +407,7 @@ export const fetchUsersByIds = async (serverUrl: string, userIds: string[], fetc
             return {users: [], existingUsers};
         }
         const users = await client.getProfilesByIds([...new Set(usersToLoad)]);
-        if (!fetchOnly && users.length) {
+        if (!fetchOnly) {
             await operator.handleUsers({
                 users,
                 prepareRecordsOnly: false,
@@ -451,7 +451,7 @@ export const fetchUsersByUsernames = async (serverUrl: string, usernames: string
 
         const users = await client.getProfilesByUsernames([...new Set(usersToLoad)]);
 
-        if (users.length && !fetchOnly) {
+        if (!fetchOnly) {
             await operator.handleUsers({
                 users,
                 prepareRecordsOnly: false,

app/actions/websocket/channel.ts

@@ -2,6 +2,7 @@
 // See LICENSE.txt for license information.
 
 import {Model} from '@nozbe/watermelondb';
+import {DeviceEventEmitter} from 'react-native';
 
 import {addChannelToDefaultCategory} from '@actions/local/category';
 import {
@@ -9,18 +10,22 @@ import {
     storeMyChannelsForTeam, updateChannelInfoFromChannel, updateMyChannelFromWebsocket,
 } from '@actions/local/channel';
 import {storePostsForChannel} from '@actions/local/post';
-import {fetchMissingDirectChannelsInfo, fetchMyChannel, fetchChannelStats, fetchChannelById, handleKickFromChannel} from '@actions/remote/channel';
+import {switchToGlobalThreads} from '@actions/local/thread';
+import {fetchMissingDirectChannelsInfo, fetchMyChannel, fetchChannelStats, fetchChannelById, switchToChannelById} from '@actions/remote/channel';
 import {fetchPostsForChannel} from '@actions/remote/post';
 import {fetchRolesIfNeeded} from '@actions/remote/role';
 import {fetchUsersByIds, updateUsersNoLongerVisible} from '@actions/remote/user';
 import {loadCallForChannel} from '@calls/actions/calls';
-import {Events} from '@constants';
+import {Events, Screens} from '@constants';
 import DatabaseManager from '@database/manager';
+import {queryActiveServer} from '@queries/app/servers';
 import {deleteChannelMembership, getChannelById, prepareMyChannelsForTeam, getCurrentChannel} from '@queries/servers/channel';
-import {getConfig, getCurrentChannelId} from '@queries/servers/system';
+import {prepareCommonSystemValues, getConfig, setCurrentChannelId, getCurrentChannelId, getCurrentTeamId} from '@queries/servers/system';
+import {getNthLastChannelFromTeam} from '@queries/servers/team';
 import {getCurrentUser, getTeammateNameDisplay, getUserById} from '@queries/servers/user';
+import {dismissAllModals, popToRoot} from '@screens/navigation';
 import EphemeralStore from '@store/ephemeral_store';
-import {logDebug} from '@utils/log';
+import {isTablet} from '@utils/helpers';
 
 // Received when current user created a channel in a different client
 export async function handleChannelCreatedEvent(serverUrl: string, msg: any) {
@@ -128,7 +133,7 @@ export async function handleChannelViewedEvent(serverUrl: string, msg: any) {
         const currentChannelId = await getCurrentChannelId(database);
 
         if (activeServerUrl !== serverUrl || (currentChannelId !== channelId && !EphemeralStore.isSwitchingToChannel(channelId))) {
-            await markChannelAsViewed(serverUrl, channelId);
+            await markChannelAsViewed(serverUrl, channelId, false);
         }
     } catch {
         // do nothing
@@ -318,9 +323,12 @@ export async function handleUserAddedToChannelEvent(serverUrl: string, msg: any)
 }
 
 export async function handleUserRemovedFromChannelEvent(serverUrl: string, msg: any) {
-    try {
-        const {operator, database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
+    const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
+    if (!operator) {
+        return;
+    }
 
+    try {
         // Depending on who was removed, the ids may come from one place dataset or the other.
         const userId = msg.data.user_id || msg.broadcast.user_id;
         const channelId = msg.data.channel_id || msg.broadcast.channel_id;
@@ -329,6 +337,8 @@ export async function handleUserRemovedFromChannelEvent(serverUrl: string, msg:
             return;
         }
 
+        const {database} = operator;
+        const channel = await getCurrentChannel(database);
         const user = await getCurrentUser(database);
         if (!user) {
             return;
@@ -344,11 +354,39 @@ export async function handleUserRemovedFromChannelEvent(serverUrl: string, msg:
         }
 
         if (user.id === userId) {
-            const currentChannelId = await getCurrentChannelId(database);
-            if (currentChannelId && currentChannelId === channelId) {
-                await handleKickFromChannel(serverUrl, currentChannelId);
-            }
             await removeCurrentUserFromChannel(serverUrl, channelId);
+            if (channel && channel.id === channelId) {
+                const currentServer = await queryActiveServer(DatabaseManager.appDatabase!.database);
+
+                if (currentServer?.url === serverUrl) {
+                    DeviceEventEmitter.emit(Events.LEAVE_CHANNEL, channel.displayName);
+                    await dismissAllModals();
+                    await popToRoot();
+
+                    if (await isTablet()) {
+                        let tId = channel.teamId;
+                        if (!tId) {
+                            tId = await getCurrentTeamId(database);
+                        }
+                        const channelToJumpTo = await getNthLastChannelFromTeam(database, tId);
+                        if (channelToJumpTo) {
+                            if (channelToJumpTo === Screens.GLOBAL_THREADS) {
+                                const {models: switchToGlobalThreadsModels} = await switchToGlobalThreads(serverUrl, tId, true);
+                                if (switchToGlobalThreadsModels) {
+                                    models.push(...switchToGlobalThreadsModels);
+                                }
+                            } else {
+                                switchToChannelById(serverUrl, channelToJumpTo, tId, true);
+                            }
+                        } // TODO else jump to "join a channel" screen https://mattermost.atlassian.net/browse/MM-41051
+                    } else {
+                        const currentChannelModels = await prepareCommonSystemValues(operator, {currentChannelId: ''});
+                        if (currentChannelModels?.length) {
+                            models.push(...currentChannelModels);
+                        }
+                    }
+                }
+            }
         } else {
             const {models: deleteMemberModels} = await deleteChannelMembership(operator, userId, channelId, true);
             if (deleteMemberModels) {
@@ -357,8 +395,8 @@ export async function handleUserRemovedFromChannelEvent(serverUrl: string, msg:
         }
 
         operator.batchRecords(models);
-    } catch (error) {
-        logDebug('cannot handle user removed from channel websocket event', error);
+    } catch {
+        // Do nothing
     }
 }
 
@@ -390,10 +428,34 @@ export async function handleChannelDeletedEvent(serverUrl: string, msg: WebSocke
         }
 
         if (config?.ExperimentalViewArchivedChannels !== 'true') {
-            if (currentChannel && currentChannel.id === channelId) {
-                await handleKickFromChannel(serverUrl, channelId, Events.CHANNEL_ARCHIVED);
-            }
             await removeCurrentUserFromChannel(serverUrl, channelId);
+
+            if (currentChannel && currentChannel.id === channelId) {
+                const currentServer = await queryActiveServer(DatabaseManager.appDatabase!.database);
+
+                if (currentServer?.url === serverUrl) {
+                    DeviceEventEmitter.emit(Events.CHANNEL_ARCHIVED, currentChannel.displayName);
+                    await dismissAllModals();
+                    await popToRoot();
+
+                    if (await isTablet()) {
+                        let tId = currentChannel.teamId;
+                        if (!tId) {
+                            tId = await getCurrentTeamId(database);
+                        }
+                        const channelToJumpTo = await getNthLastChannelFromTeam(database, tId);
+                        if (channelToJumpTo) {
+                            if (channelToJumpTo === Screens.GLOBAL_THREADS) {
+                                switchToGlobalThreads(serverUrl, tId);
+                                return;
+                            }
+                            switchToChannelById(serverUrl, channelToJumpTo, tId);
+                        } // TODO else jump to "join a channel" screen
+                    } else {
+                        setCurrentChannelId(operator, '');
+                    }
+                }
+            }
         }
     } catch {
         // Do nothing

app/actions/websocket/group.ts

@@ -2,9 +2,9 @@
 // See LICENSE.txt for license information.
 
 import {fetchGroupsForChannel, fetchGroupsForMember, fetchGroupsForTeam} from '@actions/remote/groups';
+import {deleteGroupChannelById, deleteGroupMembershipById, deleteGroupTeamById} from '@app/queries/servers/group';
+import {generateGroupAssociationId} from '@app/utils/groups';
 import DatabaseManager from '@database/manager';
-import {deleteGroupChannelById, deleteGroupMembershipById, deleteGroupTeamById} from '@queries/servers/group';
-import {generateGroupAssociationId} from '@utils/groups';
 import {logError} from '@utils/log';
 
 type WebsocketGroupMessage = WebSocketMessage<{

app/actions/websocket/index.ts

@@ -1,19 +1,16 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {markChannelAsViewed} from '@actions/local/channel';
-import {markChannelAsRead} from '@actions/remote/channel';
-import {handleEntryAfterLoadNavigation} from '@actions/remote/entry/common';
+import {DeviceEventEmitter} from 'react-native';
+
+import {switchToChannelById} from '@actions/remote/channel';
 import {deferredAppEntryActions, entry} from '@actions/remote/entry/gql_common';
-import {fetchPostsForChannel, fetchPostThread} from '@actions/remote/post';
 import {fetchStatusByIds} from '@actions/remote/user';
 import {loadConfigAndCalls} from '@calls/actions/calls';
 import {
     handleCallChannelDisabled,
     handleCallChannelEnabled,
     handleCallEnded,
-    handleCallHostChanged,
-    handleCallRecordingState,
     handleCallScreenOff,
     handleCallScreenOn,
     handleCallStarted,
@@ -21,35 +18,31 @@ import {
     handleCallUserDisconnected,
     handleCallUserMuted,
     handleCallUserRaiseHand,
-    handleCallUserReacted,
     handleCallUserUnmuted,
     handleCallUserUnraiseHand,
     handleCallUserVoiceOff,
     handleCallUserVoiceOn,
 } from '@calls/connection/websocket_event_handlers';
 import {isSupportedServerCalls} from '@calls/utils';
-import {Screens, WebsocketEvents} from '@constants';
+import {Events, Screens, WebsocketEvents} from '@constants';
 import {SYSTEM_IDENTIFIERS} from '@constants/database';
 import DatabaseManager from '@database/manager';
-import AppsManager from '@managers/apps_manager';
+import {getActiveServerUrl, queryActiveServer} from '@queries/app/servers';
 import {getCurrentChannel} from '@queries/servers/channel';
-import {getLastPostInThread} from '@queries/servers/post';
 import {
+    getCommonSystemValues,
     getConfig,
-    getCurrentChannelId,
     getCurrentUserId,
-    getLicense,
     getWebSocketLastDisconnected,
     resetWebSocketLastDisconnected,
+    setCurrentTeamAndChannelId,
 } from '@queries/servers/system';
 import {getCurrentTeam} from '@queries/servers/team';
-import {getIsCRTEnabled} from '@queries/servers/thread';
 import {getCurrentUser} from '@queries/servers/user';
-import EphemeralStore from '@store/ephemeral_store';
+import {dismissAllModals, popToRoot} from '@screens/navigation';
 import NavigationStore from '@store/navigation_store';
-import {setTeamLoading} from '@store/team_load_store';
 import {isTablet} from '@utils/helpers';
-import {logDebug, logInfo} from '@utils/log';
+import {logInfo} from '@utils/log';
 
 import {handleCategoryCreatedEvent, handleCategoryDeletedEvent, handleCategoryOrderUpdatedEvent, handleCategoryUpdatedEvent} from './category';
 import {handleChannelConvertedEvent, handleChannelCreatedEvent,
@@ -68,7 +61,7 @@ import {handlePreferenceChangedEvent, handlePreferencesChangedEvent, handlePrefe
 import {handleAddCustomEmoji, handleReactionRemovedFromPostEvent, handleReactionAddedToPostEvent} from './reactions';
 import {handleUserRoleUpdatedEvent, handleTeamMemberRoleUpdatedEvent, handleRoleUpdatedEvent} from './roles';
 import {handleLicenseChangedEvent, handleConfigChangedEvent} from './system';
-import {handleLeaveTeamEvent, handleUserAddedToTeamEvent, handleUpdateTeamEvent, handleTeamArchived, handleTeamRestored} from './teams';
+import {handleLeaveTeamEvent, handleUserAddedToTeamEvent, handleUpdateTeamEvent} from './teams';
 import {handleThreadUpdatedEvent, handleThreadReadChangedEvent, handleThreadFollowChangedEvent} from './threads';
 import {handleUserUpdatedEvent, handleUserTypingEvent} from './users';
 
@@ -86,7 +79,7 @@ export async function handleFirstConnect(serverUrl: string) {
 
     // ESR: 5.37
     if (lastDisconnect && config?.EnableReliableWebSockets !== 'true' && alreadyConnected.has(serverUrl)) {
-        await handleReconnect(serverUrl);
+        handleReconnect(serverUrl);
         return;
     }
 
@@ -100,8 +93,8 @@ export async function handleFirstConnect(serverUrl: string) {
     }
 }
 
-export async function handleReconnect(serverUrl: string) {
-    await doReconnect(serverUrl);
+export function handleReconnect(serverUrl: string) {
+    doReconnect(serverUrl);
 }
 
 export async function handleClose(serverUrl: string, lastDisconnect: number) {
@@ -138,35 +131,60 @@ async function doReconnect(serverUrl: string) {
 
     const currentTeam = await getCurrentTeam(database);
     const currentChannel = await getCurrentChannel(database);
+    const currentActiveServerUrl = await getActiveServerUrl(DatabaseManager.appDatabase!.database);
 
-    setTeamLoading(serverUrl, true);
     const entryData = await entry(serverUrl, currentTeam?.id, currentChannel?.id, lastDisconnectedAt);
     if ('error' in entryData) {
-        setTeamLoading(serverUrl, false);
+        if (serverUrl === currentActiveServerUrl) {
+            DeviceEventEmitter.emit(Events.FETCHING_POSTS, false);
+        }
         return;
     }
     const {models, initialTeamId, initialChannelId, prefData, teamData, chData} = entryData;
 
-    await handleEntryAfterLoadNavigation(serverUrl, teamData.memberships || [], chData?.memberships || [], currentTeam?.id || '', currentChannel?.id || '', initialTeamId, initialChannelId);
+    let switchedToChannel = false;
+
+    // if no longer a member of the current team or the current channel
+    if (initialTeamId !== currentTeam?.id || initialChannelId !== currentChannel?.id) {
+        const currentServer = await queryActiveServer(appDatabase);
+        const isChannelScreenMounted = NavigationStore.getNavigationComponents().includes(Screens.CHANNEL);
+        if (serverUrl === currentServer?.url) {
+            if (currentTeam && initialTeamId !== currentTeam.id) {
+                DeviceEventEmitter.emit(Events.LEAVE_TEAM, {displayName: currentTeam.displayName});
+                await dismissAllModals();
+                await popToRoot();
+            } else if (currentChannel && initialChannelId !== currentChannel.id && isChannelScreenMounted) {
+                DeviceEventEmitter.emit(Events.LEAVE_CHANNEL, {displayName: currentChannel?.displayName});
+                await dismissAllModals();
+                await popToRoot();
+            }
+
+            const tabletDevice = await isTablet();
+
+            if (tabletDevice && initialChannelId) {
+                switchedToChannel = true;
+                switchToChannelById(serverUrl, initialChannelId, initialTeamId);
+            } else {
+                setCurrentTeamAndChannelId(operator, initialTeamId, initialChannelId);
+            }
+        } else {
+            setCurrentTeamAndChannelId(operator, initialTeamId, initialChannelId);
+        }
+    }
 
     const dt = Date.now();
     await operator.batchRecords(models);
     logInfo('WEBSOCKET RECONNECT MODELS BATCHING TOOK', `${Date.now() - dt}ms`);
-    setTeamLoading(serverUrl, false);
-
-    await fetchPostDataIfNeeded(serverUrl);
 
     const {id: currentUserId, locale: currentUserLocale} = (await getCurrentUser(database))!;
-    const license = await getLicense(database);
-    const config = await getConfig(database);
+    const {config, license} = await getCommonSystemValues(database);
+    await deferredAppEntryActions(serverUrl, lastDisconnectedAt, currentUserId, currentUserLocale, prefData.preferences, config, license, teamData, chData, initialTeamId, switchedToChannel ? initialChannelId : undefined);
 
     if (isSupportedServerCalls(config?.Version)) {
         loadConfigAndCalls(serverUrl, currentUserId);
     }
 
-    await deferredAppEntryActions(serverUrl, lastDisconnectedAt, currentUserId, currentUserLocale, prefData.preferences, config, license, teamData, chData, initialTeamId);
-
-    AppsManager.refreshAppBindings(serverUrl);
+    // https://mattermost.atlassian.net/browse/MM-41520
 }
 
 export async function handleEvent(serverUrl: string, msg: WebSocketMessage) {
@@ -312,14 +330,6 @@ export async function handleEvent(serverUrl: string, msg: WebSocketMessage) {
             handleOpenDialogEvent(serverUrl, msg);
             break;
 
-        case WebsocketEvents.DELETE_TEAM:
-            handleTeamArchived(serverUrl, msg);
-            break;
-
-        case WebsocketEvents.RESTORE_TEAM:
-            handleTeamRestored(serverUrl, msg);
-            break;
-
         case WebsocketEvents.THREAD_UPDATED:
             handleThreadUpdatedEvent(serverUrl, msg);
             break;
@@ -380,15 +390,6 @@ export async function handleEvent(serverUrl: string, msg: WebSocketMessage) {
         case WebsocketEvents.CALLS_CALL_END:
             handleCallEnded(serverUrl, msg);
             break;
-        case WebsocketEvents.CALLS_USER_REACTED:
-            handleCallUserReacted(serverUrl, msg);
-            break;
-        case WebsocketEvents.CALLS_RECORDING_STATE:
-            handleCallRecordingState(serverUrl, msg);
-            break;
-        case WebsocketEvents.CALLS_HOST_CHANGED:
-            handleCallHostChanged(serverUrl, msg);
-            break;
 
         case WebsocketEvents.GROUP_RECEIVED:
             handleGroupReceivedEvent(serverUrl, msg);
@@ -411,44 +412,3 @@ export async function handleEvent(serverUrl: string, msg: WebSocketMessage) {
             break;
     }
 }
-
-async function fetchPostDataIfNeeded(serverUrl: string) {
-    try {
-        const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const currentChannelId = await getCurrentChannelId(database);
-        const isCRTEnabled = await getIsCRTEnabled(database);
-        const mountedScreens = NavigationStore.getScreensInStack();
-        const isChannelScreenMounted = mountedScreens.includes(Screens.CHANNEL);
-        const isThreadScreenMounted = mountedScreens.includes(Screens.THREAD);
-        const tabletDevice = await isTablet();
-
-        if (isCRTEnabled && isThreadScreenMounted) {
-            // Fetch new posts in the thread only when CRT is enabled,
-            // for non-CRT fetchPostsForChannel includes posts in the thread
-            const rootId = EphemeralStore.getCurrentThreadId();
-            if (rootId) {
-                const lastPost = await getLastPostInThread(database, rootId);
-                if (lastPost) {
-                    if (lastPost) {
-                        const options: FetchPaginatedThreadOptions = {};
-                        options.fromCreateAt = lastPost.createAt;
-                        options.fromPost = lastPost.id;
-                        options.direction = 'down';
-                        await fetchPostThread(serverUrl, rootId, options);
-                    }
-                }
-            }
-        }
-
-        if (currentChannelId && (isChannelScreenMounted || tabletDevice)) {
-            await fetchPostsForChannel(serverUrl, currentChannelId);
-            markChannelAsRead(serverUrl, currentChannelId);
-            if (!EphemeralStore.wasNotificationTapped()) {
-                markChannelAsViewed(serverUrl, currentChannelId, true);
-            }
-            EphemeralStore.setNotificationTapped(false);
-        }
-    } catch (error) {
-        logDebug('could not fetch needed post after WS reconnect', error);
-    }
-}

app/actions/websocket/integrations.ts

@@ -1,6 +1,6 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
-
+import DatabaseManager from '@database/manager';
 import IntegrationsManager from '@managers/integrations_manager';
 import {getActiveServerUrl} from '@queries/app/servers';
 
@@ -9,10 +9,14 @@ export async function handleOpenDialogEvent(serverUrl: string, msg: WebSocketMes
     if (!data) {
         return;
     }
+    const appDatabase = DatabaseManager.appDatabase?.database;
+    if (!appDatabase) {
+        return;
+    }
 
     try {
         const dialog: InteractiveDialogConfig = JSON.parse(data);
-        const currentServer = await getActiveServerUrl();
+        const currentServer = await getActiveServerUrl(appDatabase);
         if (currentServer === serverUrl) {
             IntegrationsManager.getManager(serverUrl).setDialog(dialog);
         }

app/actions/websocket/posts.ts

@@ -128,8 +128,11 @@ export async function handleNewPostEvent(serverUrl: string, msg: WebSocketMessag
             ) {
                 markAsViewed = true;
                 markAsRead = false;
-            } else if ((post.channel_id === currentChannelId)) {
-                const isChannelScreenMounted = NavigationStore.getScreensInStack().includes(Screens.CHANNEL);
+            } else if ((post.channel_id === currentChannelId)) { // TODO: THREADS && !viewingGlobalThreads) {
+                // Don't mark as read if we're in global threads screen
+                // the currentChannelId still refers to previously viewed channel
+
+                const isChannelScreenMounted = NavigationStore.getNavigationComponents().includes(Screens.CHANNEL);
 
                 const isTabletDevice = await isTablet();
                 if (isChannelScreenMounted || isTabletDevice) {
@@ -143,7 +146,7 @@ export async function handleNewPostEvent(serverUrl: string, msg: WebSocketMessag
             markChannelAsRead(serverUrl, post.channel_id);
         } else if (markAsViewed) {
             preparedMyChannelHack(myChannel);
-            const {member: viewedAt} = await markChannelAsViewed(serverUrl, post.channel_id, false, true);
+            const {member: viewedAt} = await markChannelAsViewed(serverUrl, post.channel_id, true);
             if (viewedAt) {
                 models.push(viewedAt);
             }
@@ -164,13 +167,8 @@ export async function handleNewPostEvent(serverUrl: string, msg: WebSocketMessag
         }
     }
 
-    let actionType: string = ActionType.POSTS.RECEIVED_NEW;
-    if (isCRTEnabled && post.root_id) {
-        actionType = ActionType.POSTS.RECEIVED_IN_THREAD;
-    }
-
     const postModels = await operator.handlePosts({
-        actionType,
+        actionType: ActionType.POSTS.RECEIVED_NEW,
         order: [post.id],
         posts: [post],
         prepareRecordsOnly: true,
@@ -208,14 +206,8 @@ export async function handlePostEdited(serverUrl: string, msg: WebSocketMessage)
         models.push(...authorsModels);
     }
 
-    let actionType: string = ActionType.POSTS.RECEIVED_NEW;
-    const isCRTEnabled = await getIsCRTEnabled(operator.database);
-    if (isCRTEnabled && post.root_id) {
-        actionType = ActionType.POSTS.RECEIVED_IN_THREAD;
-    }
-
     const postModels = await operator.handlePosts({
-        actionType,
+        actionType: ActionType.POSTS.RECEIVED_NEW,
         order: [post.id],
         posts: [post],
         prepareRecordsOnly: true,

app/actions/websocket/system.ts

@@ -2,7 +2,6 @@
 // See LICENSE.txt for license information.
 
 import {updateDmGmDisplayName} from '@actions/local/channel';
-import {storeConfig} from '@actions/local/systems';
 import {SYSTEM_IDENTIFIERS} from '@constants/database';
 import DatabaseManager from '@database/manager';
 import {getConfig, getLicense} from '@queries/servers/system';
@@ -36,8 +35,10 @@ export async function handleConfigChangedEvent(serverUrl: string, msg: WebSocket
 
     try {
         const config = msg.data.config;
+        const systems: IdValue[] = [{id: SYSTEM_IDENTIFIERS.CONFIG, value: JSON.stringify(config)}];
+
         const prevConfig = await getConfig(operator.database);
-        await storeConfig(serverUrl, config);
+        await operator.handleSystem({systems, prepareRecordsOnly: false});
         if (config?.LockTeammateNameDisplay && (prevConfig?.LockTeammateNameDisplay !== config.LockTeammateNameDisplay)) {
             updateDmGmDisplayName(serverUrl);
         }

app/actions/websocket/teams.ts

@@ -2,106 +2,64 @@
 // See LICENSE.txt for license information.
 
 import {Model} from '@nozbe/watermelondb';
+import {DeviceEventEmitter} from 'react-native';
 
 import {removeUserFromTeam} from '@actions/local/team';
 import {fetchMyChannelsForTeam} from '@actions/remote/channel';
 import {fetchRoles} from '@actions/remote/role';
-import {fetchMyTeam, handleKickFromTeam, updateCanJoinTeams} from '@actions/remote/team';
+import {fetchAllTeams, handleTeamChange, fetchMyTeam} from '@actions/remote/team';
 import {updateUsersNoLongerVisible} from '@actions/remote/user';
+import Events from '@constants/events';
 import DatabaseManager from '@database/manager';
-import ServerDataOperator from '@database/operator/server_data_operator';
-import NetworkManager from '@managers/network_manager';
-import {prepareCategoriesAndCategoriesChannels} from '@queries/servers/categories';
+import {getActiveServerUrl} from '@queries/app/servers';
+import {prepareCategories, prepareCategoryChannels} from '@queries/servers/categories';
 import {prepareMyChannelsForTeam} from '@queries/servers/channel';
-import {getCurrentTeam, prepareMyTeams, queryMyTeamsByIds} from '@queries/servers/team';
+import {getCurrentTeam, getLastTeam, prepareMyTeams} from '@queries/servers/team';
 import {getCurrentUser} from '@queries/servers/user';
+import {dismissAllModals, popToRoot, resetToTeams} from '@screens/navigation';
 import EphemeralStore from '@store/ephemeral_store';
-import {setTeamLoading} from '@store/team_load_store';
-import {logDebug} from '@utils/log';
-
-export async function handleTeamArchived(serverUrl: string, msg: WebSocketMessage) {
-    try {
-        const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const team: Team = JSON.parse(msg.data.team);
-
-        const membership = (await queryMyTeamsByIds(database, [team.id]).fetch())[0];
-        if (membership) {
-            const currentTeam = await getCurrentTeam(database);
-            if (currentTeam?.id === team.id) {
-                await handleKickFromTeam(serverUrl, team.id);
-            }
-
-            await removeUserFromTeam(serverUrl, team.id);
-
-            const user = await getCurrentUser(database);
-            if (user?.isGuest) {
-                updateUsersNoLongerVisible(serverUrl);
-            }
-        }
-        updateCanJoinTeams(serverUrl);
-    } catch (error) {
-        logDebug('cannot handle archive team websocket event', error);
-    }
-}
-
-export async function handleTeamRestored(serverUrl: string, msg: WebSocketMessage) {
-    let markedAsLoading = false;
-    try {
-        const client = NetworkManager.getClient(serverUrl);
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const team: Team = JSON.parse(msg.data.team);
-
-        const teamMembership = await client.getTeamMember(team.id, 'me');
-        if (teamMembership && teamMembership.delete_at === 0) {
-            // Ignore duplicated team join events sent by the server
-            if (EphemeralStore.isAddingToTeam(team.id)) {
-                return;
-            }
-            EphemeralStore.startAddingToTeam(team.id);
-
-            setTeamLoading(serverUrl, true);
-            markedAsLoading = true;
-            await fetchAndStoreJoinedTeamInfo(serverUrl, operator, team.id, [team], [teamMembership]);
-            setTeamLoading(serverUrl, false);
-            markedAsLoading = false;
-
-            EphemeralStore.finishAddingToTeam(team.id);
-        }
-
-        updateCanJoinTeams(serverUrl);
-    } catch (error) {
-        if (markedAsLoading) {
-            setTeamLoading(serverUrl, false);
-        }
-        logDebug('cannot handle restore team websocket event', error);
-    }
-}
 
 export async function handleLeaveTeamEvent(serverUrl: string, msg: WebSocketMessage) {
-    try {
-        const {database} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
+    const database = DatabaseManager.serverDatabases[serverUrl];
+    if (!database) {
+        return;
+    }
 
-        const user = await getCurrentUser(database);
-        if (!user) {
-            return;
+    const currentTeam = await getCurrentTeam(database.database);
+    const user = await getCurrentUser(database.database);
+    if (!user) {
+        return;
+    }
+
+    const {user_id: userId, team_id: teamId} = msg.data;
+    if (user.id === userId) {
+        await removeUserFromTeam(serverUrl, teamId);
+        fetchAllTeams(serverUrl);
+
+        if (user.isGuest) {
+            updateUsersNoLongerVisible(serverUrl);
         }
 
-        const {user_id: userId, team_id: teamId} = msg.data;
-        if (user.id === userId) {
-            const currentTeam = await getCurrentTeam(database);
-            if (currentTeam?.id === teamId) {
-                await handleKickFromTeam(serverUrl, teamId);
+        if (currentTeam?.id === teamId) {
+            const appDatabase = DatabaseManager.appDatabase?.database;
+            let currentServer = '';
+            if (appDatabase) {
+                currentServer = await getActiveServerUrl(appDatabase);
             }
 
-            await removeUserFromTeam(serverUrl, teamId);
-            updateCanJoinTeams(serverUrl);
+            if (currentServer === serverUrl) {
+                DeviceEventEmitter.emit(Events.LEAVE_TEAM, currentTeam?.displayName);
+                await dismissAllModals();
+                await popToRoot();
+            }
 
-            if (user.isGuest) {
-                updateUsersNoLongerVisible(serverUrl);
+            const teamToJumpTo = await getLastTeam(database.database);
+            if (teamToJumpTo) {
+                handleTeamChange(serverUrl, teamToJumpTo);
+            } else if (currentServer === serverUrl) {
+                resetToTeams();
             }
         }
-    } catch (error) {
-        logDebug('cannot handle leave team websocket event', error);
     }
 }
 
@@ -123,6 +81,10 @@ export async function handleUpdateTeamEvent(serverUrl: string, msg: WebSocketMes
 }
 
 export async function handleUserAddedToTeamEvent(serverUrl: string, msg: WebSocketMessage) {
+    const operator = DatabaseManager.serverDatabases[serverUrl]?.operator;
+    if (!operator) {
+        return;
+    }
     const {team_id: teamId} = msg.data;
 
     // Ignore duplicated team join events sent by the server
@@ -131,30 +93,17 @@ export async function handleUserAddedToTeamEvent(serverUrl: string, msg: WebSock
     }
     EphemeralStore.startAddingToTeam(teamId);
 
-    try {
-        setTeamLoading(serverUrl, true);
-        const {operator} = DatabaseManager.getServerDatabaseAndOperator(serverUrl);
-        const {teams, memberships: teamMemberships} = await fetchMyTeam(serverUrl, teamId, true);
+    const {teams, memberships: teamMemberships} = await fetchMyTeam(serverUrl, teamId, true);
 
-        await fetchAndStoreJoinedTeamInfo(serverUrl, operator, teamId, teams, teamMemberships);
-    } catch (error) {
-        logDebug('could not handle user added to team websocket event');
-    }
-    setTeamLoading(serverUrl, false);
-    EphemeralStore.finishAddingToTeam(teamId);
-}
-
-const fetchAndStoreJoinedTeamInfo = async (serverUrl: string, operator: ServerDataOperator, teamId: string, teams?: Team[], teamMemberships?: TeamMembership[]) => {
     const modelPromises: Array<Promise<Model[]>> = [];
     if (teams?.length && teamMemberships?.length) {
         const {channels, memberships, categories} = await fetchMyChannelsForTeam(serverUrl, teamId, false, 0, true);
-        modelPromises.push(prepareCategoriesAndCategoriesChannels(operator, categories || [], true));
+        modelPromises.push(prepareCategories(operator, categories));
+        modelPromises.push(prepareCategoryChannels(operator, categories));
         modelPromises.push(...await prepareMyChannelsForTeam(operator, teamId, channels || [], memberships || []));
 
         const {roles} = await fetchRoles(serverUrl, teamMemberships, memberships, undefined, true);
-        if (roles?.length) {
-            modelPromises.push(operator.handleRole({roles, prepareRecordsOnly: true}));
-        }
+        modelPromises.push(operator.handleRole({roles, prepareRecordsOnly: true}));
     }
 
     if (teams && teamMemberships) {
@@ -163,4 +112,6 @@ const fetchAndStoreJoinedTeamInfo = async (serverUrl: string, operator: ServerDa
 
     const models = await Promise.all(modelPromises);
     await operator.batchRecords(models.flat());
-};
+
+    EphemeralStore.finishAddingToTeam(teamId);
+}

app/actions/websocket/threads.ts

@@ -2,22 +2,12 @@
 // See LICENSE.txt for license information.
 
 import {markTeamThreadsAsRead, processReceivedThreads, updateThread} from '@actions/local/thread';
-import {getCurrentTeamId} from '@app/queries/servers/system';
-import DatabaseManager from '@database/manager';
 import EphemeralStore from '@store/ephemeral_store';
 
 export async function handleThreadUpdatedEvent(serverUrl: string, msg: WebSocketMessage): Promise<void> {
     try {
-        const database = DatabaseManager.serverDatabases[serverUrl]?.database;
-        if (!database) {
-            return;
-        }
         const thread: Thread = JSON.parse(msg.data.thread);
-        let teamId = msg.broadcast.team_id;
-
-        if (!teamId) {
-            teamId = await getCurrentTeamId(database);
-        }
+        const teamId = msg.broadcast.team_id;
 
         // Mark it as following
         thread.is_following = true;

app/actions/websocket/users.ts

@@ -12,7 +12,7 @@ import {getTeammateNameDisplaySetting} from '@helpers/api/preference';
 import WebsocketManager from '@managers/websocket_manager';
 import {queryChannelsByTypes, queryUserChannelsByTypes} from '@queries/servers/channel';
 import {queryPreferencesByCategoryAndName} from '@queries/servers/preference';
-import {getConfig, getLicense} from '@queries/servers/system';
+import {getCommonSystemValues} from '@queries/servers/system';
 import {getCurrentUser} from '@queries/servers/user';
 import {displayUsername} from '@utils/user';
 
@@ -84,14 +84,13 @@ export async function handleUserTypingEvent(serverUrl: string, msg: WebSocketMes
             return;
         }
 
-        const license = await getLicense(database);
-        const config = await getConfig(database);
+        const {config, license} = await getCommonSystemValues(database);
 
         const {users, existingUsers} = await fetchUsersByIds(serverUrl, [msg.data.user_id]);
         const user = users?.[0] || existingUsers?.[0];
 
         const namePreference = await queryPreferencesByCategoryAndName(database, Preferences.CATEGORY_DISPLAY_SETTINGS, Preferences.NAME_NAME_FORMAT).fetch();
-        const teammateDisplayNameSetting = getTeammateNameDisplaySetting(namePreference, config.LockTeammateNameDisplay, config.TeammateNameDisplay, license);
+        const teammateDisplayNameSetting = getTeammateNameDisplaySetting(namePreference, config, license);
         const currentUser = await getCurrentUser(database);
         const username = displayUsername(user, currentUser?.locale, teammateDisplayNameSetting);
         const data = {

app/client/graphQL/entry.ts

@@ -184,8 +184,6 @@ query ${QueryNames.QUERY_ENTRY} {
             createAt
             expiresAt
         }
-        termsOfServiceId
-        termsOfServiceCreateAt
     }
     teamMembers(userId:"me") {
         deleteAt

app/client/rest/base.ts

@@ -177,14 +177,10 @@ export default class ClientBase {
         return `${this.getEmojisRoute()}/${emojiId}`;
     }
 
-    getGlobalDataRetentionRoute() {
+    getDataRetentionRoute() {
         return `${this.urlVersion}/data_retention`;
     }
 
-    getGranularDataRetentionRoute(userId: string) {
-        return `${this.getUserRoute(userId)}/data_retention`;
-    }
-
     getRolesRoute() {
         return `${this.urlVersion}/roles`;
     }
@@ -209,16 +205,12 @@ export default class ClientBase {
         return `${this.urlVersion}/plugins`;
     }
 
-    getPluginRoute(id: string) {
-        return `/plugins/${id}`;
-    }
-
     getAppsProxyRoute() {
-        return this.getPluginRoute('com.mattermost.apps');
+        return '/plugins/com.mattermost.apps';
     }
 
     getCallsRoute() {
-        return this.getPluginRoute(Calls.PluginId);
+        return `/plugins/${Calls.PluginId}`;
     }
 
     doFetch = async (url: string, options: ClientOptions, returnDataOnly = true) => {

app/client/rest/files.ts

@@ -3,8 +3,6 @@
 
 import {ClientResponse, ClientResponseError, ProgressPromise, UploadRequestOptions} from '@mattermost/react-native-network-client';
 
-import {toMilliseconds} from '@utils/datetime';
-
 export interface ClientFilesMix {
     getFileUrl: (fileId: string, timestamp: number) => string;
     getFileThumbnailUrl: (fileId: string, timestamp: number) => string;
@@ -74,7 +72,7 @@ const ClientFiles = (superclass: any) => class extends superclass {
                     channel_id: channelId,
                 },
             },
-            timeoutInterval: toMilliseconds({minutes: 3}),
+            timeoutInterval: 3 * 60 * 1000, // 3 minutes
         };
         const promise = this.apiClient.upload(url, file.localPath, options) as ProgressPromise<ClientResponse>;
         promise.progress!(onProgress).then(onComplete).catch(onError);

app/client/rest/general.ts

@@ -3,14 +3,8 @@
 
 import {buildQueryString} from '@utils/helpers';
 
-import {PER_PAGE_DEFAULT} from './constants';
 import ClientError from './error';
 
-type PoliciesResponse<T> = {
-    policies: T[];
-    total_count: number;
-}
-
 export interface ClientGeneralMix {
     getOpenGraphMetadata: (url: string) => Promise<any>;
     ping: (deviceId?: string, timeoutInterval?: number) => Promise<any>;
@@ -18,9 +12,7 @@ export interface ClientGeneralMix {
     getClientConfigOld: () => Promise<ClientConfig>;
     getClientLicenseOld: () => Promise<ClientLicense>;
     getTimezones: () => Promise<string[]>;
-    getGlobalDataRetentionPolicy: () => Promise<GlobalDataRetentionPolicy>;
-    getTeamDataRetentionPolicies: (userId: string, page?: number, perPage?: number) => Promise<PoliciesResponse<TeamDataRetentionPolicy>>;
-    getChannelDataRetentionPolicies: (userId: string, page?: number, perPage?: number) => Promise<PoliciesResponse<ChannelDataRetentionPolicy>>;
+    getDataRetentionPolicy: () => Promise<any>;
     getRolesByNames: (rolesNames: string[]) => Promise<Role[]>;
     getRedirectLocation: (urlParam: string) => Promise<Record<string, string>>;
 }
@@ -82,23 +74,9 @@ const ClientGeneral = (superclass: any) => class extends superclass {
         );
     };
 
-    getGlobalDataRetentionPolicy = () => {
+    getDataRetentionPolicy = () => {
         return this.doFetch(
-            `${this.getGlobalDataRetentionRoute()}/policy`,
-            {method: 'get'},
-        );
-    };
-
-    getTeamDataRetentionPolicies = (userId: string, page = 0, perPage = PER_PAGE_DEFAULT) => {
-        return this.doFetch(
-            `${this.getGranularDataRetentionRoute(userId)}/team_policies${buildQueryString({page, per_page: perPage})}`,
-            {method: 'get'},
-        );
-    };
-
-    getChannelDataRetentionPolicies = (userId: string, page = 0, perPage = PER_PAGE_DEFAULT) => {
-        return this.doFetch(
-            `${this.getGranularDataRetentionRoute(userId)}/channel_policies${buildQueryString({page, per_page: perPage})}`,
+            `${this.getDataRetentionRoute()}/policy`,
             {method: 'get'},
         );
     };

app/client/rest/index.ts

@@ -15,7 +15,6 @@ import ClientFiles, {ClientFilesMix} from './files';
 import ClientGeneral, {ClientGeneralMix} from './general';
 import ClientGroups, {ClientGroupsMix} from './groups';
 import ClientIntegrations, {ClientIntegrationsMix} from './integrations';
-import ClientNPS, {ClientNPSMix} from './nps';
 import ClientPosts, {ClientPostsMix} from './posts';
 import ClientPreferences, {ClientPreferencesMix} from './preferences';
 import ClientTeams, {ClientTeamsMix} from './teams';
@@ -41,8 +40,7 @@ interface Client extends ClientBase,
     ClientTosMix,
     ClientUsersMix,
     ClientCallsMix,
-    ClientPluginsMix,
-    ClientNPSMix
+    ClientPluginsMix
 {}
 
 class Client extends mix(ClientBase).with(
@@ -62,7 +60,6 @@ class Client extends mix(ClientBase).with(
     ClientUsers,
     ClientCalls,
     ClientPlugins,
-    ClientNPS,
 ) {
     // eslint-disable-next-line no-useless-constructor
     constructor(apiClient: APIClientInterface, serverUrl: string, bearerToken?: string, csrfToken?: string) {

app/client/rest/nps.ts

@@ -1,19 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {General} from '@constants';
-
-export interface ClientNPSMix {
-    npsGiveFeedbackAction: () => Promise<Post>;
-}
-
-const ClientNPS = (superclass: any) => class extends superclass {
-    npsGiveFeedbackAction = async () => {
-        return this.doFetch(
-            `${this.getPluginRoute(General.NPS_PLUGIN_ID)}/api/v1/give_feedback`,
-            {method: 'post'},
-        );
-    };
-};
-
-export default ClientNPS;

app/client/rest/tos.ts

@@ -2,8 +2,8 @@
 // See LICENSE.txt for license information.
 
 export interface ClientTosMix {
-    updateMyTermsOfServiceStatus: (termsOfServiceId: string, accepted: boolean) => Promise<{status: string}>;
-    getTermsOfService: () => Promise<TermsOfService>;
+    updateMyTermsOfServiceStatus: (termsOfServiceId: string, accepted: boolean) => Promise<any>;
+    getTermsOfService: () => Promise<any>;
 }
 
 const ClientTos = (superclass: any) => class extends superclass {

app/client/websocket/index.ts

@@ -6,7 +6,7 @@ import {Platform} from 'react-native';
 
 import {WebsocketEvents} from '@constants';
 import DatabaseManager from '@database/manager';
-import {getConfig} from '@queries/servers/system';
+import {getCommonSystemValues} from '@queries/servers/system';
 import {logError, logInfo, logWarning} from '@utils/log';
 
 const MAX_WEBSOCKET_FAILS = 7;
@@ -33,7 +33,6 @@ export default class WebSocketClient {
     private firstConnectCallback?: () => void;
     private missedEventsCallback?: () => void;
     private reconnectCallback?: () => void;
-    private reliableReconnectCallback?: () => void;
     private errorCallback?: Function;
     private closeCallback?: (connectFailCount: number, lastDisconnect: number) => void;
     private connectingCallback?: () => void;
@@ -76,8 +75,8 @@ export default class WebSocketClient {
             return;
         }
 
-        const config = await getConfig(database);
-        const connectionUrl = (config.WebsocketURL || this.serverUrl) + '/api/v4/websocket';
+        const system = await getCommonSystemValues(database);
+        const connectionUrl = (system.config.WebsocketURL || this.serverUrl) + '/api/v4/websocket';
 
         if (this.connectingCallback) {
             this.connectingCallback();
@@ -98,7 +97,7 @@ export default class WebSocketClient {
 
         this.url = connectionUrl;
 
-        const reliableWebSockets = config.EnableReliableWebSockets === 'true';
+        const reliableWebSockets = system.config.EnableReliableWebSockets === 'true';
         if (reliableWebSockets) {
             // Add connection id, and last_sequence_number to the query param.
             // We cannot also send it as part of the auth_challenge, because the session cookie is already sent with the request.
@@ -149,11 +148,8 @@ export default class WebSocketClient {
                 logInfo('websocket re-established connection to', this.url);
                 if (!reliableWebSockets && this.reconnectCallback) {
                     this.reconnectCallback();
-                } else if (reliableWebSockets) {
-                    this.reliableReconnectCallback?.();
-                    if (this.serverSequence && this.missedEventsCallback) {
-                        this.missedEventsCallback();
-                    }
+                } else if (reliableWebSockets && this.serverSequence && this.missedEventsCallback) {
+                    this.missedEventsCallback();
                 }
             } else if (this.firstConnectCallback) {
                 logInfo('websocket connected to', this.url);
@@ -299,10 +295,6 @@ export default class WebSocketClient {
         this.reconnectCallback = callback;
     }
 
-    public setReliableReconnectCallback(callback: () => void) {
-        this.reliableReconnectCallback = callback;
-    }
-
     public setErrorCallback(callback: Function) {
         this.errorCallback = callback;
     }

app/components/announcement_banner/announcement_banner.tsx

@@ -1,194 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {useCallback, useEffect, useMemo, useState} from 'react';
-import {useIntl} from 'react-intl';
-import {
-    Text,
-    TouchableOpacity,
-    View,
-} from 'react-native';
-import Animated, {useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
-import {useSafeAreaInsets} from 'react-native-safe-area-context';
-
-import {dismissAnnouncement} from '@actions/local/systems';
-import CompassIcon from '@components/compass_icon';
-import RemoveMarkdown from '@components/remove_markdown';
-import {ANNOUNCEMENT_BAR_HEIGHT} from '@constants/view';
-import {useServerUrl} from '@context/server';
-import {useTheme} from '@context/theme';
-import {bottomSheet} from '@screens/navigation';
-import {bottomSheetSnapPoint} from '@utils/helpers';
-import {getMarkdownTextStyles} from '@utils/markdown';
-import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
-import {typography} from '@utils/typography';
-
-import ExpandedAnnouncementBanner from './expanded_announcement_banner';
-
-type Props = {
-    bannerColor: string;
-    bannerDismissed: boolean;
-    bannerEnabled: boolean;
-    bannerText?: string;
-    bannerTextColor?: string;
-    allowDismissal: boolean;
-}
-
-const getStyle = makeStyleSheetFromTheme((theme: Theme) => ({
-    background: {
-        backgroundColor: theme.sidebarBg,
-    },
-    bannerContainer: {
-        flex: 1,
-        paddingHorizontal: 10,
-        overflow: 'hidden',
-        flexDirection: 'row',
-        alignItems: 'center',
-        marginHorizontal: 8,
-        borderRadius: 7,
-    },
-    wrapper: {
-        flexDirection: 'row',
-        flex: 1,
-        overflow: 'hidden',
-    },
-    bannerTextContainer: {
-        flex: 1,
-        flexGrow: 1,
-        marginRight: 5,
-        textAlign: 'center',
-    },
-    bannerText: {
-        ...typography('Body', 100, 'SemiBold'),
-    },
-}));
-
-const CLOSE_BUTTON_ID = 'announcement-close';
-
-const BUTTON_HEIGHT = 48; // From /app/utils/buttonStyles.ts, lg button
-const TITLE_HEIGHT = 30 + 12; // typography 600 line height
-const MARGINS = 12 + 24 + 10; // (after title + after text + after content) from ./expanded_announcement_banner.tsx
-const TEXT_CONTAINER_HEIGHT = 150;
-const DISMISS_BUTTON_HEIGHT = BUTTON_HEIGHT + 10; // Top margin from ./expanded_announcement_banner.tsx
-
-const SNAP_POINT_WITHOUT_DISMISS = TITLE_HEIGHT + BUTTON_HEIGHT + MARGINS + TEXT_CONTAINER_HEIGHT;
-
-const AnnouncementBanner = ({
-    bannerColor,
-    bannerDismissed,
-    bannerEnabled,
-    bannerText = '',
-    bannerTextColor = '#000',
-    allowDismissal,
-}: Props) => {
-    const intl = useIntl();
-    const serverUrl = useServerUrl();
-    const height = useSharedValue(0);
-    const {bottom} = useSafeAreaInsets();
-    const theme = useTheme();
-    const [visible, setVisible] = useState(false);
-    const style = getStyle(theme);
-    const markdownTextStyles = getMarkdownTextStyles(theme);
-
-    const renderContent = useCallback(() => (
-        <ExpandedAnnouncementBanner
-            allowDismissal={allowDismissal}
-            bannerText={bannerText}
-        />
-    ), [allowDismissal, bannerText]);
-
-    const handlePress = useCallback(() => {
-        const title = intl.formatMessage({
-            id: 'mobile.announcement_banner.title',
-            defaultMessage: 'Announcement',
-        });
-
-        const snapPoint = bottomSheetSnapPoint(
-            1,
-            SNAP_POINT_WITHOUT_DISMISS + (allowDismissal ? DISMISS_BUTTON_HEIGHT : 0),
-            bottom,
-        );
-
-        bottomSheet({
-            closeButtonId: CLOSE_BUTTON_ID,
-            title,
-            renderContent,
-            snapPoints: [1, snapPoint],
-            theme,
-        });
-    }, [theme.sidebarHeaderTextColor, intl.locale, renderContent, allowDismissal, bottom]);
-
-    const handleDismiss = useCallback(() => {
-        dismissAnnouncement(serverUrl, bannerText);
-    }, [serverUrl, bannerText]);
-
-    useEffect(() => {
-        const showBanner = bannerEnabled && !bannerDismissed && Boolean(bannerText);
-        setVisible(showBanner);
-    }, [bannerDismissed, bannerEnabled, bannerText]);
-
-    useEffect(() => {
-        height.value = withTiming(visible ? ANNOUNCEMENT_BAR_HEIGHT : 0, {
-            duration: 200,
-        });
-    }, [visible]);
-
-    const bannerStyle = useAnimatedStyle(() => ({
-        height: height.value,
-    }));
-
-    const bannerTextContainerStyle = useMemo(() => [style.bannerTextContainer, {
-        color: bannerTextColor,
-    }], [style, bannerTextColor]);
-
-    return (
-        <Animated.View
-            style={[style.background, bannerStyle]}
-        >
-            <View
-                style={[style.bannerContainer, {backgroundColor: bannerColor}]}
-            >
-                {visible &&
-                    <>
-                        <TouchableOpacity
-                            onPress={handlePress}
-                            style={style.wrapper}
-                        >
-                            <Text
-                                style={bannerTextContainerStyle}
-                                ellipsizeMode='tail'
-                                numberOfLines={1}
-                            >
-                                <CompassIcon
-                                    color={bannerTextColor}
-                                    name='information-outline'
-                                    size={18}
-                                />
-                                {'  '}
-                                <RemoveMarkdown
-                                    value={bannerText}
-                                    textStyle={markdownTextStyles}
-                                    baseStyle={style.bannerText}
-                                />
-                            </Text>
-                        </TouchableOpacity>
-                        {allowDismissal && (
-                            <TouchableOpacity
-                                onPress={handleDismiss}
-                            >
-                                <CompassIcon
-                                    color={changeOpacity(bannerTextColor, 0.56)}
-                                    name='close'
-                                    size={18}
-                                />
-                            </TouchableOpacity>
-                        )
-                        }
-                    </>
-                }
-            </View>
-        </Animated.View>
-    );
-};
-
-export default AnnouncementBanner;

app/components/announcement_banner/expanded_announcement_banner.tsx

@@ -1,138 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {BottomSheetScrollView} from '@gorhom/bottom-sheet';
-import React, {useCallback, useMemo} from 'react';
-import {useIntl} from 'react-intl';
-import {ScrollView, Text, View} from 'react-native';
-import Button from 'react-native-button';
-import {useSafeAreaInsets} from 'react-native-safe-area-context';
-
-import {dismissAnnouncement} from '@actions/local/systems';
-import FormattedText from '@components/formatted_text';
-import Markdown from '@components/markdown';
-import {Screens} from '@constants';
-import {useServerUrl} from '@context/server';
-import {useTheme} from '@context/theme';
-import {useIsTablet} from '@hooks/device';
-import {dismissBottomSheet} from '@screens/navigation';
-import {buttonBackgroundStyle, buttonTextStyle} from '@utils/buttonStyles';
-import {getMarkdownTextStyles, getMarkdownBlockStyles} from '@utils/markdown';
-import {makeStyleSheetFromTheme} from '@utils/theme';
-import {typography} from '@utils/typography';
-
-type Props = {
-    allowDismissal: boolean;
-    bannerText: string;
-}
-
-const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
-    return {
-        container: {
-            flex: 1,
-        },
-        scrollContainer: {
-            flex: 1,
-            marginTop: 12,
-            marginBottom: 24,
-        },
-        baseTextStyle: {
-            color: theme.centerChannelColor,
-            ...typography('Body', 100, 'Regular'),
-        },
-        title: {
-            color: theme.centerChannelColor,
-            ...typography('Heading', 600, 'SemiBold'),
-        },
-    };
-});
-
-const close = () => {
-    dismissBottomSheet();
-};
-
-const ExpandedAnnouncementBanner = ({
-    allowDismissal,
-    bannerText,
-}: Props) => {
-    const theme = useTheme();
-    const style = getStyleSheet(theme);
-    const serverUrl = useServerUrl();
-    const isTablet = useIsTablet();
-    const intl = useIntl();
-    const insets = useSafeAreaInsets();
-
-    const dismissBanner = useCallback(() => {
-        dismissAnnouncement(serverUrl, bannerText);
-        close();
-    }, [bannerText]);
-
-    const buttonStyles = useMemo(() => {
-        return {
-            okay: {
-                button: buttonBackgroundStyle(theme, 'lg', 'primary'),
-                text: buttonTextStyle(theme, 'lg', 'primary'),
-            },
-            dismiss: {
-                button: [{marginTop: 10}, buttonBackgroundStyle(theme, 'lg', 'link')],
-                text: buttonTextStyle(theme, 'lg', 'link'),
-            },
-        };
-    }, [theme]);
-
-    const containerStyle = useMemo(() => {
-        return [style.container, {marginBottom: insets.bottom + 10}];
-    }, [style, insets.bottom]);
-
-    const Scroll = useMemo(() => (isTablet ? ScrollView : BottomSheetScrollView), [isTablet]);
-
-    return (
-        <View style={containerStyle}>
-            {!isTablet && (
-                <Text style={style.title}>
-                    {intl.formatMessage({
-                        id: 'mobile.announcement_banner.title',
-                        defaultMessage: 'Announcement',
-                    })}
-                </Text>
-            )}
-            <Scroll
-                style={style.scrollContainer}
-            >
-                <Markdown
-                    baseTextStyle={style.baseTextStyle}
-                    blockStyles={getMarkdownBlockStyles(theme)}
-                    disableGallery={true}
-                    textStyles={getMarkdownTextStyles(theme)}
-                    value={bannerText}
-                    theme={theme}
-                    location={Screens.BOTTOM_SHEET}
-                />
-            </Scroll>
-            <Button
-                containerStyle={buttonStyles.okay.button}
-                onPress={close}
-            >
-                <FormattedText
-                    id='announcment_banner.okay'
-                    defaultMessage={'Okay'}
-                    style={buttonStyles.okay.text}
-                />
-            </Button>
-            {allowDismissal && (
-                <Button
-                    containerStyle={buttonStyles.dismiss.button}
-                    onPress={dismissBanner}
-                >
-                    <FormattedText
-                        id='announcment_banner.dismiss'
-                        defaultMessage={'Dismiss announcement'}
-                        style={buttonStyles.dismiss.text}
-                    />
-                </Button>
-            )}
-        </View>
-    );
-};
-
-export default ExpandedAnnouncementBanner;

app/components/announcement_banner/index.ts

@@ -1,39 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {withDatabase} from '@nozbe/watermelondb/DatabaseProvider';
-import withObservables from '@nozbe/with-observables';
-import {of as of$, combineLatest} from 'rxjs';
-import {switchMap} from 'rxjs/operators';
-
-import {observeConfigBooleanValue, observeConfigValue, observeLastDismissedAnnouncement, observeLicense} from '@queries/servers/system';
-
-import AnnouncementBanner from './announcement_banner';
-
-import type {WithDatabaseArgs} from '@typings/database/database';
-
-const enhanced = withObservables([], ({database}: WithDatabaseArgs) => {
-    const lastDismissed = observeLastDismissedAnnouncement(database);
-    const bannerText = observeConfigValue(database, 'BannerText');
-    const allowDismissal = observeConfigBooleanValue(database, 'AllowBannerDismissal');
-
-    const bannerDismissed = combineLatest([lastDismissed, bannerText, allowDismissal]).pipe(
-        switchMap(([ld, bt, abd]) => of$(abd && (ld === bt))),
-    );
-
-    const license = observeLicense(database);
-    const enableBannerConfig = observeConfigBooleanValue(database, 'EnableBanner');
-    const bannerEnabled = combineLatest([license, enableBannerConfig]).pipe(
-        switchMap(([lcs, cfg]) => of$(cfg && lcs?.IsLicensed === 'true')),
-    );
-    return {
-        bannerColor: observeConfigValue(database, 'BannerColor'),
-        bannerEnabled,
-        bannerText,
-        bannerTextColor: observeConfigValue(database, 'BannerTextColor'),
-        bannerDismissed,
-        allowDismissal,
-    };
-});
-
-export default withDatabase(enhanced(AnnouncementBanner));

app/components/autocomplete/autocomplete.tsx

@@ -115,7 +115,7 @@ const Autocomplete = ({
     }, [growDown, position]);
 
     const containerStyles = useMemo(() => {
-        const s: StyleProp<ViewStyle> = [style.base, containerAnimatedStyle];
+        const s = [style.base, containerAnimatedStyle];
         if (hasElements) {
             s.push(style.borders);
         }
@@ -189,7 +189,6 @@ const Autocomplete = ({
                         nestedScrollEnabled={nestedScrollEnabled}
                         channelId={channelId}
                         rootId={rootId}
-                        isAppsEnabled={isAppsEnabled}
                     />
                 }
                 {/* {(isSearch && enableDateSuggestion) &&

app/components/autocomplete/index.ts

@@ -1,19 +1,17 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
+import {withDatabase} from '@nozbe/watermelondb/DatabaseProvider';
 import withObservables from '@nozbe/with-observables';
-import {of as of$} from 'rxjs';
 
-import AppsManager from '@managers/apps_manager';
+import {observeConfigBooleanValue} from '@queries/servers/system';
 
 import Autocomplete from './autocomplete';
 
-type OwnProps = {
-    serverUrl?: string;
-}
+import type {WithDatabaseArgs} from '@typings/database/database';
 
-const enhanced = withObservables(['serverUrl'], ({serverUrl}: OwnProps) => ({
-    isAppsEnabled: serverUrl ? AppsManager.observeIsAppsEnabled(serverUrl) : of$(false),
+const enhanced = withObservables([], ({database}: WithDatabaseArgs) => ({
+    isAppsEnabled: observeConfigBooleanValue(database, 'FeatureFlagAppsEnabled'),
 }));
 
-export default enhanced(Autocomplete);
+export default withDatabase(enhanced(Autocomplete));

app/components/autocomplete/slash_suggestion/app_command_parser/app_command_parser.ts

@@ -7,9 +7,9 @@ import {IntlShape} from 'react-intl';
 import {doAppFetchForm, doAppLookup} from '@actions/remote/apps';
 import {fetchChannelById, fetchChannelByName, searchChannels} from '@actions/remote/channel';
 import {fetchUsersByIds, fetchUsersByUsernames, searchUsers} from '@actions/remote/user';
-import {AppBindingLocations, AppCallResponseTypes, AppFieldTypes, COMMAND_SUGGESTION_ERROR} from '@constants/apps';
+import {AppCallResponseTypes, AppFieldTypes, COMMAND_SUGGESTION_ERROR} from '@constants/apps';
 import DatabaseManager from '@database/manager';
-import AppsManager from '@managers/apps_manager';
+import IntegrationsManager from '@managers/integrations_manager';
 import {getChannelById, getChannelByName} from '@queries/servers/channel';
 import {getCurrentTeamId} from '@queries/servers/system';
 import {getUserById, queryUsersByUsername} from '@queries/servers/user';
@@ -173,7 +173,7 @@ export class ParsedCommand {
                 }
 
                 case ParseState.EndCommand: {
-                    const binding = bindings.find(this.findBindings, this);
+                    const binding = bindings.find(this.findBindings);
                     if (!binding) {
                     // gone as far as we could, this token doesn't match a sub-command.
                     // return the state from the last matching binding
@@ -546,7 +546,7 @@ export class ParsedCommand {
                             this.incomplete += c;
                             this.i++;
                             if (escaped) {
-                                //TODO: handle \n, \t, other escaped chars https://mattermost.atlassian.net/browse/MM-43476
+                                //TODO: handle \n, \t, other escaped chars
                                 escaped = false;
                             }
                             break;
@@ -735,7 +735,7 @@ export class ParsedCommand {
                             this.incomplete += c;
                             this.i++;
                             if (escaped) {
-                                //TODO: handle \n, \t, other escaped chars https://mattermost.atlassian.net/browse/MM-43476
+                                //TODO: handle \n, \t, other escaped chars
                                 escaped = false;
                             }
                             break;
@@ -856,13 +856,15 @@ export class AppCommandParser {
     private teamID: string;
     private rootPostID?: string;
     private intl: IntlShape;
+    private theme: Theme;
 
-    constructor(serverUrl: string, intl: IntlShape, channelID: string, teamID = '', rootPostID = '') {
+    constructor(serverUrl: string, intl: IntlShape, channelID: string, teamID = '', rootPostID = '', theme: Theme) {
         this.serverUrl = serverUrl;
         this.channelID = channelID;
         this.rootPostID = rootPostID;
         this.teamID = teamID;
         this.intl = intl;
+        this.theme = theme;
 
         // We are making the assumption the database is always present at this level.
         // This assumption may not be correct. Please review.
@@ -984,9 +986,6 @@ export class AppCommandParser {
                                 break;
                             }
                             user = res.users[0] || res.existingUsers[0];
-                            if (!user) {
-                                break;
-                            }
                         }
                         parsed.values[f.name] = user.username;
                         break;
@@ -1001,9 +1000,6 @@ export class AppCommandParser {
                                 break;
                             }
                             channel = res.channel;
-                            if (!channel) {
-                                break;
-                            }
                         }
                         parsed.values[f.name] = channel.name;
                         break;
@@ -1026,6 +1022,7 @@ export class AppCommandParser {
         const result: AutocompleteSuggestion[] = [];
 
         const bindings = this.getCommandBindings();
+
         for (const binding of bindings) {
             let base = binding.label;
             if (!base) {
@@ -1079,7 +1076,7 @@ export class AppCommandParser {
         }
 
         // Add "Execute Current Command" suggestion
-        // TODO get full text from SuggestionBox https://mattermost.atlassian.net/browse/MM-43477
+        // TODO get full text from SuggestionBox
         const executableStates: string[] = [
             ParseState.EndCommand,
             ParseState.CommandSeparator,
@@ -1182,21 +1179,14 @@ export class AppCommandParser {
 
         const errors: {[key: string]: string} = {};
         await Promise.all(parsed.resolvedForm.fields.map(async (f) => {
-            const fieldValue = values[f.name];
-            if (!fieldValue) {
+            if (!values[f.name]) {
                 return;
             }
             switch (f.type) {
                 case AppFieldTypes.DYNAMIC_SELECT:
-                    if (f.multiselect) {
-                        let commandValues: string[] = [];
-                        if (Array.isArray(fieldValue)) {
-                            commandValues = fieldValue as string[];
-                        } else {
-                            commandValues = [fieldValue] as string[];
-                        }
-
+                    if (f.multiselect && Array.isArray(values[f.name])) {
                         const options: AppSelectOption[] = [];
+                        const commandValues = values[f.name] as string[];
                         for (const value of commandValues) {
                             if (options.find((o) => o.value === value)) {
                                 errors[f.name] = this.intl.formatMessage({
@@ -1212,7 +1202,7 @@ export class AppCommandParser {
                         break;
                     }
 
-                    values[f.name] = {label: fieldValue, value: fieldValue};
+                    values[f.name] = {label: values[f.name], value: values[f.name]};
                     break;
                 case AppFieldTypes.STATIC_SELECT: {
                     const getOption = (value: string) => {
@@ -1230,15 +1220,9 @@ export class AppCommandParser {
                         values[f.name] = undefined;
                     };
 
-                    if (f.multiselect) {
-                        let commandValues: string[] = [];
-                        if (Array.isArray(fieldValue)) {
-                            commandValues = fieldValue as string[];
-                        } else {
-                            commandValues = [fieldValue] as string[];
-                        }
-
+                    if (f.multiselect && Array.isArray(values[f.name])) {
                         const options: AppSelectOption[] = [];
+                        const commandValues = values[f.name] as string[];
                         for (const value of commandValues) {
                             const option = getOption(value);
                             if (!option) {
@@ -1260,9 +1244,9 @@ export class AppCommandParser {
                         break;
                     }
 
-                    const option = getOption(fieldValue);
+                    const option = getOption(values[f.name]);
                     if (!option) {
-                        setOptionError(fieldValue);
+                        setOptionError(values[f.name]);
                         return;
                     }
                     values[f.name] = option;
@@ -1291,15 +1275,9 @@ export class AppCommandParser {
                         });
                     };
 
-                    if (f.multiselect) {
-                        let commandValues: string[] = [];
-                        if (Array.isArray(fieldValue)) {
-                            commandValues = fieldValue as string[];
-                        } else {
-                            commandValues = [fieldValue] as string[];
-                        }
-
+                    if (f.multiselect && Array.isArray(values[f.name])) {
                         const options: AppSelectOption[] = [];
+                        const commandValues = values[f.name] as string[];
                         /* eslint-disable no-await-in-loop */
                         for (const value of commandValues) {
                             let userName = value;
@@ -1363,15 +1341,9 @@ export class AppCommandParser {
                         });
                     };
 
-                    if (f.multiselect) {
-                        let commandValues: string[] = [];
-                        if (Array.isArray(fieldValue)) {
-                            commandValues = fieldValue as string[];
-                        } else {
-                            commandValues = [fieldValue] as string[];
-                        }
-
+                    if (f.multiselect && Array.isArray(values[f.name])) {
                         const options: AppSelectOption[] = [];
+                        const commandValues = values[f.name] as string[];
                         /* eslint-disable no-await-in-loop */
                         for (const value of commandValues) {
                             let channelName = value;
@@ -1463,7 +1435,11 @@ export class AppCommandParser {
     // getCommandBindings returns the commands in the redux store.
     // They are grouped by app id since each app has one base command
     private getCommandBindings = (): AppBinding[] => {
-        return AppsManager.getBindings(this.serverUrl, AppBindingLocations.COMMAND, Boolean(this.rootPostID));
+        const manager = IntegrationsManager.getManager(this.serverUrl);
+        if (this.rootPostID) {
+            return manager.getRHSCommandBindings();
+        }
+        return manager.getCommandBindings();
     };
 
     // getChannel gets the channel in which the user is typing the command
@@ -1562,9 +1538,10 @@ export class AppCommandParser {
     };
 
     public getSubmittableForm = async (location: string, binding: AppBinding): Promise<{form?: AppForm; error?: string} | undefined> => {
+        const manager = IntegrationsManager.getManager(this.serverUrl);
         const rootID = this.rootPostID || '';
         const key = `${this.channelID}-${rootID}-${location}`;
-        const submittableForm = AppsManager.getCommandForm(this.serverUrl, key, Boolean(this.rootPostID));
+        const submittableForm = this.rootPostID ? manager.getAppRHSCommandForm(key) : manager.getAppCommandForm(key);
         if (submittableForm) {
             return {form: submittableForm};
         }
@@ -1578,7 +1555,11 @@ export class AppCommandParser {
         const context = await this.getAppContext(binding);
         const fetched = await this.fetchSubmittableForm(binding.form.source, context);
         if (fetched?.form) {
-            AppsManager.setCommandForm(this.serverUrl, key, fetched.form, Boolean(this.rootPostID));
+            if (this.rootPostID) {
+                manager.setAppRHSCommandForm(key, fetched.form);
+            } else {
+                manager.setAppCommandForm(key, fetched.form);
+            }
         }
         return fetched;
     };
@@ -1715,13 +1696,7 @@ export class AppCommandParser {
             prefix = '';
         }
 
-        const applicable = parsed.resolvedForm.fields.filter((field) => (
-            field.label &&
-            field.label.toLowerCase().startsWith(parsed.incomplete.toLowerCase()) &&
-            !parsed.values[field.name] &&
-            !field.readonly &&
-            field.type !== AppFieldTypes.MARKDOWN
-        ));
+        const applicable = parsed.resolvedForm.fields.filter((field) => field.label && field.label.toLowerCase().startsWith(parsed.incomplete.toLowerCase()) && !parsed.values[field.name]);
         if (applicable) {
             return applicable.map((f) => {
                 return {

app/components/autocomplete/slash_suggestion/app_slash_suggestion/app_slash_suggestion.tsx

@@ -10,11 +10,15 @@ import AtMentionItem from '@components/autocomplete/at_mention_item';
 import ChannelMentionItem from '@components/autocomplete/channel_mention_item';
 import {COMMAND_SUGGESTION_CHANNEL, COMMAND_SUGGESTION_USER} from '@constants/apps';
 import {useServerUrl} from '@context/server';
+import {useTheme} from '@context/theme';
 import analytics from '@managers/analytics';
 
 import {AppCommandParser, ExtendedAutocompleteSuggestion} from '../app_command_parser/app_command_parser';
 import SlashSuggestionItem from '../slash_suggestion_item';
 
+import type ChannelModel from '@typings/database/models/servers/channel';
+import type UserModel from '@typings/database/models/servers/user';
+
 export type Props = {
     currentTeamId: string;
     isSearch?: boolean;
@@ -28,20 +32,7 @@ export type Props = {
     listStyle: StyleProp<ViewStyle>;
 };
 
-const keyExtractor = (item: ExtendedAutocompleteSuggestion): string => {
-    switch (item.type) {
-        case COMMAND_SUGGESTION_USER: {
-            const user = item.item as UserProfile;
-            return user.id;
-        }
-        case COMMAND_SUGGESTION_CHANNEL: {
-            const channel = item.item as Channel;
-            return channel.id;
-        }
-        default:
-            return item.Suggestion;
-    }
-};
+const keyExtractor = (item: ExtendedAutocompleteSuggestion): string => item.Suggestion + item.type + item.item;
 
 const emptySuggestonList: AutocompleteSuggestion[] = [];
 
@@ -57,8 +48,9 @@ const AppSlashSuggestion = ({
     listStyle,
 }: Props) => {
     const intl = useIntl();
+    const theme = useTheme();
     const serverUrl = useServerUrl();
-    const appCommandParser = useRef<AppCommandParser>(new AppCommandParser(serverUrl, intl, channelId, currentTeamId, rootId));
+    const appCommandParser = useRef<AppCommandParser>(new AppCommandParser(serverUrl, intl, channelId, currentTeamId, rootId, theme));
     const [dataSource, setDataSource] = useState<AutocompleteSuggestion[]>(emptySuggestonList);
     const active = isAppsEnabled && Boolean(dataSource.length);
     const mounted = useRef(false);
@@ -106,34 +98,28 @@ const AppSlashSuggestion = ({
 
     const renderItem = useCallback(({item}: {item: ExtendedAutocompleteSuggestion}) => {
         switch (item.type) {
-            case COMMAND_SUGGESTION_USER: {
-                const user = item.item as UserProfile | undefined;
-                if (!user) {
+            case COMMAND_SUGGESTION_USER:
+                if (!item.item) {
                     return null;
                 }
-
                 return (
                     <AtMentionItem
-                        user={user}
+                        user={item.item as UserProfile | UserModel}
                         onPress={completeIgnoringSuggestion(item.Complete)}
                         testID='autocomplete.slash_suggestion.at_mention_item'
                     />
                 );
-            }
-            case COMMAND_SUGGESTION_CHANNEL: {
-                const channel = item.item as Channel | undefined;
-                if (!channel) {
+            case COMMAND_SUGGESTION_CHANNEL:
+                if (!item.item) {
                     return null;
                 }
-
                 return (
                     <ChannelMentionItem
-                        channel={channel}
+                        channel={item.item as Channel | ChannelModel}
                         onPress={completeIgnoringSuggestion(item.Complete)}
                         testID='autocomplete.slash_suggestion.channel_mention_item'
                     />
                 );
-            }
             default:
                 return (
                     <SlashSuggestionItem

app/components/autocomplete/slash_suggestion/index.ts

@@ -4,7 +4,7 @@
 import {withDatabase} from '@nozbe/watermelondb/DatabaseProvider';
 import withObservables from '@nozbe/with-observables';
 
-import {observeCurrentTeamId} from '@queries/servers/system';
+import {observeConfigBooleanValue, observeCurrentTeamId} from '@queries/servers/system';
 
 import SlashSuggestion from './slash_suggestion';
 
@@ -12,6 +12,7 @@ import type {WithDatabaseArgs} from '@typings/database/database';
 
 const enhanced = withObservables([], ({database}: WithDatabaseArgs) => ({
     currentTeamId: observeCurrentTeamId(database),
+    isAppsEnabled: observeConfigBooleanValue(database, 'FeatureFlagAppsEnabled'),
 }));
 
 export default withDatabase(enhanced(SlashSuggestion));

app/components/autocomplete/slash_suggestion/slash_suggestion.tsx

@@ -13,13 +13,14 @@ import {
 
 import {fetchSuggestions} from '@actions/remote/command';
 import {useServerUrl} from '@context/server';
+import {useTheme} from '@context/theme';
 import analytics from '@managers/analytics';
 import IntegrationsManager from '@managers/integrations_manager';
 
 import {AppCommandParser} from './app_command_parser/app_command_parser';
 import SlashSuggestionItem from './slash_suggestion_item';
 
-// TODO: Remove when all below commands have been implemented https://mattermost.atlassian.net/browse/MM-43478
+// TODO: Remove when all below commands have been implemented
 const COMMANDS_TO_IMPLEMENT_LATER = ['collapse', 'expand', 'logout'];
 const NON_MOBILE_COMMANDS = ['shortcuts', 'search', 'settings'];
 
@@ -77,8 +78,9 @@ const SlashSuggestion = ({
     listStyle,
 }: Props) => {
     const intl = useIntl();
+    const theme = useTheme();
     const serverUrl = useServerUrl();
-    const appCommandParser = useRef<AppCommandParser>(new AppCommandParser(serverUrl, intl, channelId, currentTeamId, rootId));
+    const appCommandParser = useRef<AppCommandParser>(new AppCommandParser(serverUrl, intl, channelId, currentTeamId, rootId, theme));
     const mounted = useRef(false);
     const [noResultsTerm, setNoResultsTerm] = useState<string|null>(null);
 

app/components/autocomplete/slash_suggestion/slash_suggestion_item.tsx

@@ -33,6 +33,9 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => {
             width: 16,
             height: 16,
         },
+        iconColor: {
+            tintColor: theme.centerChannelColor,
+        },
         container: {
             flexDirection: 'row',
             alignItems: 'center',
@@ -107,8 +110,7 @@ const SlashSuggestionItem = ({
 
     let image = (
         <FastImage
-            tintColor={theme.centerChannelColor}
-            style={style.slashIcon}
+            style={[style.iconColor, style.slashIcon]}
             source={slashIcon}
         />
     );

app/components/autocomplete_selector/index.tsx

@@ -33,12 +33,12 @@ type AutoCompleteSelectorProps = {
     getDynamicOptions?: (userInput?: string) => Promise<DialogOption[]>;
     helpText?: string;
     label?: string;
-    onSelected?: (value: SelectedDialogOption) => void;
+    onSelected?: (value: string | string[]) => void;
     optional?: boolean;
-    options?: DialogOption[];
+    options?: PostActionOption[];
     placeholder?: string;
     roundedBorders?: boolean;
-    selected?: SelectedDialogValue;
+    selected?: string | string[];
     showRequiredAsterisk?: boolean;
     teammateNameDisplay: string;
     isMultiselect?: boolean;
@@ -89,11 +89,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
     };
 });
 
-async function getItemName(serverUrl: string, selected: string, teammateNameDisplay: string, intl: IntlShape, dataSource?: string, options?: DialogOption[]): Promise<string> {
-    if (!selected) {
-        return '';
-    }
-
+async function getItemName(serverUrl: string, selected: string, teammateNameDisplay: string, intl: IntlShape, dataSource?: string, options?: PostActionOption[]) {
     const database = DatabaseManager.serverDatabases[serverUrl]?.database;
 
     switch (dataSource) {
@@ -101,7 +97,6 @@ async function getItemName(serverUrl: string, selected: string, teammateNameDisp
             if (!database) {
                 return intl.formatMessage({id: 'channel_loader.someone', defaultMessage: 'Someone'});
             }
-
             const user = await getUserById(database, selected);
             return displayUsername(user, intl.locale, teammateNameDisplay, true);
         }
@@ -109,17 +104,15 @@ async function getItemName(serverUrl: string, selected: string, teammateNameDisp
             if (!database) {
                 return intl.formatMessage({id: 'autocomplete_selector.unknown_channel', defaultMessage: 'Unknown channel'});
             }
-
             const channel = await getChannelById(database, selected);
             return channel?.displayName || intl.formatMessage({id: 'autocomplete_selector.unknown_channel', defaultMessage: 'Unknown channel'});
         }
+        default:
+            return options?.find((o) => o.value === selected)?.text || selected;
     }
-
-    const option = options?.find((opt) => opt.value === selected);
-    return option?.text || '';
 }
 
-function getTextAndValueFromSelectedItem(item: Selection, teammateNameDisplay: string, locale: string, dataSource?: string) {
+function getTextAndValueFromSelectedItem(item: DialogOption | Channel | UserProfile, teammateNameDisplay: string, locale: string, dataSource?: string) {
     if (dataSource === ViewConstants.DATA_SOURCE_USERS) {
         const user = item as UserProfile;
         return {text: displayUsername(user, locale, teammateNameDisplay), value: user.id};
@@ -127,7 +120,8 @@ function getTextAndValueFromSelectedItem(item: Selection, teammateNameDisplay: s
         const channel = item as Channel;
         return {text: channel.display_name, value: channel.id};
     }
-    return item as DialogOption;
+    const option = item as DialogOption;
+    return option;
 }
 
 function AutoCompleteSelector({
@@ -143,28 +137,34 @@ function AutoCompleteSelector({
 
     const goToSelectorScreen = useCallback(preventDoubleTap(() => {
         const screen = Screens.INTEGRATION_SELECTOR;
-        goToScreen(screen, title, {dataSource, handleSelect, options, getDynamicOptions, selected, isMultiselect, teammateNameDisplay});
+        goToScreen(screen, title, {dataSource, handleSelect, options, getDynamicOptions, selected, isMultiselect});
     }), [dataSource, options, getDynamicOptions]);
 
-    const handleSelect = useCallback((newSelection?: Selection) => {
-        if (!newSelection) {
+    const handleSelect = useCallback((item?: Selection) => {
+        if (!item) {
             return;
         }
 
-        if (!Array.isArray(newSelection)) {
-            const selectedOption = getTextAndValueFromSelectedItem(newSelection, teammateNameDisplay, intl.locale, dataSource);
-            setItemText(selectedOption.text);
+        if (!Array.isArray(item)) {
+            const {text: selectedText, value: selectedValue} = getTextAndValueFromSelectedItem(item, teammateNameDisplay, intl.locale, dataSource);
+            setItemText(selectedText);
 
             if (onSelected) {
-                onSelected(selectedOption);
+                onSelected(selectedValue);
             }
             return;
         }
 
-        const selectedOptions = newSelection.map((option) => getTextAndValueFromSelectedItem(option, teammateNameDisplay, intl.locale, dataSource));
-        setItemText(selectedOptions.map((option) => option.text).join(', '));
+        const allSelectedTexts = [];
+        const allSelectedValues = [];
+        for (const i of item) {
+            const {text: selectedText, value: selectedValue} = getTextAndValueFromSelectedItem(i, teammateNameDisplay, intl.locale, dataSource);
+            allSelectedTexts.push(selectedText);
+            allSelectedValues.push(selectedValue);
+        }
+        setItemText(allSelectedTexts.join(', '));
         if (onSelected) {
-            onSelected(selectedOptions);
+            onSelected(allSelectedValues);
         }
     }, [teammateNameDisplay, intl, dataSource]);
 

app/components/button/index.tsx

@@ -1,61 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React, {useMemo} from 'react';
-import {StyleProp, Text, TextStyle, ViewStyle} from 'react-native';
-import RNButton from 'react-native-button';
-
-import {buttonBackgroundStyle, buttonTextStyle} from '@utils/buttonStyles';
-
-type Props = {
-    theme: Theme;
-    backgroundStyle?: StyleProp<ViewStyle>;
-    textStyle?: StyleProp<TextStyle>;
-    size?: ButtonSize;
-    emphasis?: ButtonEmphasis;
-    buttonType?: ButtonType;
-    buttonState?: ButtonState;
-    testID?: string;
-    onPress: () => void;
-    text: string;
-}
-
-const Button = ({
-    theme,
-    backgroundStyle,
-    textStyle,
-    size,
-    emphasis,
-    buttonType,
-    buttonState,
-    onPress,
-    text,
-    testID,
-}: Props) => {
-    const bgStyle = useMemo(() => [
-        buttonBackgroundStyle(theme, size, emphasis, buttonType, buttonState),
-        backgroundStyle,
-    ], [theme, backgroundStyle, size, emphasis, buttonType, buttonState]);
-
-    const txtStyle = useMemo(() => [
-        buttonTextStyle(theme, size, emphasis, buttonType),
-        textStyle,
-    ], [theme, textStyle, size, emphasis, buttonType]);
-
-    return (
-        <RNButton
-            containerStyle={bgStyle}
-            onPress={onPress}
-            testID={testID}
-        >
-            <Text
-                style={txtStyle}
-                numberOfLines={1}
-            >
-                {text}
-            </Text>
-        </RNButton>
-    );
-};
-
-export default Button;

app/components/channel_actions/channel_actions.tsx

@@ -5,6 +5,7 @@ import React, {useCallback} from 'react';
 import {StyleSheet, View} from 'react-native';
 
 import ChannelInfoStartButton from '@calls/components/channel_info_start';
+import AddPeopleBox from '@components/channel_actions/add_people_box';
 import CopyChannelLinkBox from '@components/channel_actions/copy_channel_link_box';
 import FavoriteBox from '@components/channel_actions/favorite_box';
 import MutedBox from '@components/channel_actions/mute_box';
@@ -13,8 +14,6 @@ import {useServerUrl} from '@context/server';
 import {dismissBottomSheet} from '@screens/navigation';
 import {isTypeDMorGM} from '@utils/channel';
 
-// import AddPeopleBox from '@components/channel_actions/add_people_box';
-
 type Props = {
     channelId: string;
     channelType?: ChannelType;
@@ -24,12 +23,12 @@ type Props = {
     testID?: string;
 }
 
-export const CHANNEL_ACTIONS_OPTIONS_HEIGHT = 62;
+const OPTIONS_HEIGHT = 62;
 
 const styles = StyleSheet.create({
     wrapper: {
         flexDirection: 'row',
-        height: CHANNEL_ACTIONS_OPTIONS_HEIGHT,
+        height: OPTIONS_HEIGHT,
     },
     separator: {
         width: 8,
@@ -70,7 +69,6 @@ const ChannelActions = ({channelId, channelType, inModal = false, dismissChannel
                     testID={`${testID}.set_header.action`}
                 />
             }
-            {/* Add back in after MM-47655 is resolved. https://mattermost.atlassian.net/browse/MM-47655
             {!isDM &&
                 <AddPeopleBox
                     channelId={channelId}
@@ -78,7 +76,6 @@ const ChannelActions = ({channelId, channelType, inModal = false, dismissChannel
                     testID={`${testID}.add_people.action`}
                 />
             }
-            */}
             {!isDM && !callsEnabled &&
                 <>
                     <View style={styles.separator}/>

app/components/channel_actions/copy_channel_link_option/copy_channel_link_option.tsx

@@ -7,7 +7,6 @@ import {useIntl} from 'react-intl';
 
 import OptionItem from '@components/option_item';
 import SlideUpPanelItem from '@components/slide_up_panel_item';
-import {CHANNEL_INFO} from '@constants/screens';
 import {SNACK_BAR_TYPE} from '@constants/snack_bar';
 import {useServerUrl} from '@context/server';
 import {dismissBottomSheet} from '@screens/navigation';
@@ -27,7 +26,7 @@ const CopyChannelLinkOption = ({channelName, teamName, showAsLabel, testID}: Pro
     const onCopyLink = useCallback(async () => {
         Clipboard.setString(`${serverUrl}/${teamName}/channels/${channelName}`);
         await dismissBottomSheet();
-        showSnackBar({barType: SNACK_BAR_TYPE.LINK_COPIED, sourceScreen: CHANNEL_INFO});
+        showSnackBar({barType: SNACK_BAR_TYPE.LINK_COPIED});
     }, [channelName, teamName, serverUrl]);
 
     if (showAsLabel) {

app/components/channel_icon/index.tsx

@@ -103,7 +103,7 @@ const ChannelIcon = ({
     let unreadGroup;
     let mutedStyle;
 
-    if (isUnread && !isMuted) {
+    if (isUnread) {
         unreadIcon = styles.iconUnread;
         unreadGroupBox = styles.groupBoxUnread;
         unreadGroup = styles.groupUnread;
@@ -116,7 +116,7 @@ const ChannelIcon = ({
     }
 
     if (isInfo) {
-        activeIcon = isUnread && !isMuted ? styles.iconInfoUnread : styles.iconInfo;
+        activeIcon = isUnread ? styles.iconInfoUnread : styles.iconInfo;
         activeGroupBox = styles.groupBoxInfo;
         activeGroup = isUnread ? styles.groupInfoUnread : styles.groupInfo;
     }
@@ -187,8 +187,7 @@ const ChannelIcon = ({
             <DmAvatar
                 channelName={name}
                 isInfo={isInfo}
-            />
-        );
+            />);
     }
 
     return (

app/components/channel_item/channel_item.tsx

@@ -151,7 +151,7 @@ const ChannelListItem = ({
     }, [channel.id]);
 
     const textStyles = useMemo(() => [
-        isBolded && !isMuted ? textStyle.bold : textStyle.regular,
+        isBolded ? textStyle.bold : textStyle.regular,
         styles.text,
         isBolded && styles.highlight,
         isActive && isTablet && !isInfo ? styles.textActive : null,

app/components/channel_item/custom_status/index.ts

@@ -4,9 +4,9 @@
 import {withDatabase} from '@nozbe/watermelondb/DatabaseProvider';
 import withObservables from '@nozbe/with-observables';
 import {of as of$} from 'rxjs';
-import {switchMap} from 'rxjs/operators';
+import {map, switchMap} from 'rxjs/operators';
 
-import {observeConfigBooleanValue} from '@queries/servers/system';
+import {observeConfig} from '@queries/servers/system';
 import {observeUser} from '@queries/servers/user';
 import {getUserCustomStatus, isCustomStatusExpired} from '@utils/user';
 
@@ -21,8 +21,9 @@ type HeaderInputProps = {
 const enhanced = withObservables(
     ['userId'],
     ({userId, database}: WithDatabaseArgs & HeaderInputProps) => {
+        const config = observeConfig(database);
         const user = observeUser(database, userId);
-        const isCustomStatusEnabled = observeConfigBooleanValue(database, 'EnableCustomUserStatuses');
+        const isCustomStatusEnabled = config.pipe(map((cfg) => cfg?.EnableCustomUserStatuses === 'true'));
         const customStatus = user.pipe(switchMap((u) => (u?.isBot ? of$(undefined) : of$(getUserCustomStatus(u)))));
         const customStatusExpired = user.pipe(switchMap((u) => (u?.isBot ? of$(false) : of$(isCustomStatusExpired(u)))));
 

app/components/channel_item/index.ts

@@ -10,10 +10,9 @@ import {switchMap, distinctUntilChanged} from 'rxjs/operators';
 import {observeChannelsWithCalls} from '@calls/state';
 import {General} from '@constants';
 import {withServerUrl} from '@context/server';
-import {observeChannelSettings, observeMyChannel} from '@queries/servers/channel';
+import {observeMyChannel} from '@queries/servers/channel';
 import {queryDraft} from '@queries/servers/drafts';
 import {observeCurrentChannelId, observeCurrentUserId} from '@queries/servers/system';
-import {observeTeam} from '@queries/servers/team';
 
 import ChannelItem from './channel_item';
 
@@ -27,7 +26,7 @@ type EnhanceProps = WithDatabaseArgs & {
     serverUrl?: string;
 }
 
-const observeIsMutedSetting = (mc: MyChannelModel) => observeChannelSettings(mc.database, mc.id).pipe(switchMap((s) => of$(s?.notifyProps?.mark_unread === General.MENTION)));
+const observeIsMutedSetting = (mc: MyChannelModel) => mc.settings.observe().pipe(switchMap((s) => of$(s?.notifyProps?.mark_unread === General.MENTION)));
 
 const enhance = withObservables(['channel', 'showTeamName'], ({
     channel,
@@ -59,7 +58,7 @@ const enhance = withObservables(['channel', 'showTeamName'], ({
 
     let teamDisplayName = of$('');
     if (channel.teamId && showTeamName) {
-        teamDisplayName = observeTeam(database, channel.teamId).pipe(
+        teamDisplayName = channel.team.observe().pipe(
             switchMap((team) => of$(team?.displayName || '')),
             distinctUntilChanged(),
         );

app/components/channel_list_row/__snapshots__/index.test.tsx.snap

@@ -1,470 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/channel_list_row should be selected 1`] = `
-<View
-  style={
-    {
-      "paddingVertical": 9,
-    }
-  }
->
-  <View
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "opacity": 1,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-          "flexDirection": "row",
-        }
-      }
-      testID="ChannelListRow.channel"
-    >
-      <Icon
-        name="circle-multiple-outline"
-        size={20}
-        style={
-          {
-            "color": "rgba(63,67,80,0.56)",
-            "padding": 2,
-          }
-        }
-      />
-      <View
-        style={
-          {
-            "flexDirection": "column",
-            "marginLeft": 16,
-          }
-        }
-      >
-        <Text
-          style={
-            {
-              "color": "#3f4350",
-              "fontFamily": "OpenSans",
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            }
-          }
-          testID="ChannelListRow.channel.display_name"
-        >
-          channel
-        </Text>
-        <Text
-          ellipsizeMode="tail"
-          numberOfLines={1}
-          style={
-            {
-              "color": "rgba(63,67,80,0.64)",
-              "fontFamily": "OpenSans",
-              "fontSize": 12,
-              "fontWeight": "400",
-              "lineHeight": 16,
-            }
-          }
-        >
-          My purpose
-        </Text>
-      </View>
-      <View>
-        <Icon
-          color="#1c58d9"
-          name="check-circle"
-          size={28}
-        />
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`components/channel_list_row should match snapshot with delete_at filled in 1`] = `
-<View
-  style={
-    {
-      "paddingVertical": 9,
-    }
-  }
->
-  <View
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "opacity": 1,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-          "flexDirection": "row",
-        }
-      }
-      testID="ChannelListRow.channel"
-    >
-      <Icon
-        name="archive-outline"
-        size={20}
-        style={
-          {
-            "color": "rgba(63,67,80,0.56)",
-            "padding": 2,
-          }
-        }
-      />
-      <View
-        style={
-          {
-            "flexDirection": "column",
-            "marginLeft": 16,
-          }
-        }
-      >
-        <Text
-          style={
-            {
-              "color": "#3f4350",
-              "fontFamily": "OpenSans",
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            }
-          }
-          testID="ChannelListRow.channel.display_name"
-        >
-          channel
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`components/channel_list_row should match snapshot with open channel icon 1`] = `
-<View
-  style={
-    {
-      "paddingVertical": 9,
-    }
-  }
->
-  <View
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "opacity": 1,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-          "flexDirection": "row",
-        }
-      }
-      testID="ChannelListRow.channel"
-    >
-      <Icon
-        name="circle-multiple-outline"
-        size={20}
-        style={
-          {
-            "color": "rgba(63,67,80,0.56)",
-            "padding": 2,
-          }
-        }
-      />
-      <View
-        style={
-          {
-            "flexDirection": "column",
-            "marginLeft": 16,
-          }
-        }
-      >
-        <Text
-          style={
-            {
-              "color": "#3f4350",
-              "fontFamily": "OpenSans",
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            }
-          }
-          testID="ChannelListRow.channel.display_name"
-        >
-          channel
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`components/channel_list_row should match snapshot with private channel icon 1`] = `
-<View
-  style={
-    {
-      "paddingVertical": 9,
-    }
-  }
->
-  <View
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "opacity": 1,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-          "flexDirection": "row",
-        }
-      }
-      testID="ChannelListRow.channel"
-    >
-      <Icon
-        name="circle-multiple-outline"
-        size={20}
-        style={
-          {
-            "color": "rgba(63,67,80,0.56)",
-            "padding": 2,
-          }
-        }
-      />
-      <View
-        style={
-          {
-            "flexDirection": "column",
-            "marginLeft": 16,
-          }
-        }
-      >
-        <Text
-          style={
-            {
-              "color": "#3f4350",
-              "fontFamily": "OpenSans",
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            }
-          }
-          testID="ChannelListRow.channel.display_name"
-        >
-          channel
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`components/channel_list_row should match snapshot with purpose filled in 1`] = `
-<View
-  style={
-    {
-      "paddingVertical": 9,
-    }
-  }
->
-  <View
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "opacity": 1,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-          "flexDirection": "row",
-        }
-      }
-      testID="ChannelListRow.channel"
-    >
-      <Icon
-        name="circle-multiple-outline"
-        size={20}
-        style={
-          {
-            "color": "rgba(63,67,80,0.56)",
-            "padding": 2,
-          }
-        }
-      />
-      <View
-        style={
-          {
-            "flexDirection": "column",
-            "marginLeft": 16,
-          }
-        }
-      >
-        <Text
-          style={
-            {
-              "color": "#3f4350",
-              "fontFamily": "OpenSans",
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            }
-          }
-          testID="ChannelListRow.channel.display_name"
-        >
-          channel
-        </Text>
-        <Text
-          ellipsizeMode="tail"
-          numberOfLines={1}
-          style={
-            {
-              "color": "rgba(63,67,80,0.64)",
-              "fontFamily": "OpenSans",
-              "fontSize": 12,
-              "fontWeight": "400",
-              "lineHeight": 16,
-            }
-          }
-        >
-          My purpose
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`components/channel_list_row should match snapshot with shared filled in 1`] = `
-<View
-  style={
-    {
-      "paddingVertical": 9,
-    }
-  }
->
-  <View
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "opacity": 1,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-          "flexDirection": "row",
-        }
-      }
-      testID="ChannelListRow.channel"
-    >
-      <Icon
-        name="circle-multiple-outline"
-        size={20}
-        style={
-          {
-            "color": "rgba(63,67,80,0.56)",
-            "padding": 2,
-          }
-        }
-      />
-      <View
-        style={
-          {
-            "flexDirection": "column",
-            "marginLeft": 16,
-          }
-        }
-      >
-        <Text
-          style={
-            {
-              "color": "#3f4350",
-              "fontFamily": "OpenSans",
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            }
-          }
-          testID="ChannelListRow.channel.display_name"
-        >
-          channel
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;

app/components/channel_list_row/index.test.tsx

@@ -1,151 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import Database from '@nozbe/watermelondb/Database';
-import React from 'react';
-
-import {renderWithEverything} from '@test/intl-test-helper';
-import TestHelper from '@test/test_helper';
-
-import ChannelListRow from '.';
-
-describe('components/channel_list_row', () => {
-    let database: Database;
-    const channel: Channel = {
-        id: '1',
-        create_at: 1111,
-        update_at: 1111,
-        delete_at: 0,
-        team_id: 'my team',
-        type: 'O',
-        display_name: 'channel',
-        name: 'channel',
-        header: 'channel',
-        purpose: '',
-        last_post_at: 1,
-        total_msg_count: 1,
-        extra_update_at: 1,
-        creator_id: '1',
-        scheme_id: null,
-        group_constrained: null,
-        shared: true,
-    };
-    beforeAll(async () => {
-        const server = await TestHelper.setupServerDatabase();
-        database = server.database;
-    });
-
-    it('should match snapshot with open channel icon', () => {
-        const wrapper = renderWithEverything(
-            <ChannelListRow
-                channel={channel}
-                selected={false}
-                selectable={false}
-                testID='ChannelListRow'
-                onPress={() => {
-                    // noop
-                }}
-            />,
-            {database},
-        );
-
-        expect(wrapper.toJSON()).toMatchSnapshot();
-    });
-
-    it('should match snapshot with private channel icon', () => {
-        channel.type = 'P';
-
-        const wrapper = renderWithEverything(
-            <ChannelListRow
-                channel={channel}
-                selected={false}
-                selectable={false}
-                testID='ChannelListRow'
-                onPress={() => {
-                    // noop
-                }}
-            />,
-            {database},
-        );
-
-        expect(wrapper.toJSON()).toMatchSnapshot();
-    });
-
-    it('should match snapshot with delete_at filled in', () => {
-        channel.delete_at = 1111;
-        channel.shared = false;
-        channel.type = 'O';
-
-        const wrapper = renderWithEverything(
-            <ChannelListRow
-                channel={channel}
-                testID='ChannelListRow'
-                selectable={false}
-                selected={false}
-                onPress={() => {
-                    // noop
-                }}
-            />,
-            {database},
-        );
-
-        expect(wrapper.toJSON()).toMatchSnapshot();
-    });
-
-    it('should match snapshot with shared filled in', () => {
-        channel.delete_at = 0;
-        channel.shared = true;
-        channel.type = 'O';
-
-        const wrapper = renderWithEverything(
-            <ChannelListRow
-                channel={channel}
-                testID='ChannelListRow'
-                selectable={false}
-                selected={false}
-                onPress={() => {
-                    // noop
-                }}
-            />,
-            {database},
-        );
-
-        expect(wrapper.toJSON()).toMatchSnapshot();
-    });
-
-    it('should match snapshot with purpose filled in', () => {
-        channel.purpose = 'My purpose';
-
-        const wrapper = renderWithEverything(
-            <ChannelListRow
-                channel={channel}
-                testID='ChannelListRow'
-                selectable={false}
-                selected={false}
-                onPress={() => {
-                    // noop
-                }}
-            />,
-            {database},
-        );
-
-        expect(wrapper.toJSON()).toMatchSnapshot();
-    });
-
-    it('should be selected', () => {
-        const wrapper = renderWithEverything(
-            <ChannelListRow
-                channel={channel}
-                testID='ChannelListRow'
-                selectable={true}
-                selected={true}
-                onPress={() => {
-                    // noop
-                }}
-            />,
-            {database},
-        );
-
-        expect(wrapper.toJSON()).toMatchSnapshot();
-    });
-});

app/components/common_post_options/copy_permalink_option/copy_permalink_option.tsx

@@ -15,20 +15,19 @@ import {showSnackBar} from '@utils/snack_bar';
 import type PostModel from '@typings/database/models/servers/post';
 
 type Props = {
-    bottomSheetId: typeof Screens[keyof typeof Screens];
     sourceScreen: typeof Screens[keyof typeof Screens];
     post: PostModel;
     teamName: string;
 }
-const CopyPermalinkOption = ({bottomSheetId, teamName, post, sourceScreen}: Props) => {
+const CopyPermalinkOption = ({teamName, post, sourceScreen}: Props) => {
     const serverUrl = useServerUrl();
 
     const handleCopyLink = useCallback(async () => {
         const permalink = `${serverUrl}/${teamName}/pl/${post.id}`;
         Clipboard.setString(permalink);
-        await dismissBottomSheet(bottomSheetId);
+        await dismissBottomSheet(Screens.POST_OPTIONS);
         showSnackBar({barType: SNACK_BAR_TYPE.LINK_COPIED, sourceScreen});
-    }, [teamName, post.id, bottomSheetId]);
+    }, [teamName, post.id]);
 
     return (
         <BaseOption

app/components/common_post_options/follow_thread_option/follow_thread_option.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React, {useCallback} from 'react';
+import React from 'react';
 
 import {updateThreadFollowing} from '@actions/remote/thread';
 import {BaseOption} from '@components/common_post_options';
@@ -13,12 +13,11 @@ import {dismissBottomSheet} from '@screens/navigation';
 import type ThreadModel from '@typings/database/models/servers/thread';
 
 type FollowThreadOptionProps = {
-    bottomSheetId: typeof Screens[keyof typeof Screens];
     thread: ThreadModel;
     teamId?: string;
 };
 
-const FollowThreadOption = ({bottomSheetId, thread, teamId}: FollowThreadOptionProps) => {
+const FollowThreadOption = ({thread, teamId}: FollowThreadOptionProps) => {
     let id: string;
     let defaultMessage: string;
     let icon: string;
@@ -45,13 +44,13 @@ const FollowThreadOption = ({bottomSheetId, thread, teamId}: FollowThreadOptionP
 
     const serverUrl = useServerUrl();
 
-    const handleToggleFollow = useCallback(async () => {
+    const handleToggleFollow = async () => {
         if (teamId == null) {
             return;
         }
-        await dismissBottomSheet(bottomSheetId);
+        await dismissBottomSheet(Screens.POST_OPTIONS);
         updateThreadFollowing(serverUrl, teamId, thread.id, !thread.isFollowing);
-    }, [bottomSheetId, teamId, thread]);
+    };
 
     const followThreadOptionTestId = thread.isFollowing ? 'post_options.following_thread.option' : 'post_options.follow_thread.option';
 

app/components/common_post_options/reply_option.tsx

@@ -14,16 +14,16 @@ import type PostModel from '@typings/database/models/servers/post';
 
 type Props = {
     post: PostModel;
-    bottomSheetId: typeof Screens[keyof typeof Screens];
+    location?: typeof Screens[keyof typeof Screens];
 }
-const ReplyOption = ({post, bottomSheetId}: Props) => {
+const ReplyOption = ({post, location}: Props) => {
     const serverUrl = useServerUrl();
 
     const handleReply = useCallback(async () => {
         const rootId = post.rootId || post.id;
-        await dismissBottomSheet(bottomSheetId);
+        await dismissBottomSheet(location || Screens.POST_OPTIONS);
         fetchAndSwitchToThread(serverUrl, rootId);
-    }, [bottomSheetId, post, serverUrl]);
+    }, [post, serverUrl]);
 
     return (
         <BaseOption

app/components/common_post_options/save_option.tsx

@@ -11,19 +11,18 @@ import {t} from '@i18n';
 import {dismissBottomSheet} from '@screens/navigation';
 
 type CopyTextProps = {
-    bottomSheetId: typeof Screens[keyof typeof Screens];
     isSaved: boolean;
     postId: string;
 }
 
-const SaveOption = ({bottomSheetId, isSaved, postId}: CopyTextProps) => {
+const SaveOption = ({isSaved, postId}: CopyTextProps) => {
     const serverUrl = useServerUrl();
 
     const onHandlePress = useCallback(async () => {
         const remoteAction = isSaved ? deleteSavedPost : savePostPreference;
-        await dismissBottomSheet(bottomSheetId);
+        await dismissBottomSheet(Screens.POST_OPTIONS);
         remoteAction(serverUrl, postId);
-    }, [bottomSheetId, postId, serverUrl]);
+    }, [postId, serverUrl]);
 
     const id = isSaved ? t('mobile.post_info.unsave') : t('mobile.post_info.save');
     const defaultMessage = isSaved ? 'Unsave' : 'Save';

app/components/connection_banner/connection_banner.tsx

@@ -1,202 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {useNetInfo} from '@react-native-community/netinfo';
-import React, {useCallback, useEffect, useRef, useState} from 'react';
-import {useIntl} from 'react-intl';
-import {
-    Text,
-    View,
-} from 'react-native';
-import Animated, {useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
-
-import CompassIcon from '@components/compass_icon';
-import {ANNOUNCEMENT_BAR_HEIGHT} from '@constants/view';
-import {useTheme} from '@context/theme';
-import {useAppState} from '@hooks/device';
-import useDidUpdate from '@hooks/did_update';
-import {toMilliseconds} from '@utils/datetime';
-import {makeStyleSheetFromTheme} from '@utils/theme';
-import {typography} from '@utils/typography';
-
-type Props = {
-    websocketState: WebsocketConnectedState;
-}
-
-const getStyle = makeStyleSheetFromTheme((theme: Theme) => {
-    const bannerContainer = {
-        flex: 1,
-        paddingHorizontal: 10,
-        overflow: 'hidden' as const,
-        flexDirection: 'row' as const,
-        alignItems: 'center' as const,
-        marginHorizontal: 8,
-        borderRadius: 7,
-    };
-    return {
-        background: {
-            backgroundColor: theme.sidebarBg,
-        },
-        bannerContainerNotConnected: {
-            ...bannerContainer,
-            backgroundColor: theme.centerChannelColor,
-        },
-        bannerContainerConnected: {
-            ...bannerContainer,
-            backgroundColor: theme.onlineIndicator,
-        },
-        wrapper: {
-            flexDirection: 'row',
-            flex: 1,
-            overflow: 'hidden',
-        },
-        bannerTextContainer: {
-            flex: 1,
-            flexGrow: 1,
-            marginRight: 5,
-            textAlign: 'center',
-            color: theme.centerChannelBg,
-        },
-        bannerText: {
-            ...typography('Body', 100, 'SemiBold'),
-        },
-    };
-});
-
-const clearTimeoutRef = (ref: React.MutableRefObject<NodeJS.Timeout | null | undefined>) => {
-    if (ref.current) {
-        clearTimeout(ref.current);
-        ref.current = null;
-    }
-};
-
-const TIME_TO_OPEN = toMilliseconds({seconds: 3});
-const TIME_TO_CLOSE = toMilliseconds({seconds: 1});
-
-const ConnectionBanner = ({
-    websocketState,
-}: Props) => {
-    const intl = useIntl();
-    const closeTimeout = useRef<NodeJS.Timeout | null>();
-    const openTimeout = useRef<NodeJS.Timeout | null>();
-    const height = useSharedValue(0);
-    const theme = useTheme();
-    const [visible, setVisible] = useState(false);
-    const style = getStyle(theme);
-    const appState = useAppState();
-    const netInfo = useNetInfo();
-
-    const isConnected = websocketState === 'connected';
-
-    const openCallback = useCallback(() => {
-        setVisible(true);
-        clearTimeoutRef(openTimeout);
-    }, []);
-
-    const closeCallback = useCallback(() => {
-        setVisible(false);
-        clearTimeoutRef(closeTimeout);
-    }, []);
-
-    useEffect(() => {
-        if (websocketState === 'connecting') {
-            openCallback();
-        } else if (!isConnected) {
-            openTimeout.current = setTimeout(openCallback, TIME_TO_OPEN);
-        }
-        return () => {
-            clearTimeoutRef(openTimeout);
-            clearTimeoutRef(closeTimeout);
-        };
-    }, []);
-
-    useDidUpdate(() => {
-        if (isConnected) {
-            if (visible) {
-                if (!closeTimeout.current) {
-                    closeTimeout.current = setTimeout(closeCallback, TIME_TO_CLOSE);
-                }
-            } else {
-                clearTimeoutRef(openTimeout);
-            }
-        } else if (visible) {
-            clearTimeoutRef(closeTimeout);
-        } else if (appState === 'active') {
-            setVisible(true);
-        }
-    }, [isConnected]);
-
-    useDidUpdate(() => {
-        if (appState === 'active') {
-            if (!isConnected && !visible) {
-                if (!openTimeout.current) {
-                    openTimeout.current = setTimeout(openCallback, TIME_TO_OPEN);
-                }
-            }
-            if (isConnected && visible) {
-                if (!closeTimeout.current) {
-                    closeTimeout.current = setTimeout(closeCallback, TIME_TO_CLOSE);
-                }
-            }
-        } else {
-            setVisible(false);
-            clearTimeoutRef(openTimeout);
-            clearTimeoutRef(closeTimeout);
-        }
-    }, [appState === 'active']);
-
-    useEffect(() => {
-        height.value = withTiming(visible ? ANNOUNCEMENT_BAR_HEIGHT : 0, {
-            duration: 200,
-        });
-    }, [visible]);
-
-    const bannerStyle = useAnimatedStyle(() => ({
-        height: height.value,
-    }));
-
-    let text;
-    if (isConnected) {
-        text = intl.formatMessage({id: 'connection_banner.connected', defaultMessage: 'Connection restored'});
-    } else if (websocketState === 'connecting') {
-        text = intl.formatMessage({id: 'connection_banner.connecting', defaultMessage: 'Connecting...'});
-    } else if (netInfo.isInternetReachable) {
-        text = intl.formatMessage({id: 'connection_banner.not_reachable', defaultMessage: 'The server is not reachable'});
-    } else {
-        text = intl.formatMessage({id: 'connection_banner.not_connected', defaultMessage: 'No internet connection'});
-    }
-
-    return (
-        <Animated.View
-            style={[style.background, bannerStyle]}
-        >
-            <View
-                style={isConnected ? style.bannerContainerConnected : style.bannerContainerNotConnected}
-            >
-                {visible &&
-                <View
-                    style={style.wrapper}
-                >
-                    <Text
-                        style={style.bannerTextContainer}
-                        ellipsizeMode='tail'
-                        numberOfLines={1}
-                    >
-                        <CompassIcon
-                            color={theme.centerChannelBg}
-                            name={isConnected ? 'check' : 'information-outline'}
-                            size={18}
-                        />
-                        {'  '}
-                        <Text style={style.bannerText}>
-                            {text}
-                        </Text>
-                    </Text>
-                </View>
-                }
-            </View>
-        </Animated.View>
-    );
-};
-
-export default ConnectionBanner;

app/components/connection_banner/index.ts

@@ -1,15 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import withObservables from '@nozbe/with-observables';
-
-import {withServerUrl} from '@context/server';
-import websocket_manager from '@managers/websocket_manager';
-
-import ConnectionBanner from './connection_banner';
-
-const enhanced = withObservables(['serverUrl'], ({serverUrl}: {serverUrl: string}) => ({
-    websocketState: websocket_manager.observeWebsocketState(serverUrl),
-}));
-
-export default withServerUrl(enhanced(ConnectionBanner));

app/components/emoji/emoji.tsx

@@ -1,152 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import {withDatabase} from '@nozbe/watermelondb/DatabaseProvider';
-import withObservables from '@nozbe/with-observables';
-import React from 'react';
-import {
-    Platform,
-    StyleSheet,
-    Text,
-} from 'react-native';
-import FastImage from 'react-native-fast-image';
-import {of as of$} from 'rxjs';
-import {switchMap} from 'rxjs/operators';
-
-import {fetchCustomEmojiInBatch} from '@actions/remote/custom_emoji';
-import {useServerUrl} from '@context/server';
-import NetworkManager from '@managers/network_manager';
-import {queryCustomEmojisByName} from '@queries/servers/custom_emoji';
-import {observeConfigBooleanValue} from '@queries/servers/system';
-import {EmojiIndicesByAlias, Emojis} from '@utils/emoji';
-import {isUnicodeEmoji} from '@utils/emoji/helpers';
-
-import type {EmojiProps} from '@typings/components/emoji';
-import type {WithDatabaseArgs} from '@typings/database/database';
-
-const assetImages = new Map([['mattermost.png', require('@assets/images/emojis/mattermost.png')]]);
-
-const Emoji = (props: EmojiProps) => {
-    const {
-        customEmojis,
-        customEmojiStyle,
-        displayTextOnly,
-        emojiName,
-        literal = '',
-        testID,
-        textStyle,
-    } = props;
-    const serverUrl = useServerUrl();
-    let assetImage = '';
-    let unicode;
-    let imageUrl = '';
-    const name = emojiName.trim();
-    if (EmojiIndicesByAlias.has(name)) {
-        const emoji = Emojis[EmojiIndicesByAlias.get(name)!];
-        if (emoji.category === 'custom') {
-            assetImage = emoji.fileName;
-        } else {
-            unicode = emoji.image;
-        }
-    } else {
-        const custom = customEmojis.find((ce) => ce.name === name);
-        if (custom) {
-            try {
-                const client = NetworkManager.getClient(serverUrl);
-                imageUrl = client.getCustomEmojiImageUrl(custom.id);
-            } catch {
-                // do nothing
-            }
-        } else if (name && (name.length > 1 || !isUnicodeEmoji(name))) {
-            fetchCustomEmojiInBatch(serverUrl, name);
-        }
-    }
-
-    let size = props.size;
-    let fontSize = size;
-    if (!size && textStyle) {
-        const flatten = StyleSheet.flatten(textStyle);
-        fontSize = flatten.fontSize;
-        size = fontSize;
-    }
-
-    if (displayTextOnly || (!imageUrl && !assetImage && !unicode)) {
-        return (
-            <Text
-                style={textStyle}
-                testID={testID}
-            >
-                {literal}
-            </Text>);
-    }
-
-    const width = size;
-    const height = size;
-
-    if (unicode && !imageUrl) {
-        const codeArray = unicode.split('-');
-        const code = codeArray.reduce((acc: string, c: string) => {
-            return acc + String.fromCodePoint(parseInt(c, 16));
-        }, '');
-
-        return (
-            <Text
-                style={[textStyle, {fontSize: size, color: '#000'}]}
-                testID={testID}
-            >
-                {code}
-            </Text>
-        );
-    }
-
-    if (assetImage) {
-        const key = Platform.OS === 'android' ? (`${assetImage}-${height}-${width}`) : null;
-
-        const image = assetImages.get(assetImage);
-        if (!image) {
-            return null;
-        }
-        return (
-            <FastImage
-                key={key}
-                source={image}
-                style={[customEmojiStyle, {width, height}]}
-                resizeMode={FastImage.resizeMode.contain}
-                testID={testID}
-            />
-        );
-    }
-
-    if (!imageUrl) {
-        return null;
-    }
-
-    // Android can't change the size of an image after its first render, so
-    // force a new image to be rendered when the size changes
-    const key = Platform.OS === 'android' ? (`${imageUrl}-${height}-${width}`) : null;
-
-    return (
-        <FastImage
-            key={key}
-            style={[customEmojiStyle, {width, height}]}
-            source={{uri: imageUrl}}
-            resizeMode={FastImage.resizeMode.contain}
-            testID={testID}
-        />
-    );
-};
-
-const withCustomEmojis = withObservables(['emojiName'], ({database, emojiName}: WithDatabaseArgs & {emojiName: string}) => {
-    const hasEmojiBuiltIn = EmojiIndicesByAlias.has(emojiName);
-
-    const displayTextOnly = hasEmojiBuiltIn ? of$(false) : observeConfigBooleanValue(database, 'EnableCustomEmoji').pipe(
-        switchMap((value) => of$(!value)),
-    );
-
-    return {
-        displayTextOnly,
-        customEmojis: hasEmojiBuiltIn ? of$([]) : queryCustomEmojisByName(database, [emojiName]).observe(),
-    };
-});
-
-export default withDatabase(withCustomEmojis(Emoji));