mobile: fix pin input hide behind keyboard on session expiry sheet (#3624)

apps/mobile/app/components/auth/session-expired.js

@@ -142,9 +142,9 @@ export const SessionExpired = () => {
           passwordInputRef.current?.focus();
           setFocused(true);
         }}
+        enableSheetKeyboardHandler={true}
         visible={true}
       >
-        <SheetProvider context="two_factor_verify" />
         <View
           style={{
             width: focused ? "100%" : "99.9%",
@@ -237,6 +237,8 @@ export const SessionExpired = () => {
         </View>
         <Toast context="local" />
         <Dialog context="session_expiry" />
+
+        <SheetProvider context="two_factor_verify" />
       </BaseDialog>
     )
   );

apps/mobile/app/components/dialog/base-dialog.js

@@ -51,7 +51,8 @@ const BaseDialog = ({
   bounce = true,
   closeOnTouch = true,
   useSafeArea = true,
-  avoidKeyboardResize = false
+  avoidKeyboardResize = false,
+  enableSheetKeyboardHandler = false
 }) => {
   const floating = useIsFloatingKeyboard();
   const appState = useAppState();
@@ -103,7 +104,9 @@ const BaseDialog = ({
           if (lockEvents.current) return;
           if (onShow) {
             onShow();
-            useSettingStore.getState().setSheetKeyboardHandler(false);
+            if (!enableSheetKeyboardHandler) {
+              useSettingStore.getState().setSheetKeyboardHandler(false);
+            }
           }
         }}
         animationType={animation}