From d23c5f6d6e95f63bdaca5039b489fdbf70b96357 Mon Sep 17 00:00:00 2001
From: Ivan Vershigora <ivan.vershigora@gmail.com>
Date: Wed, 28 Jun 2023 13:34:24 +0100
Subject: [PATCH] feat: lnurl withdraw specify amount

---
 .../bottom-sheet/LNURLWithdrawNavigation.tsx  |  69 ++++++
 src/navigation/root/RootNavigator.tsx         |   2 +
 src/navigation/types/index.ts                 |   4 +
 src/screens/Wallets/LNURLWithdraw/Amount.tsx  | 219 ++++++++++++++++++
 src/screens/Wallets/LNURLWithdraw/Confirm.tsx | 101 ++++++++
 .../Wallets/LNURLWithdraw/LNURLWNumberpad.tsx |  60 +++++
 src/store/shapes/ui.ts                        |   1 +
 src/store/types/ui.ts                         |   3 +
 src/utils/i18n/locales/en/wallet.json         |   8 +-
 src/utils/lnurl.ts                            |  28 +--
 src/utils/scanner.ts                          |  37 ++-
 11 files changed, 499 insertions(+), 33 deletions(-)
 create mode 100644 src/navigation/bottom-sheet/LNURLWithdrawNavigation.tsx
 create mode 100644 src/screens/Wallets/LNURLWithdraw/Amount.tsx
 create mode 100644 src/screens/Wallets/LNURLWithdraw/Confirm.tsx
 create mode 100644 src/screens/Wallets/LNURLWithdraw/LNURLWNumberpad.tsx

diff --git a/src/navigation/bottom-sheet/LNURLWithdrawNavigation.tsx b/src/navigation/bottom-sheet/LNURLWithdrawNavigation.tsx
new file mode 100644
index 000000000..d6917d334
--- /dev/null
+++ b/src/navigation/bottom-sheet/LNURLWithdrawNavigation.tsx
@@ -0,0 +1,69 @@
+import React, { ReactElement, memo } from 'react';
+import { useSelector } from 'react-redux';
+import {
+	NativeStackNavigationOptions,
+	NativeStackNavigationProp,
+	createNativeStackNavigator,
+} from '@react-navigation/native-stack';
+import { LNURLWithdrawParams } from 'js-lnurl';
+
+import BottomSheetWrapper from '../../components/BottomSheetWrapper';
+import { __E2E__ } from '../../constants/env';
+import { useSnapPoints } from '../../hooks/bottomSheet';
+import Amount from '../../screens/Wallets/LNURLWithdraw/Amount';
+import Confirm from '../../screens/Wallets/LNURLWithdraw/Confirm';
+import { viewControllerSelector } from '../../store/reselect/ui';
+import { NavigationContainer } from '../../styles/components';
+
+export type LNURLWithdrawNavigationProp =
+	NativeStackNavigationProp<LNURLWithdrawStackParamList>;
+
+export type LNURLWithdrawStackParamList = {
+	Amount: { wParams: LNURLWithdrawParams };
+	Confirm: { amount: number; wParams: LNURLWithdrawParams };
+};
+
+const Stack = createNativeStackNavigator<LNURLWithdrawStackParamList>();
+
+const screenOptions: NativeStackNavigationOptions = {
+	headerShown: false,
+	...(__E2E__ ? { animationDuration: 0 } : {}),
+};
+
+const LNURLWithdrawNavigation = (): ReactElement => {
+	const snapPoints = useSnapPoints('large');
+	const { isOpen, wParams } = useSelector((state) => {
+		return viewControllerSelector(state, 'lnurlWithdraw');
+	});
+
+	if (!wParams) {
+		return <></>;
+	}
+
+	// if max === min withdrawable amount, skip the Amount screen
+	const initialRouteName =
+		wParams.minWithdrawable === wParams.maxWithdrawable ? 'Confirm' : 'Amount';
+
+	return (
+		<BottomSheetWrapper view="lnurlWithdraw" snapPoints={snapPoints}>
+			<NavigationContainer key={isOpen.toString()}>
+				<Stack.Navigator
+					screenOptions={screenOptions}
+					initialRouteName={initialRouteName}>
+					<Stack.Screen
+						name="Amount"
+						component={Amount}
+						initialParams={{ wParams }}
+					/>
+					<Stack.Screen
+						name="Confirm"
+						component={Confirm}
+						initialParams={{ wParams, amount: wParams.minWithdrawable }}
+					/>
+				</Stack.Navigator>
+			</NavigationContainer>
+		</BottomSheetWrapper>
+	);
+};
+
+export default memo(LNURLWithdrawNavigation);
diff --git a/src/navigation/root/RootNavigator.tsx b/src/navigation/root/RootNavigator.tsx
index 07d288c3c..d837b992e 100644
--- a/src/navigation/root/RootNavigator.tsx
+++ b/src/navigation/root/RootNavigator.tsx
@@ -58,6 +58,7 @@ import BackupNavigation from '../bottom-sheet/BackupNavigation';
 import PINNavigation from '../bottom-sheet/PINNavigation';
 import ForceTransfer from '../bottom-sheet/ForceTransfer';
 import CloseChannelSuccess from '../bottom-sheet/CloseChannelSuccess';
+import LNURLWithdrawNavigation from '../bottom-sheet/LNURLWithdrawNavigation';
 import { __E2E__ } from '../../constants/env';
 import type { RootStackParamList } from '../types';
 
@@ -244,6 +245,7 @@ const RootNavigator = (): ReactElement => {
 			<ForceTransfer />
 			<CloseChannelSuccess />
 			<BackupSubscriber />
+			<LNURLWithdrawNavigation />
 
 			<Dialog
 				visible={showDialog && isAuthenticated}
diff --git a/src/navigation/types/index.ts b/src/navigation/types/index.ts
index f0364aa2a..d62a014b2 100644
--- a/src/navigation/types/index.ts
+++ b/src/navigation/types/index.ts
@@ -21,6 +21,7 @@ import type { PinStackParamList } from '../bottom-sheet/PINNavigation';
 import type { ProfileLinkStackParamList } from '../bottom-sheet/ProfileLinkNavigation';
 import type { ReceiveStackParamList } from '../bottom-sheet/ReceiveNavigation';
 import type { SendStackParamList } from '../bottom-sheet/SendNavigation';
+import type { LNURLWithdrawStackParamList } from '../bottom-sheet/LNURLWithdrawNavigation';
 
 // TODO: move all navigation related types here
 // https://reactnavigation.org/docs/typescript#organizing-types
@@ -105,3 +106,6 @@ export type ReceiveScreenProps<T extends keyof ReceiveStackParamList> =
 
 export type SendScreenProps<T extends keyof SendStackParamList> =
 	NativeStackScreenProps<SendStackParamList, T>;
+
+export type LNURLWithdrawProps<T extends keyof LNURLWithdrawStackParamList> =
+	NativeStackScreenProps<LNURLWithdrawStackParamList, T>;
diff --git a/src/screens/Wallets/LNURLWithdraw/Amount.tsx b/src/screens/Wallets/LNURLWithdraw/Amount.tsx
new file mode 100644
index 000000000..9be8f7c5f
--- /dev/null
+++ b/src/screens/Wallets/LNURLWithdraw/Amount.tsx
@@ -0,0 +1,219 @@
+import React, {
+	ReactElement,
+	memo,
+	useCallback,
+	useMemo,
+	useState,
+	useEffect,
+} from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useTranslation } from 'react-i18next';
+
+import LNURLWNumberpad from './LNURLWNumberpad';
+import { TouchableOpacity } from '../../../styles/components';
+import { Caption13Up, Text02B } from '../../../styles/text';
+import { SwitchIcon } from '../../../styles/icons';
+import { IColors } from '../../../styles/colors';
+import GradientView from '../../../components/GradientView';
+import BottomSheetNavigationHeader from '../../../components/BottomSheetNavigationHeader';
+import SafeAreaInset from '../../../components/SafeAreaInset';
+import Money from '../../../components/Money';
+import NumberPadTextField from '../../../components/NumberPadTextField';
+import Button from '../../../components/Button';
+import { EBalanceUnit } from '../../../store/types/wallet';
+import { sendMax } from '../../../utils/wallet/transactions';
+import {
+	selectedNetworkSelector,
+	selectedWalletSelector,
+} from '../../../store/reselect/wallet';
+import { balanceUnitSelector } from '../../../store/reselect/settings';
+import { useSwitchUnit } from '../../../hooks/wallet';
+import { useCurrency } from '../../../hooks/displayValues';
+import { getNumberPadText } from '../../../utils/numberpad';
+import { convertToSats } from '../../../utils/conversion';
+import type { LNURLWithdrawProps } from '../../../navigation/types';
+
+const Amount = ({
+	navigation,
+	route,
+}: LNURLWithdrawProps<'Amount'>): ReactElement => {
+	const { t } = useTranslation('wallet');
+	const { wParams } = route.params;
+	const { minWithdrawable, maxWithdrawable } = wParams;
+	const { fiatTicker } = useCurrency();
+	const [nextUnit, switchUnit] = useSwitchUnit();
+	const selectedWallet = useSelector(selectedWalletSelector);
+	const selectedNetwork = useSelector(selectedNetworkSelector);
+	const unit = useSelector(balanceUnitSelector);
+	const [text, setText] = useState('');
+	const [error, setError] = useState(false);
+
+	// Set initial text for NumberPadTextField
+	useEffect(() => {
+		const result = getNumberPadText(minWithdrawable, unit);
+		setText(result);
+	}, [selectedWallet, selectedNetwork, minWithdrawable, unit]);
+
+	const amount = useMemo((): number => {
+		return convertToSats(text, unit);
+	}, [text, unit]);
+
+	const maxWithdrawableProps = {
+		...(unit !== EBalanceUnit.fiat ? { symbol: true } : { showFiat: true }),
+		...(error && { color: 'brand' as keyof IColors }),
+	};
+
+	const isMaxSendAmount = amount === maxWithdrawable;
+
+	const onChangeUnit = (): void => {
+		const result = getNumberPadText(amount, nextUnit);
+		setText(result);
+		switchUnit();
+	};
+
+	const onMaxAmount = useCallback((): void => {
+		const result = getNumberPadText(maxWithdrawable, unit);
+		setText(result);
+		sendMax({ selectedWallet, selectedNetwork });
+	}, [maxWithdrawable, unit, selectedWallet, selectedNetwork]);
+
+	const onError = (): void => {
+		setError(true);
+		setTimeout(() => setError(false), 500);
+	};
+
+	const isValid = amount >= minWithdrawable && amount <= maxWithdrawable;
+
+	return (
+		<GradientView style={styles.container}>
+			<BottomSheetNavigationHeader title={t('lnurl_w_title')} />
+			<View style={styles.content}>
+				<NumberPadTextField value={text} testID="SendNumberField" />
+
+				<View style={styles.numberPad} testID="SendAmountNumberPad">
+					<View style={styles.actions}>
+						<View>
+							<Caption13Up style={styles.maxWithdrawableText} color="gray1">
+								{t('lnurl_w_max')}
+							</Caption13Up>
+							<Money
+								key="small"
+								sats={maxWithdrawable}
+								size="text02m"
+								decimalLength="long"
+								testID="maxWithdrawable"
+								{...maxWithdrawableProps}
+							/>
+						</View>
+						<View style={styles.actionButtons}>
+							<View style={styles.actionButtonContainer}>
+								<TouchableOpacity
+									style={styles.actionButton}
+									color="white08"
+									testID="SendNumberPadMax"
+									onPress={onMaxAmount}>
+									<Text02B
+										size="12px"
+										color={isMaxSendAmount ? 'orange' : 'brand'}>
+										{t('send_max')}
+									</Text02B>
+								</TouchableOpacity>
+							</View>
+
+							<View style={styles.actionButtonContainer}>
+								<TouchableOpacity
+									style={styles.actionButton}
+									color="white08"
+									onPress={onChangeUnit}
+									testID="SendNumberPadUnit">
+									<SwitchIcon color="brand" width={16.44} height={13.22} />
+									<Text02B
+										style={styles.actionButtonText}
+										size="12px"
+										color="brand">
+										{nextUnit === 'BTC' && 'BTC'}
+										{nextUnit === 'satoshi' && 'sats'}
+										{nextUnit === 'fiat' && fiatTicker}
+									</Text02B>
+								</TouchableOpacity>
+							</View>
+						</View>
+					</View>
+
+					<LNURLWNumberpad
+						value={text}
+						maxAmount={maxWithdrawable}
+						onChange={setText}
+						onError={onError}
+					/>
+				</View>
+
+				<View style={styles.buttonContainer}>
+					<Button
+						size="large"
+						text={t('continue')}
+						disabled={!isValid}
+						testID="ContinueAmount"
+						onPress={(): void => {
+							navigation.navigate('Confirm', { amount, wParams });
+						}}
+					/>
+				</View>
+			</View>
+			<SafeAreaInset type="bottom" minPadding={16} />
+		</GradientView>
+	);
+};
+
+const styles = StyleSheet.create({
+	container: {
+		flex: 1,
+	},
+	content: {
+		flex: 1,
+		paddingHorizontal: 16,
+	},
+	numberPad: {
+		flex: 1,
+		marginTop: 'auto',
+		maxHeight: 450,
+	},
+	actions: {
+		borderBottomColor: 'rgba(255, 255, 255, 0.1)',
+		borderBottomWidth: 1,
+		marginTop: 28,
+		marginBottom: 5,
+		paddingBottom: 16,
+		flexDirection: 'row',
+		justifyContent: 'space-between',
+		alignItems: 'flex-end',
+	},
+	maxWithdrawableText: {
+		marginBottom: 5,
+	},
+	actionButtons: {
+		flexDirection: 'row',
+		justifyContent: 'flex-end',
+		marginLeft: 'auto',
+	},
+	actionButtonContainer: {
+		alignItems: 'center',
+	},
+	actionButton: {
+		marginLeft: 16,
+		paddingVertical: 7,
+		paddingHorizontal: 8,
+		borderRadius: 8,
+		flexDirection: 'row',
+		alignItems: 'center',
+	},
+	actionButtonText: {
+		marginLeft: 11,
+	},
+	buttonContainer: {
+		justifyContent: 'flex-end',
+	},
+});
+
+export default memo(Amount);
diff --git a/src/screens/Wallets/LNURLWithdraw/Confirm.tsx b/src/screens/Wallets/LNURLWithdraw/Confirm.tsx
new file mode 100644
index 000000000..6ba53372a
--- /dev/null
+++ b/src/screens/Wallets/LNURLWithdraw/Confirm.tsx
@@ -0,0 +1,101 @@
+import React, { ReactElement, memo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useTranslation } from 'react-i18next';
+
+import BottomSheetNavigationHeader from '../../../components/BottomSheetNavigationHeader';
+import GradientView from '../../../components/GradientView';
+import AmountToggle from '../../../components/AmountToggle';
+import type { LNURLWithdrawProps } from '../../../navigation/types';
+import SafeAreaInset from '../../../components/SafeAreaInset';
+import Button from '../../../components/Button';
+import {
+	selectedNetworkSelector,
+	selectedWalletSelector,
+} from '../../../store/reselect/wallet';
+import GlowImage from '../../../components/GlowImage';
+import { handleLnurlWithdraw } from '../../../utils/lnurl';
+import { closeBottomSheet } from '../../../store/actions/ui';
+import { Text01S } from '../../../styles/text';
+import { showToast } from '../../../utils/notifications';
+
+const imageSrc = require('../../../assets/illustrations/transfer.png');
+
+const Confirm = ({ route }: LNURLWithdrawProps<'Confirm'>): ReactElement => {
+	const { t } = useTranslation('wallet');
+	const { amount, wParams } = route.params;
+	const selectedWallet = useSelector(selectedWalletSelector);
+	const selectedNetwork = useSelector(selectedNetworkSelector);
+
+	const [isLoading, setIsLoading] = useState(false);
+
+	const handlePress = async (): Promise<void> => {
+		setIsLoading(true);
+		const res = await handleLnurlWithdraw({
+			amount,
+			params: wParams,
+			selectedNetwork,
+			selectedWallet,
+		});
+		setIsLoading(false);
+		if (res.isErr()) {
+			return;
+		}
+		closeBottomSheet('lnurlWithdraw');
+		showToast({
+			type: 'success',
+			title: t('lnurl_w_success_title'),
+			description: t('lnurl_w_success_description'),
+		});
+	};
+
+	return (
+		<>
+			<GradientView style={styles.container}>
+				<BottomSheetNavigationHeader
+					title={t('lnurl_w_title')}
+					displayBackButton={
+						wParams.minWithdrawable !== wParams.maxWithdrawable
+					}
+				/>
+				<View style={styles.content}>
+					<AmountToggle
+						style={styles.amountToggle}
+						sats={amount}
+						reverse={true}
+						space={12}
+					/>
+					<Text01S color="white5">{t('lnurl_w_text')}</Text01S>
+					<GlowImage image={imageSrc} imageSize={170} glowColor="brand" />
+					<View style={styles.buttonContainer}>
+						<Button
+							size="large"
+							text={t('lnurl_w_button')}
+							disabled={isLoading}
+							onPress={handlePress}
+						/>
+					</View>
+				</View>
+				<SafeAreaInset type="bottom" minPadding={16} />
+			</GradientView>
+		</>
+	);
+};
+
+const styles = StyleSheet.create({
+	container: {
+		flex: 1,
+	},
+	content: {
+		flex: 1,
+		paddingHorizontal: 16,
+	},
+	amountToggle: {
+		marginBottom: 32,
+	},
+	buttonContainer: {
+		marginTop: 'auto',
+	},
+});
+
+export default memo(Confirm);
diff --git a/src/screens/Wallets/LNURLWithdraw/LNURLWNumberpad.tsx b/src/screens/Wallets/LNURLWithdraw/LNURLWNumberpad.tsx
new file mode 100644
index 000000000..329955b0b
--- /dev/null
+++ b/src/screens/Wallets/LNURLWithdraw/LNURLWNumberpad.tsx
@@ -0,0 +1,60 @@
+import React, { memo, ReactElement, useState } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import NumberPad from '../../../components/NumberPad';
+import { vibrate } from '../../../utils/helpers';
+import { EBalanceUnit } from '../../../store/types/wallet';
+import { handleNumberPadPress } from '../../../utils/numberpad';
+import { convertToSats } from '../../../utils/conversion';
+import { balanceUnitSelector } from '../../../store/reselect/settings';
+
+const LNURLWNumberpad = ({
+	value,
+	maxAmount,
+	onChange,
+	onError,
+	style,
+}: {
+	value: string;
+	maxAmount: number;
+	onChange: (value: string) => void;
+	onError: () => void;
+	style?: StyleProp<ViewStyle>;
+}): ReactElement => {
+	const [errorKey, setErrorKey] = useState<string>();
+	const unit = useSelector(balanceUnitSelector);
+
+	const maxDecimals = unit === EBalanceUnit.BTC ? 8 : 2;
+	const maxLength = unit === EBalanceUnit.satoshi ? 10 : 20;
+	const numberPadType = unit === EBalanceUnit.satoshi ? 'integer' : 'decimal';
+
+	const onPress = (key: string): void => {
+		const newValue = handleNumberPadPress(key, value, {
+			maxLength,
+			maxDecimals,
+		});
+
+		const amount = convertToSats(newValue, unit);
+
+		if (amount <= maxAmount) {
+			onChange(newValue);
+		} else {
+			onError();
+			vibrate({ type: 'notificationWarning' });
+			setErrorKey(key);
+			setTimeout(() => setErrorKey(undefined), 500);
+		}
+	};
+
+	return (
+		<NumberPad
+			style={style}
+			type={numberPadType}
+			errorKey={errorKey}
+			onPress={onPress}
+		/>
+	);
+};
+
+export default memo(LNURLWNumberpad);
diff --git a/src/store/shapes/ui.ts b/src/store/shapes/ui.ts
index 13eb83e2c..30c69a23e 100644
--- a/src/store/shapes/ui.ts
+++ b/src/store/shapes/ui.ts
@@ -23,6 +23,7 @@ export const defaultViewControllers: IUi['viewControllers'] = {
 	slashauthModal: defaultViewController,
 	timeRangePrompt: defaultViewController,
 	tagsPrompt: defaultViewController,
+	lnurlWithdraw: defaultViewController,
 };
 
 export const defaultUiShape: IUi = {
diff --git a/src/store/types/ui.ts b/src/store/types/ui.ts
index 8c869d61c..01fa6bd1c 100644
--- a/src/store/types/ui.ts
+++ b/src/store/types/ui.ts
@@ -1,3 +1,4 @@
+import { LNURLWithdrawParams } from 'js-lnurl';
 import { IActivityItem, TOnchainActivityItem } from './activity';
 import { SendStackParamList } from '../../navigation/bottom-sheet/SendNavigation';
 
@@ -20,6 +21,7 @@ export type ViewControllerParamList = {
 	slashauthModal: { url: string };
 	timeRangePrompt: undefined;
 	tagsPrompt: undefined;
+	lnurlWithdraw: { wParams: LNURLWithdrawParams };
 };
 
 export type TViewController = keyof ViewControllerParamList;
@@ -40,6 +42,7 @@ export type IViewControllerData = {
 	showLaterButton?: boolean;
 	txId?: string;
 	url?: string;
+	wParams?: LNURLWithdrawParams;
 };
 
 export type TProfileLink = {
diff --git a/src/utils/i18n/locales/en/wallet.json b/src/utils/i18n/locales/en/wallet.json
index a113cb4fd..5be49cfd2 100644
--- a/src/utils/i18n/locales/en/wallet.json
+++ b/src/utils/i18n/locales/en/wallet.json
@@ -153,5 +153,11 @@
 	"filter_apply": "Apply",
 	"reorg_detected": "Reorg Detected",
 	"reorg_msg_begin": "{count, plural, one {# of your transactions is no longer confirmed.} other {# of your transactions are no longer confirmed.}}",
-	"reorg_msg_end": "Please check your activity list for affected transactions."
+	"reorg_msg_end": "Please check your activity list for affected transactions.",
+	"lnurl_w_title": "Withdraw Bitcoin",
+	"lnurl_w_max": "AvailablE TO WITHDRAW",
+	"lnurl_w_text": "The funds you withdraw will be deposited into your Bitkit spending balance.",
+	"lnurl_w_button": "Withdraw",
+	"lnurl_w_success_title": "Success",
+	"lnurl_w_success_description": "Withdraw Requested Successful"
 }
diff --git a/src/utils/lnurl.ts b/src/utils/lnurl.ts
index 00912e0a9..a52b1419f 100644
--- a/src/utils/lnurl.ts
+++ b/src/utils/lnurl.ts
@@ -15,7 +15,6 @@ import { err, ok, Result } from '@synonymdev/result';
 import { showToast } from './notifications';
 import {
 	addPeer,
-	getLightningBalance,
 	getNodeIdFromStorage,
 	getPeersFromStorage,
 } from './lightning';
@@ -263,16 +262,19 @@ export const handleLnurlAuth = async ({
 
 /**
  * Handles LNURL Withdraw Requests.
+ * @param {number} amount
  * @param {LNURLWithdrawParams} params
  * @param {TWalletName} [selectedWallet]
  * @param {TAvailableNetworks} [selectedNetwork]
  * @returns {Promise<Result<TProcessedData>>}
  */
 export const handleLnurlWithdraw = async ({
+	amount,
 	params,
 	selectedWallet,
 	selectedNetwork,
 }: {
+	amount: number;
 	params: LNURLWithdrawParams;
 	selectedWallet?: TWalletName;
 	selectedNetwork?: TAvailableNetworks;
@@ -284,30 +286,10 @@ export const handleLnurlWithdraw = async ({
 		selectedNetwork = getSelectedNetwork();
 	}
 
-	const amountSats = Math.floor(params.maxWithdrawable / 1000); //Convert msats to sats.
-	const description = params.defaultDescription;
-
-	// Determine if we have enough receiving capacity before proceeding.
-	const lightningBalance = getLightningBalance({
-		selectedWallet,
-		selectedNetwork,
-		includeReserveBalance: false,
-	});
-
-	if (lightningBalance.remoteBalance < amountSats) {
-		const message = i18n.t('other:lnurl_withdr_error_no_capacity');
-		showToast({
-			type: 'error',
-			title: i18n.t('other:lnurl_withdr_error'),
-			description: message,
-		});
-		return err(message);
-	}
-
 	const invoice = await createLightningInvoice({
 		expiryDeltaSeconds: 3600,
-		amountSats,
-		description,
+		amountSats: amount,
+		description: params.defaultDescription ?? '',
 		selectedWallet,
 		selectedNetwork,
 	});
diff --git a/src/utils/scanner.ts b/src/utils/scanner.ts
index 0c870fc23..a740b4410 100644
--- a/src/utils/scanner.ts
+++ b/src/utils/scanner.ts
@@ -28,7 +28,11 @@ import { updateSendTransaction } from '../store/actions/wallet';
 import { getBalance, getSelectedNetwork, getSelectedWallet } from './wallet';
 import { showBottomSheet, closeBottomSheet } from '../store/actions/ui';
 import { handleSlashtagURL } from './slashtags';
-import { addPeer, decodeLightningInvoice } from './lightning';
+import {
+	addPeer,
+	decodeLightningInvoice,
+	getLightningBalance,
+} from './lightning';
 import {
 	availableNetworks,
 	EAvailableNetworks,
@@ -39,12 +43,7 @@ import { getSlashPayConfig } from './slashtags';
 import { savePeer } from '../store/actions/lightning';
 import { TWalletName } from '../store/types/wallet';
 import { sendNavigation } from '../navigation/bottom-sheet/SendNavigation';
-import {
-	handleLnurlAuth,
-	handleLnurlChannel,
-	handleLnurlPay,
-	handleLnurlWithdraw,
-} from './lnurl';
+import { handleLnurlAuth, handleLnurlChannel, handleLnurlPay } from './lnurl';
 import i18n from './i18n';
 
 const availableNetworksList = availableNetworks();
@@ -812,11 +811,31 @@ export const handleData = async ({
 		}
 		case EQRDataType.lnurlWithdraw: {
 			let params = data.lnUrlParams as LNURLWithdrawParams;
-			return await handleLnurlWithdraw({
-				params,
+
+			//Convert msats to sats.
+			params.minWithdrawable = Math.floor(params.minWithdrawable / 1000);
+			params.maxWithdrawable = Math.floor(params.maxWithdrawable / 1000);
+
+			// Determine if we have enough receiving capacity before proceeding.
+			const lightningBalance = getLightningBalance({
 				selectedWallet,
 				selectedNetwork,
+				includeReserveBalance: false,
 			});
+
+			if (lightningBalance.remoteBalance < params.minWithdrawable) {
+				showToast({
+					type: 'error',
+					title: i18n.t('other:lnurl_withdr_error'),
+					description: i18n.t('other:lnurl_withdr_error_no_capacity'),
+				});
+				return err(
+					'Not enough inbound/receiving capacity to complete lnurl-withdraw request.',
+				);
+			}
+
+			showBottomSheet('lnurlWithdraw', { wParams: params });
+			return ok({ type: EQRDataType.lnurlWithdraw });
 		}
 
 		case EQRDataType.nodeId: {