Merge pull request #2543 from streetwriters/feat/in-app-review

mobile: add in-app-review flow

apps/mobile/app/components/sheets/export-notes/index.js

@@ -42,6 +42,7 @@ import Heading from "../../ui/typography/heading";
 import Paragraph from "../../ui/typography/paragraph";
 import { eSendEvent } from "../../../services/event-manager";
 import { eCloseSheet } from "../../../utils/events";
+import { requestInAppReview } from "../../../services/app-review";
 
 const ExportNotesSheet = ({ notes, update }) => {
   const colors = useThemeStore((state) => state.colors);
@@ -72,6 +73,7 @@ const ExportNotesSheet = ({ notes, update }) => {
     update({ disableClosing: false });
     setComplete(true);
     setExporting(false);
+    requestInAppReview();
   };
 
   const actions = [

apps/mobile/app/components/sheets/publish-note/index.js

@@ -35,6 +35,7 @@ import Input from "../../ui/input";
 import Seperator from "../../ui/seperator";
 import Heading from "../../ui/typography/heading";
 import Paragraph from "../../ui/typography/paragraph";
+import { requestInAppReview } from "../../../services/app-review";
 
 const PublishNoteSheet = ({ note: item, update }) => {
   const colors = useThemeStore((state) => state.colors);
@@ -66,6 +67,7 @@ const PublishNoteSheet = ({ note: item, update }) => {
         Navigation.queueRoutesForUpdate();
         setPublishLoading(false);
       }
+      requestInAppReview();
     } catch (e) {
       ToastEvent.show({
         heading: "Could not publish note",

apps/mobile/app/screens/settings/app-lock.js

@@ -39,6 +39,7 @@ import { useThemeStore } from "../../stores/use-theme-store";
 import { useUserStore } from "../../stores/use-user-store";
 import { getElevation } from "../../utils";
 import { SIZE } from "../../utils/size";
+import { requestInAppReview } from "../../services/app-review";
 const AppLock = ({ route }) => {
   const colors = useThemeStore((state) => state.colors);
   const appLockMode = useSettingStore((state) => state.settings.appLockMode);
@@ -151,6 +152,9 @@ const AppLock = ({ route }) => {
                       return;
                     }
                     SettingsService.set({ appLockMode: item.value });
+                    if (!welcome) {
+                      requestInAppReview();
+                    }
                   }}
                   customStyle={{
                     justifyContent: "flex-start",

apps/mobile/app/services/app-review.ts

@@ -0,0 +1,44 @@
+/*
+This file is part of the Notesnook project (https://notesnook.com/)
+
+Copyright (C) 2023 Streetwriters (Private) Limited
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import InAppReview from "react-native-in-app-review";
+import { DatabaseLogger } from "../common/database";
+import { MMKV } from "../common/database/mmkv";
+import Config from "react-native-config";
+
+const day_ms = 86400000;
+export function requestInAppReview() {
+  if (Config.GITHUB_RELEASE === "true") return;
+
+  const time = MMKV.getMap<{ timestamp: number }>("requestInAppReview");
+
+  if (time?.timestamp && time?.timestamp + day_ms * 7 > Date.now()) {
+    return;
+  }
+
+  if (InAppReview.isAvailable()) {
+    InAppReview.RequestInAppReview()
+      .then(() => {})
+      .catch((error) => {
+        DatabaseLogger.error(error);
+      });
+    MMKV.setMap("requestInAppReview", { timestamp: Date.now() });
+  } else {
+    DatabaseLogger.error(new Error("In App Review not available"));
+  }
+}

apps/mobile/native/ios/Podfile.lock

@@ -256,6 +256,8 @@ PODS:
     - React-Core
   - react-native-image-resizer (3.0.5):
     - React-Core
+  - react-native-in-app-review (4.3.3):
+    - React-Core
   - react-native-keep-awake (1.1.0):
     - React-Core
   - react-native-mmkv-storage (0.8.0):
@@ -460,6 +462,7 @@ DEPENDENCIES:
   - react-native-html-to-pdf-lite (from `../../node_modules/react-native-html-to-pdf-lite`)
   - react-native-image-picker (from `../../node_modules/react-native-image-picker`)
   - "react-native-image-resizer (from `../../node_modules/@bam.tech/react-native-image-resizer`)"
+  - react-native-in-app-review (from `../../node_modules/react-native-in-app-review`)
   - "react-native-keep-awake (from `../../node_modules/@sayem314/react-native-keep-awake`)"
   - react-native-mmkv-storage (from `../../node_modules/react-native-mmkv-storage`)
   - "react-native-netinfo (from `../../node_modules/@react-native-community/netinfo`)"
@@ -580,6 +583,8 @@ EXTERNAL SOURCES:
     :path: "../../node_modules/react-native-image-picker"
   react-native-image-resizer:
     :path: "../../node_modules/@bam.tech/react-native-image-resizer"
+  react-native-in-app-review:
+    :path: "../../node_modules/react-native-in-app-review"
   react-native-keep-awake:
     :path: "../../node_modules/@sayem314/react-native-keep-awake"
   react-native-mmkv-storage:
@@ -715,6 +720,7 @@ SPEC CHECKSUMS:
   react-native-html-to-pdf-lite: 21bfb169bf4cbcd7bec9f736975ee1b3f5292d4a
   react-native-image-picker: 9c8a2687b69300ad9e95cec5d38f35ab9d32467d
   react-native-image-resizer: 00ceb0e05586c7aadf061eea676957a6c2ec60fa
+  react-native-in-app-review: db8bb167a5f238e7ceca5c242d6b36ce8c4404a4
   react-native-keep-awake: acbee258db16483744910f0da3ace39eb9ab47fd
   react-native-mmkv-storage: 8ba3c0216a6df283ece11205b442a3e435aec4e5
   react-native-netinfo: 2517ad504b3d303e90d7a431b0fcaef76d207983

apps/mobile/native/package.json

@@ -59,7 +59,8 @@
     "react-native-notification-sounds": "0.5.5",
     "@bam.tech/react-native-image-resizer": "3.0.5",
     "react-native-navigation-bar-color": "2.0.2",
-    "react-native-actions-shortcuts": "^1.0.1"
+    "react-native-actions-shortcuts": "^1.0.1",
+    "react-native-in-app-review": "4.3.3"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",

apps/mobile/native/react-native.config.js

@@ -22,6 +22,11 @@ if (isGithubRelease) {
       android:null
     }
   }
+  config.dependencies["react-native-in-app-review"] = {
+    platforms: {
+      android: null
+    }
+  }
 }
 
 module.exports = config;

apps/mobile/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@notesnook/mobile",
-  "version": "2.4.13",
+  "version": "2.4.16",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@notesnook/mobile",
-      "version": "2.4.13",
+      "version": "2.4.16",
       "license": "GPL-3.0-or-later",
       "workspaces": [
         "native/",
@@ -14,7 +14,8 @@
       ],
       "dependencies": {
         "react": "18.0.0",
-        "react-native": "0.69.7"
+        "react-native": "0.69.7",
+        "react-native-in-app-review": "4.3.3"
       },
       "devDependencies": {
         "otplib": "12.0.1",
@@ -94,6 +95,7 @@
         "react-native-html-to-pdf-lite": "^0.9.1",
         "react-native-iap": "7.5.6",
         "react-native-image-picker": "4.1.2",
+        "react-native-in-app-review": "4.3.3",
         "react-native-keychain": "4.0.5",
         "react-native-mmkv-storage": "^0.8.0",
         "react-native-modal-datetime-picker": "14.0.0",
@@ -18292,6 +18294,11 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-in-app-review": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/react-native-in-app-review/-/react-native-in-app-review-4.3.3.tgz",
+      "integrity": "sha512-Q9sXBtK8tCBYFPCGmMgeMlkxXC5e6vAyPZK26OC1oOKUuKUd0QORnryk/qbwnuN4fLshHQN8UKlLgyHLGRuK3A=="
+    },
     "node_modules/react-native-keychain": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/react-native-keychain/-/react-native-keychain-4.0.5.tgz",
@@ -24303,6 +24310,7 @@
         "react-native-html-to-pdf-lite": "^0.9.1",
         "react-native-iap": "7.5.6",
         "react-native-image-picker": "4.1.2",
+        "react-native-in-app-review": "4.3.3",
         "react-native-keychain": "4.0.5",
         "react-native-mmkv-storage": "^0.8.0",
         "react-native-modal-datetime-picker": "14.0.0",
@@ -34988,6 +34996,11 @@
         "react-native-image-pan-zoom": "^2.1.12"
       }
     },
+    "react-native-in-app-review": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/react-native-in-app-review/-/react-native-in-app-review-4.3.3.tgz",
+      "integrity": "sha512-Q9sXBtK8tCBYFPCGmMgeMlkxXC5e6vAyPZK26OC1oOKUuKUd0QORnryk/qbwnuN4fLshHQN8UKlLgyHLGRuK3A=="
+    },
     "react-native-keychain": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/react-native-keychain/-/react-native-keychain-4.0.5.tgz",

apps/mobile/package.json

@@ -34,4 +34,4 @@
     "@notesnook/editor": "*",
     "@notesnook/editor-mobile": "*"
   }
-}
+}