HathorNetwork
diff --git a/‎package-lock.json
Lines changed: 4 additions & 9 deletions b/‎package-lock.json
Lines changed: 4 additions & 9 deletions
diff --git a/‎src/App.js
Lines changed: 2 additions & 0 deletions b/‎src/App.js
Lines changed: 2 additions & 0 deletions
diff --git a/‎src/actions.js
Lines changed: 11 additions & 0 deletions b/‎src/actions.js
Lines changed: 11 additions & 0 deletions
diff --git a/‎src/components/WalletConnect/NanoContract/SignOracleDataModal.js
Lines changed: 84 additions & 0 deletions b/‎src/components/WalletConnect/NanoContract/SignOracleDataModal.js
Lines changed: 84 additions & 0 deletions
diff --git a/‎src/components/WalletConnect/SignOracleDataRequest.js
Lines changed: 121 additions & 0 deletions b/‎src/components/WalletConnect/SignOracleDataRequest.js
Lines changed: 121 additions & 0 deletions
diff --git a/‎src/components/WalletConnect/WalletConnectModal.js
Lines changed: 9 additions & 0 deletions b/‎src/components/WalletConnect/WalletConnectModal.js
Lines changed: 9 additions & 0 deletions
@@ -94,6 +94,7 @@ import { NewNanoContractTransactionScreen } from './screens/WalletConnect/NewNan
 import { NanoContractRegisterQrCodeScreen } from './screens/NanoContractRegisterQrCodeScreen';
 import { SignMessageRequestScreen } from './screens/WalletConnect/SignMessageRequestScreen';
 import { CreateTokenRequestScreen } from './screens/WalletConnect/CreateTokenScreen';
+import { SignOracleDataRequestScreen } from './screens/WalletConnect/SignOracleDataRequestScreen';
 
 /**
  * This Stack Navigator is exhibited when there is no wallet initialized on the local storage.
@@ -461,6 +462,7 @@ const AppStack = () => {
         <Stack.Screen name='NewNanoContractTransactionScreen' component={NewNanoContractTransactionScreen} />
         <Stack.Screen name='SignMessageRequest' component={SignMessageRequestScreen} />
         <Stack.Screen name='CreateTokenRequest' component={CreateTokenRequestScreen} />
+        <Stack.Screen name='SignOracleDataRequestScreen' component={SignOracleDataRequestScreen} />
         <Stack.Screen name='PushNotification' component={PushNotification} />
         <Stack.Screen name='ChangePin' component={ChangePin} />
         <Stack.Screen
 
@@ -205,6 +205,7 @@ export const types = {
   WALLETCONNECT_CREATE_TOKEN_RETRY: 'WALLETCONNECT_CREATE_TOKEN_RETRY',
   WALLETCONNECT_CREATE_TOKEN_RETRY_DISMISS: 'WALLETCONNECT_CREATE_TOKEN_RETRY_DISMISS',
   SET_USE_SAFE_BIOMETRY_MODE: 'SET_USE_SAFE_BIOMETRY_MODE',
+  SHOW_SIGN_ORACLE_DATA_REQUEST_MODAL: 'SHOW_SIGN_ORACLE_DATA_REQUEST_MODAL',
 };
 
 export const featureToggleInitialized = () => ({
@@ -1438,6 +1439,16 @@ export const unregisteredTokensDownloadEnd = () => ({
   type: types.UNREGISTEREDTOKENS_DOWNLOAD_END,
 });
 
+export const showSignOracleDataModal = (accept, deny, data, dapp) => ({
+  type: types.SHOW_SIGN_ORACLE_DATA_REQUEST_MODAL,
+  payload: {
+    accept,
+    deny,
+    data,
+    dapp,
+  },
+});
+
 export const showSignMessageWithAddressModal = (accept, deny, data, dapp) => ({
   type: types.SHOW_SIGN_MESSAGE_REQUEST_MODAL,
   payload: {
 
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) Hathor Labs and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React, { useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+import { useNavigation } from '@react-navigation/native';
+import { t } from 'ttag';
+import { StyleSheet, Text } from 'react-native';
+import { COLORS } from '../../../styles/themes';
+import { ModalBase } from '../../ModalBase';
+import { WarnDisclaimer } from '../WarnDisclaimer';
+import { walletConnectReject } from '../../../actions';
+import { WALLETCONNECT_SKIP_CONFIRMATION_MODAL } from '../../../config';
+
+const styles = StyleSheet.create({
+  body: {
+    paddingBottom: 24,
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+  },
+  bold: {
+    fontWeight: 'bold',
+  },
+  selectionContainer: {
+    borderRadius: 8,
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    backgroundColor: COLORS.freeze100,
+  },
+});
+
+export default ({
+  onDismiss,
+  data,
+}) => {
+  const navigation = useNavigation();
+  const dispatch = useDispatch();
+
+  const onReject = () => {
+    onDismiss();
+    dispatch(walletConnectReject());
+  };
+
+  const navigateToSignOracleDataScreen = () => {
+    onDismiss();
+    navigation.navigate('SignOracleDataRequestScreen', { signOracleData: data });
+  };
+
+  useEffect(() => {
+    if (WALLETCONNECT_SKIP_CONFIRMATION_MODAL) {
+      navigateToSignOracleDataScreen();
+    }
+  }, []);
+
+  return (
+    <ModalBase show onDismiss={onReject}>
+      <ModalBase.Title>{t`New Sign Oracle Data Request`}</ModalBase.Title>
+      <ModalBase.Body style={styles.body}>
+        <WarnDisclaimer />
+        <Text style={styles.text}>
+          {t`You have received a new Sign Oracle Data Request. Please`}
+          <Text style={styles.bold}>
+            {' '}{t`carefully review the details`}{' '}
+          </Text>
+          {t`before deciding to accept or decline.`}
+        </Text>
+      </ModalBase.Body>
+      <ModalBase.Button
+        title={t`Review Sign Oracle Data Request details`}
+        onPress={navigateToSignOracleDataScreen}
+      />
+      <ModalBase.DiscreteButton
+        title={t`Cancel`}
+        onPress={onReject}
+      />
+    </ModalBase>
+  );
+};
@@ -0,0 +1,121 @@
+/**
+ * Copyright (c) Hathor Labs and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  StyleSheet,
+  View,
+  ScrollView,
+  TouchableWithoutFeedback,
+  Text,
+} from 'react-native';
+import { useDispatch } from 'react-redux';
+import { useNavigation } from '@react-navigation/native';
+import { t } from 'ttag';
+import {
+  walletConnectAccept,
+  walletConnectReject
+} from '../../actions';
+import { COLORS } from '../../styles/themes';
+import NewHathorButton from '../NewHathorButton';
+import { DappContainer } from './NanoContract/DappContainer';
+import { commonStyles } from './theme';
+import { NanoContractIcon } from '../Icons/NanoContract.icon';
+
+export const SignOracleDataRequestData = ({ data }) => (
+  <View style={[commonStyles.card, commonStyles.cardSplit]}>
+    <View style={commonStyles.cardSplitIcon}>
+      <NanoContractIcon type='fill' color={COLORS.white} />
+    </View>
+    <View style={commonStyles.cardSplitContent}>
+      <View>
+        <Text style={styles.property}>{t`Oracle data to sign`}</Text>
+        <Text style={styles.value}>{data.data}</Text>
+      </View>
+      <View style={commonStyles.cardSeparator} />
+      <View>
+        <Text style={styles.property}>{t`Oracle`}</Text>
+        <Text style={styles.value}>{data.oracle}</Text>
+      </View>
+    </View>
+  </View>
+);
+
+export const SignOracleDataRequest = ({ signOracleData }) => {
+  const { dapp, data } = signOracleData;
+  const { message, address } = data;
+  const dispatch = useDispatch();
+  const navigation = useNavigation();
+
+  const onAcceptSignOracleDataRequest = () => {
+    const acceptedData = { address, message };
+
+    // Signal the user has accepted the current request and pass the accepted data.
+    dispatch(walletConnectAccept(acceptedData));
+    navigation.goBack();
+  };
+
+  const onDeclineTransaction = () => {
+    dispatch(walletConnectReject());
+    navigation.goBack();
+  };
+
+  return (
+    <ScrollView style={styles.wide}>
+      <TouchableWithoutFeedback>
+        <View style={styles.wrapper}>
+          <View style={styles.content}>
+            <DappContainer dapp={dapp} />
+            <SignOracleDataRequestData data={data} />
+            {/* User actions */}
+            <View style={styles.actionContainer}>
+              <NewHathorButton
+                title={t`Accept Request`}
+                onPress={onAcceptSignOracleDataRequest}
+              />
+              <NewHathorButton
+                title={t`Decline Request`}
+                onPress={onDeclineTransaction}
+                secondary
+                danger
+              />
+            </View>
+          </View>
+        </View>
+      </TouchableWithoutFeedback>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  wide: {
+    width: '100%'
+  },
+  wrapper: {
+    flex: 1,
+    paddingHorizontal: 16,
+    backgroundColor: COLORS.lowContrastDetail, // Defines an outer area on the main list content
+  },
+  content: {
+    flex: 1,
+    rowGap: 24,
+    width: '100%',
+    paddingVertical: 16,
+  },
+  balanceReceived: {
+    color: 'hsla(180, 85%, 34%, 1)',
+    fontWeight: 'bold',
+  },
+  actionContainer: {
+    flexDirection: 'column',
+    gap: 8,
+    paddingBottom: 48,
+  },
+  declineModalBody: {
+    paddingBottom: 24,
+  },
+  value: [commonStyles.text, commonStyles.value],
+});
@@ -14,6 +14,7 @@ import ConnectModal from './ConnectModal';
 import { COLORS } from '../../styles/themes';
 import { NewNanoContractTransactionModal } from './NanoContract/NewNanoContractTransactionModal';
 import CreateTokenModal from './CreateTokenModal';
+import SignOracleDataModal from './NanoContract/SignOracleDataModal';
 
 export default () => {
   const dispatch = useDispatch();
@@ -44,6 +45,13 @@ export default () => {
             onDismiss={onDismiss}
           />
         );
+      case WalletConnectModalTypes.SIGN_ORACLE_DATA:
+        return (
+          <SignOracleDataModal
+            {...walletConnectModal}
+            onDismiss={onDismiss}
+          />
+        );
       case WalletConnectModalTypes.SEND_NANO_CONTRACT_TX:
         return (
           <NewNanoContractTransactionModal
@@ -117,4 +125,5 @@ export const WalletConnectModalTypes = {
   SIGN_MESSAGE: 'SIGN_MESSAGE',
   SEND_NANO_CONTRACT_TX: 'SEND_NANO_CONTRACT_TX',
   CREATE_TOKEN: 'CREATE_TOKEN',
+  SIGN_ORACLE_DATA: 'SIGN_ORACLE_DATA',
 };