From 12039b05580cf08e596e397bc3b602ad24ef23d5 Mon Sep 17 00:00:00 2001
From: KKA11010 <m.echerbebo@gmail.com>
Date: Fri, 17 Nov 2023 22:42:34 +0100
Subject: [PATCH 1/5] Fixes #263

---
 src/components/ClipboardModal.tsx | 64 +++++++++++++++++++++++++++++--
 src/context/FocusClaim.tsx        | 56 ++-------------------------
 2 files changed, 65 insertions(+), 55 deletions(-)

diff --git a/src/components/ClipboardModal.tsx b/src/components/ClipboardModal.tsx
index 9366997a..f0d6f13e 100644
--- a/src/components/ClipboardModal.tsx
+++ b/src/components/ClipboardModal.tsx
@@ -1,19 +1,76 @@
+import { getEncodedToken } from '@cashu/cashu-ts'
+import { type RootStackParamList } from '@model/nav'
+import { type NavigationProp, useNavigation } from '@react-navigation/core'
 import { useFocusClaimContext } from '@src/context/FocusClaim'
+import { usePromptContext } from '@src/context/Prompt'
 import { useThemeContext } from '@src/context/Theme'
 import { NS } from '@src/i18n'
-import { globals } from '@styles'
-import { copyStrToClipboard, formatInt, formatMintUrl, formatSatStr } from '@util'
+import { addToHistory } from '@store/latestHistoryEntries'
+import { globals, mainColors } from '@styles'
+import { copyStrToClipboard, formatInt, formatMintUrl, formatSatStr, isErr } from '@util'
+import { claimToken } from '@wallet'
+import { getTokenInfo } from '@wallet/proofs'
 import { useTranslation } from 'react-i18next'
 import { Text } from 'react-native'
 
 import Button, { TxtButton } from './Button'
+import useLoading from './hooks/Loading'
+import Loading from './Loading'
 import MyModal from './modal'
 import Txt from './Txt'
 
+type StackNavigation = NavigationProp<RootStackParamList>
+
 export default function ClipboardModal() {
+	const nav = useNavigation<StackNavigation>()
 	const { t } = useTranslation([NS.common])
 	const { color, highlight } = useThemeContext()
-	const { tokenInfo, claimOpen, closeModal, handleRedeem } = useFocusClaimContext()
+	const { tokenInfo, claimOpen, setClaimOpen, setClaimed, closeModal } = useFocusClaimContext()
+	const { loading, startLoading, stopLoading } = useLoading()
+	const { openPromptAutoClose } = usePromptContext()
+
+	const handleRedeem = async () => {
+		startLoading()
+		if (!tokenInfo) {
+			setClaimOpen(false)
+			return stopLoading()
+		}
+		const encoded = getEncodedToken(tokenInfo.decoded)
+		try {
+			const success = await claimToken(encoded)
+			if (!success) {
+				stopLoading()
+				setClaimOpen(false)
+				return openPromptAutoClose({ msg: t('invalidOrSpent', { ns: NS.common }) })
+			}
+		} catch (e) {
+			stopLoading()
+			setClaimOpen(false)
+			return openPromptAutoClose({ msg: isErr(e) ? e.message : t('claimTokenErr', { ns: NS.error }) })
+		}
+		const info = getTokenInfo(encoded)
+		if (!info) {
+			stopLoading()
+			setClaimOpen(false)
+			return openPromptAutoClose({ msg: t('tokenInfoErr', { ns: NS.common }) })
+		}
+		stopLoading()
+		setClaimOpen(false)
+		// add as history entry (receive ecash)
+		await addToHistory({
+			amount: info.value,
+			type: 1,
+			value: encoded,
+			mints: info.mints,
+		})
+		nav.navigate('success', {
+			amount: info?.value,
+			memo: info?.decoded.memo,
+			isClaim: true
+		})
+		setClaimed(true)
+	}
+
 	return (
 		tokenInfo &&
 		<MyModal type='bottom' animation='slide' visible={claimOpen} close={closeModal}>
@@ -31,6 +88,7 @@ export default function ClipboardModal() {
 			<Button
 				txt={t('accept')}
 				onPress={() => void handleRedeem()}
+				icon={loading ? <Loading color={mainColors.WHITE} /> : undefined}
 			/>
 			<TxtButton
 				txt={t('cancel')}
diff --git a/src/context/FocusClaim.tsx b/src/context/FocusClaim.tsx
index 2cfe763a..e39a6dd7 100644
--- a/src/context/FocusClaim.tsx
+++ b/src/context/FocusClaim.tsx
@@ -1,31 +1,18 @@
-import { getEncodedToken } from '@cashu/cashu-ts'
 import { isIOS } from '@consts'
 import { getMintsUrls } from '@db'
 import { l } from '@log'
 import type { ITokenInfo } from '@model'
-import type { RootStackParamList } from '@model/nav'
-import { type NavigationProp, useNavigation } from '@react-navigation/core'
-import { NS } from '@src/i18n'
 import { store } from '@store'
 import { STORE_KEYS } from '@store/consts'
-import { addToHistory } from '@store/latestHistoryEntries'
-import { getStrFromClipboard, hasTrustedMint, isCashuToken, isErr, sleep } from '@util'
-import { claimToken, isTokenSpendable } from '@wallet'
+import { getStrFromClipboard, hasTrustedMint, isCashuToken, sleep } from '@util'
+import { isTokenSpendable } from '@wallet'
 import { getTokenInfo } from '@wallet/proofs'
 import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { AppState } from 'react-native'
 
-import { usePromptContext } from './Prompt'
-
-type StackNavigation = NavigationProp<RootStackParamList>
-
 const useFocusClaim = () => {
-	const { t } = useTranslation([NS.error])
 	// back-foreground state reference
 	const appState = useRef(AppState.currentState)
-	const nav = useNavigation<StackNavigation>()
-	const { openPromptAutoClose } = usePromptContext()
 	const [claimed, setClaimed] = useState(false)
 	// modal
 	const [claimOpen, setClaimOpen] = useState(false)
@@ -69,40 +56,6 @@ const useFocusClaim = () => {
 		}
 	}
 
-	const handleRedeem = async () => {
-		if (!tokenInfo) { return }
-		setClaimOpen(false)
-		const encoded = getEncodedToken(tokenInfo.decoded)
-		try {
-			const success = await claimToken(encoded).catch(l)
-			if (!success) {
-				openPromptAutoClose({ msg: t('invalidOrSpent', { ns: NS.common }) })
-				return
-			}
-		} catch (e) {
-			openPromptAutoClose({ msg: isErr(e) ? e.message : t('claimTokenErr') })
-			return
-		}
-		const info = getTokenInfo(encoded)
-		if (!info) {
-			openPromptAutoClose({ msg: t('tokenInfoErr', { ns: NS.common }) })
-			return
-		}
-		// add as history entry (receive ecash)
-		await addToHistory({
-			amount: info.value,
-			type: 1,
-			value: encoded,
-			mints: info.mints,
-		})
-		nav.navigate('success', {
-			amount: info?.value,
-			memo: info?.decoded.memo,
-			isClaim: true
-		})
-		setClaimed(true)
-	}
-
 	useEffect(() => {
 		// disable foreground claim on iOS
 		if (isIOS) { return }
@@ -129,9 +82,9 @@ const useFocusClaim = () => {
 		claimed,
 		setClaimed,
 		claimOpen,
+		setClaimOpen,
 		closeModal,
 		tokenInfo,
-		handleRedeem
 	}
 }
 type useFocusClaimType = ReturnType<typeof useFocusClaim>
@@ -144,10 +97,9 @@ const FocusClaimCtx = createContext<useFocusClaimType>({
 	claimed: false,
 	setClaimed: () => l(''),
 	claimOpen: false,
+	setClaimOpen: () => l(''),
 	closeModal: () => l(''),
 	tokenInfo: undefined,
-	// eslint-disable-next-line @typescript-eslint/await-thenable, no-return-await
-	handleRedeem: async () => await l('')
 })
 
 export const useFocusClaimContext = () => useContext(FocusClaimCtx)

From 76b329827392676108a86bb29afe7a0d9dce9c6a Mon Sep 17 00:00:00 2001
From: KKA11010 <m.echerbebo@gmail.com>
Date: Sun, 19 Nov 2023 15:31:39 +0100
Subject: [PATCH 2/5] setup sourcemap for sentry

---
 config/jest.config.ts       |  2 +-
 package-lock.json           |  2 +-
 package.json                | 10 +++++-----
 src/{AppEntry.ts => App.ts} |  0
 4 files changed, 7 insertions(+), 7 deletions(-)
 rename src/{AppEntry.ts => App.ts} (100%)

diff --git a/config/jest.config.ts b/config/jest.config.ts
index 3dbf4b5c..319a7ac8 100644
--- a/config/jest.config.ts
+++ b/config/jest.config.ts
@@ -53,7 +53,7 @@ export default (): JestConfigWithTsJest => ({
 		// '!**/src/styles/**',
 		'!**/src/consts/**',
 		// '!**/src/components/**',
-		'!**/src/AppEntry.ts',
+		'!**/src/App.ts',
 		'!**/src/shim.ts',
 		// '!**/src/storage/store/AsyncStore.ts',
 		'!**/src/storage/store/SecureStore.ts',
diff --git a/package-lock.json b/package-lock.json
index c4f04d86..720ff227 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
 				"@react-navigation/core": "^6.4.10",
 				"@react-navigation/native": "^6.1.9",
 				"@react-navigation/native-stack": "^6.9.17",
-				"@sentry/react-native": "5.5.0",
+				"@sentry/react-native": "^5.5.0",
 				"@shopify/flash-list": "1.4.3",
 				"crypto-js": "4.2.0",
 				"expo": "^49.0.18",
diff --git a/package.json b/package.json
index a7975c62..d2683df1 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
 		"cpd:tsx": "npx -y jscpd -c config/cpd.config.tsx.json src",
 		"cpd": "npm run cpd:ts && npm run cpd:tsx",
 		"deps:c": "npx -y madge --circular --ts-config tsconfig.json --extensions ts,tsx .",
-		"eas-build-pre-install": "echo \"require('./src/AppEntry.ts')\" > index.js",
+		"eas-build-pre-install": "echo \"require('./src/App.ts')\" > index.js",
 		"update-translations": "node utils/update-translations.js",
 		"android": "expo run:android"
 	},
@@ -44,7 +44,7 @@
 		"@react-navigation/core": "^6.4.10",
 		"@react-navigation/native": "^6.1.9",
 		"@react-navigation/native-stack": "^6.9.17",
-		"@sentry/react-native": "5.5.0",
+		"@sentry/react-native": "^5.5.0",
 		"@shopify/flash-list": "1.4.3",
 		"crypto-js": "4.2.0",
 		"expo": "^49.0.18",
@@ -84,6 +84,7 @@
 		"text-encoding-polyfill": "^0.6.7"
 	},
 	"devDependencies": {
+		"@babel/core": "^7.23.3",
 		"@babel/plugin-proposal-private-methods": "^7.18.6",
 		"@getify/eslint-plugin-proper-arrows": "^11.0.3",
 		"@testing-library/react-native": "^12.4.0",
@@ -118,8 +119,7 @@
 		"ts-jest-resolver": "^2.0.1",
 		"ts-node": "^10.9.1",
 		"typescript": "^5.2.2",
-		"websql": "^2.0.3",
-		"@babel/core": "^7.23.3"
+		"websql": "^2.0.3"
 	},
 	"homepage": ".",
 	"contributors": [
@@ -156,5 +156,5 @@
 	"bugs": {
 		"url": "https://github.com/cashubtc/eNuts/issues"
 	},
-	"main": "src/AppEntry.ts"
+	"main": "src/App.ts"
 }
diff --git a/src/AppEntry.ts b/src/App.ts
similarity index 100%
rename from src/AppEntry.ts
rename to src/App.ts

From 24a2e95b02d11975d3c7da7176c751e9b5bc144d Mon Sep 17 00:00:00 2001
From: KKA11010 <m.echerbebo@gmail.com>
Date: Sun, 19 Nov 2023 15:35:14 +0100
Subject: [PATCH 3/5] bump to 0.1.1-beta

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d2683df1..012a7ed9 100644
--- a/package.json
+++ b/package.json
@@ -151,7 +151,7 @@
 		"blind-signatures",
 		"lightning-network"
 	],
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"license": "AGPL-3.0-only",
 	"bugs": {
 		"url": "https://github.com/cashubtc/eNuts/issues"

From c72d5afc92456402cd60a74a45d4b32442bdb9a1 Mon Sep 17 00:00:00 2001
From: KKA11010 <m.echerbebo@gmail.com>
Date: Sun, 19 Nov 2023 17:52:34 +0100
Subject: [PATCH 4/5] remove navigation event that exits app

---
 src/components/App.tsx    | 3 +++
 src/screens/Dashboard.tsx | 9 +--------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 6a4ffbe7..351867eb 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -140,6 +140,9 @@ function _App() {
 	}
 
 	const handlePinForeground = async () => {
+		// check if app has pw
+		const pw = await secureStore.get(SECURESTORE_KEY)
+		if (isNull(pw)) { return }
 		// check if app is locked
 		const now = Math.ceil(Date.now() / 1000)
 		const lockData = await store.getObj<ILockData>(STORE_KEYS.lock)
diff --git a/src/screens/Dashboard.tsx b/src/screens/Dashboard.tsx
index 95da99b7..119313cf 100644
--- a/src/screens/Dashboard.tsx
+++ b/src/screens/Dashboard.tsx
@@ -29,7 +29,7 @@ import { claimToken, getMintsForPayment } from '@wallet'
 import { getTokenInfo } from '@wallet/proofs'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { BackHandler, StyleSheet, TouchableOpacity, View } from 'react-native'
+import { StyleSheet, TouchableOpacity, View } from 'react-native'
 
 export default function Dashboard({ navigation, route }: TDashboardPageProps) {
 	const { t } = useTranslation([NS.common])
@@ -284,13 +284,6 @@ export default function Dashboard({ navigation, route }: TDashboardPageProps) {
 		return focusHandler
 	}, [navigation])
 
-	// prevent back navigation - https://reactnavigation.org/docs/preventing-going-back/
-	useEffect(() => {
-		const backHandler = () => BackHandler.exitApp()
-		navigation.addListener('beforeRemove', backHandler)
-		return () => navigation.removeListener('beforeRemove', backHandler)
-	}, [navigation])
-
 	return (
 		<View style={[styles.container, { backgroundColor: color.BACKGROUND }]}>
 			{/* Balance, Disclaimer & History */}

From 3ec61b8a5b8fbf0eba29ef83baa891dbbae71f83 Mon Sep 17 00:00:00 2001
From: KKA11010 <m.echerbebo@gmail.com>
Date: Sun, 19 Nov 2023 18:49:46 +0100
Subject: [PATCH 5/5] prevent going back from dashboard

---
 src/screens/Auth/index.tsx |  2 --
 src/screens/Dashboard.tsx  | 10 +++++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/screens/Auth/index.tsx b/src/screens/Auth/index.tsx
index 8ffdb3cb..7d378a58 100644
--- a/src/screens/Auth/index.tsx
+++ b/src/screens/Auth/index.tsx
@@ -124,7 +124,6 @@ export default function AuthPage({ navigation, route }: TAuthPageProps) {
 				return
 			}
 			setSuccess(true)
-			// navigate to dashboard
 			navigation.navigate(shouldRemove ? 'Security settings' : 'dashboard')
 			return
 		}
@@ -183,7 +182,6 @@ export default function AuthPage({ navigation, route }: TAuthPageProps) {
 		}
 		// skip pin setup
 		await store.set(STORE_KEYS.pinSkipped, '1')
-		// check if initial explainer has been viewed
 		navigation.navigate(shouldEdit ? 'Security settings' : 'dashboard')
 
 	}
diff --git a/src/screens/Dashboard.tsx b/src/screens/Dashboard.tsx
index 119313cf..25e541fb 100644
--- a/src/screens/Dashboard.tsx
+++ b/src/screens/Dashboard.tsx
@@ -11,8 +11,9 @@ import { addMint, getBalance, getMintsUrls, hasMints } from '@db'
 import { l } from '@log'
 import OptsModal from '@modal/OptsModal'
 import TrustMintModal from '@modal/TrustMint'
-import type { TDashboardPageProps } from '@model/nav'
+import type { TBeforeRemoveEvent, TDashboardPageProps } from '@model/nav'
 import BottomNav from '@nav/BottomNav'
+import { preventBack } from '@nav/utils'
 import { useFocusClaimContext } from '@src/context/FocusClaim'
 import { useInitialURL } from '@src/context/Linking'
 import { useNostrContext } from '@src/context/Nostr'
@@ -284,6 +285,13 @@ export default function Dashboard({ navigation, route }: TDashboardPageProps) {
 		return focusHandler
 	}, [navigation])
 
+	// prevent back navigation - https://reactnavigation.org/docs/preventing-going-back/
+	useEffect(() => {
+		const backHandler = (e: TBeforeRemoveEvent) => preventBack(e, navigation.dispatch)
+		navigation.addListener('beforeRemove', backHandler)
+		return () => navigation.removeListener('beforeRemove', backHandler)
+	}, [navigation])
+
 	return (
 		<View style={[styles.container, { backgroundColor: color.BACKGROUND }]}>
 			{/* Balance, Disclaimer & History */}