Merge pull request #1110 from chainapsis/Heesung/KEPLR-286

[KEPLR-286, Mobile] Add image save when long click on webpage webview image

apps/mobile/android/app/src/main/AndroidManifest.xml

@@ -15,6 +15,12 @@
 
     <uses-feature android:name="android.hardware.bluetooth_le" android:required="true"/>
 
+    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
+    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"
+                     android:maxSdkVersion="32" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+
     <application
       android:name=".MainApplication"
       android:label="@string/app_name"

apps/mobile/ios/Podfile.lock

@@ -942,6 +942,10 @@ PODS:
     - React-Core
   - react-native-blur (4.3.2):
     - React-Core
+  - react-native-cameraroll (7.6.1):
+    - glog
+    - RCT-Folly (= 2022.05.16.00)
+    - React-Core
   - react-native-compat (2.10.5):
     - glog
     - RCT-Folly (= 2022.05.16.00)
@@ -1119,6 +1123,8 @@ PODS:
     - React-perflogger (= 0.73.6)
   - ReactNativeExceptionHandler (2.10.10):
     - React-Core
+  - rn-fetch-blob (0.13.0-beta.2):
+    - React-Core
   - RNCAsyncStorage (1.19.3):
     - React-Core
   - RNDeviceInfo (10.11.0):
@@ -1210,6 +1216,7 @@ DEPENDENCIES:
   - React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
   - react-native-ble-plx (from `../node_modules/react-native-ble-plx`)
   - "react-native-blur (from `../node_modules/@react-native-community/blur`)"
+  - "react-native-cameraroll (from `../node_modules/@react-native-camera-roll/camera-roll`)"
   - "react-native-compat (from `../node_modules/@walletconnect/react-native-compat`)"
   - "react-native-netinfo (from `../node_modules/@react-native-community/netinfo`)"
   - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
@@ -1235,6 +1242,7 @@ DEPENDENCIES:
   - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
   - ReactNativeExceptionHandler (from `../node_modules/react-native-exception-handler`)
+  - rn-fetch-blob (from `../node_modules/rn-fetch-blob`)
   - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
   - RNDeviceInfo (from `../node_modules/react-native-device-info`)
   - RNFS (from `../node_modules/react-native-fs`)
@@ -1359,6 +1367,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-ble-plx"
   react-native-blur:
     :path: "../node_modules/@react-native-community/blur"
+  react-native-cameraroll:
+    :path: "../node_modules/@react-native-camera-roll/camera-roll"
   react-native-compat:
     :path: "../node_modules/@walletconnect/react-native-compat"
   react-native-netinfo:
@@ -1409,6 +1419,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon"
   ReactNativeExceptionHandler:
     :path: "../node_modules/react-native-exception-handler"
+  rn-fetch-blob:
+    :path: "../node_modules/rn-fetch-blob"
   RNCAsyncStorage:
     :path: "../node_modules/@react-native-async-storage/async-storage"
   RNDeviceInfo:
@@ -1488,6 +1500,7 @@ SPEC CHECKSUMS:
   React-Mapbuffer: 84ea43c6c6232049135b1550b8c60b2faac19fab
   react-native-ble-plx: f10240444452dfb2d2a13a0e4f58d7783e92d76e
   react-native-blur: cfdad7b3c01d725ab62a8a729f42ea463998afa2
+  react-native-cameraroll: cb0d0a2b76a9d56461ea0ab5782f69e694544840
   react-native-compat: 85c3e9833701f7a40f4aa1085ce238d1bef36db4
   react-native-netinfo: 8a7fd3f7130ef4ad2fb4276d5c9f8d3f28d2df3d
   react-native-safe-area-context: 0ee144a6170530ccc37a0fd9388e28d06f516a89
@@ -1513,6 +1526,7 @@ SPEC CHECKSUMS:
   React-utils: d16c1d2251c088ad817996621947d0ac8167b46c
   ReactCommon: 447281ad2034ea3252bf81a60d1f77d5afb0b636
   ReactNativeExceptionHandler: b11ff67c78802b2f62eed0e10e75cb1ef7947c60
+  rn-fetch-blob: d469adb2e1d17f9d02ceb2b7bdd35ae5bd5db66b
   RNCAsyncStorage: c913ede1fa163a71cea118ed4670bbaaa4b511bb
   RNDeviceInfo: bf8a32acbcb875f568217285d1793b0e8588c974
   RNFS: 4ac0f0ea233904cb798630b3c077808c06931688

apps/mobile/ios/keplrmobile/Info.plist

@@ -95,6 +95,12 @@
 		<string>fba0f81f121c1a15f7195bb269428911</string>
 	</dict>
 	<key>ITSAppUsesNonExemptEncryption</key>
-	<false/>
+    <false/>
+	<key>NSCameraUsageDescription</key>
+    <string>$(PRODUCT_NAME) uses camera for uploading images</string>
+    <key>NSPhotoLibraryAddUsageDescription</key>
+    <string>$(PRODUCT_NAME) uses photo library for uploading images</string>
+    <key>NSPhotoLibraryUsageDescription</key>
+    <string>$(PRODUCT_NAME) uses photo library for uploading images</string>
 </dict>
 </plist>

apps/mobile/package.json

@@ -37,6 +37,7 @@
     "@ledgerhq/hw-app-eth": "^6.29.3",
     "@ledgerhq/react-native-hw-transport-ble": "=6.20.0",
     "@react-native-async-storage/async-storage": "^1.19.3",
+    "@react-native-camera-roll/camera-roll": "^7.6.1",
     "@react-native-community/blur": "^4.3.2",
     "@react-native-community/netinfo": "^11.2.1",
     "@react-navigation/bottom-tabs": "^6.5.12",
@@ -92,6 +93,7 @@
     "react-native-url-polyfill": "^2.0.0",
     "react-native-vision-camera": "^3.9.0",
     "react-native-webview": "^13.8.1",
+    "rn-fetch-blob": "0.13.0-beta.2",
     "semver": "^7.6.0",
     "setimmediate": "^1.0.5",
     "stream-browserify": "^3.0.0",

apps/mobile/src/languages/en.json

@@ -721,10 +721,13 @@
   "button.vote": "Vote",
   "button.stake": "Stake",
   "button.reject": "Reject",
+  "button.cancel": "Cancel",
   "text-button.select-all": "Select All",
   "text-button.view-all-proposals": "View All Proposals",
   "notification.transaction-success": "Transaction Success",
   "wallet-connect.information-text": "{appName} is requesting to connect to your Keplr account on {chainIds}",
   "hooks.confirm.cancel-button": "Cancel",
-  "hooks.confirm.yes-button": "Yes"
+  "hooks.confirm.yes-button": "Yes",
+  "save-image-modal.save-image-item": "Save Image",
+  "save-image-modal.save-success": "Image saved successfully"
 }

apps/mobile/src/languages/ko.json

@@ -708,10 +708,13 @@
   "button.vote": "투표하기",
   "button.stake": "스테이킹",
   "button.reject": "승인 안함",
+  "button.cancel": "취소",
   "text-button.select-all": "전체 선택",
   "text-button.view-all-proposals": "모든 체인의 프로포절 보기",
   "notification.transaction-success": "트랜잭션 성공",
   "wallet-connect.information-text": "{appName} 에서 당신의 {chainIds} 케플러 계정에 연결을 요청했습니다.",
   "hooks.confirm.cancel-button": "취소",
-  "hooks.confirm.yes-button": "예"
+  "hooks.confirm.yes-button": "예",
+  "save-image-modal.save-image-item": "이미지 저장",
+  "save-image-modal.save-success": "이미지가 저장되었습니다."
 }