@reown/appkit-react-native 0.0.0-fix-height-calc-20250814203104 → 0.0.0-fix-height-calc-20250815174808

package/lib/typescript/views/w3m-connect-socials-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connect-socials-view/index.tsx"],"names":[],"mappings":"AAaA,wBAAgB,kBAAkB,4CAiCjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connect-socials-view/index.tsx"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,4CAiCjC"}

package/lib/typescript/views/w3m-connect-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connect-view/index.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,WAAW,4CA+E1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connect-view/index.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,WAAW,4CA+E1B"}

package/lib/typescript/views/w3m-connecting-social-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connecting-social-view/index.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,oBAAoB,4CAkFnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-connecting-social-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,oBAAoB,4CAkFnC"}

package/lib/typescript/views/w3m-get-wallet-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-get-wallet-view/index.tsx"],"names":[],"mappings":"AAQA,wBAAgB,aAAa,4CA4C5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-get-wallet-view/index.tsx"],"names":[],"mappings":"AAOA,wBAAgB,aAAa,4CA4C5B"}

package/lib/typescript/views/w3m-onramp-loading-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-onramp-loading-view/index.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,iBAAiB,4CA4IhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-onramp-loading-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,iBAAiB,4CA4IhC"}

package/lib/typescript/views/w3m-swap-preview-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-swap-preview-view/index.tsx"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,4CAuH9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-swap-preview-view/index.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,eAAe,4CAuH9B"}

package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/w3m-swap-view/components/select-token-view/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAqBtB,OAAO,EAAE,KAAK,eAAe,EAA6B,MAAM,mCAAmC,CAAC;AAOpG,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,2CAoIlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/w3m-swap-view/components/select-token-view/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAsBtB,OAAO,EAAE,KAAK,eAAe,EAA6B,MAAM,mCAAmC,CAAC;AAMpG,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,2CAoIlE"}

package/lib/typescript/views/w3m-swap-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-swap-view/index.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,QAAQ,4CA6LvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-swap-view/index.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,QAAQ,4CA6LvB"}

package/lib/typescript/views/w3m-wallet-compatible-networks-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-compatible-networks-view/index.tsx"],"names":[],"mappings":"AAYA,wBAAgB,wBAAwB,4CAuCvC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-compatible-networks-view/index.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,wBAAwB,4CAuCvC"}

package/lib/typescript/views/w3m-wallet-send-preview-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-preview-view/index.tsx"],"names":[],"mappings":"AAcA,wBAAgB,qBAAqB,4CAgHpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-preview-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,qBAAqB,4CAgHpC"}

package/lib/typescript/views/w3m-wallet-send-select-token-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/index.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,yBAAyB,4CA+DxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-select-token-view/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,yBAAyB,4CA+DxC"}

package/lib/typescript/views/w3m-wallet-send-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/index.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,cAAc,4CAwG7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-wallet-send-view/index.tsx"],"names":[],"mappings":"AAeA,wBAAgB,cAAc,4CAwG7B"}

package/lib/typescript/views/w3m-what-is-a-network-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-network-view/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,kBAAkB,4CA2CjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-network-view/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,4CA2CjC"}

package/lib/typescript/views/w3m-what-is-a-wallet-view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-wallet-view/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,4CA6DhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/w3m-what-is-a-wallet-view/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,4CA6DhC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-react-native",
-  "version": "0.0.0-fix-height-calc-20250814203104",
+  "version": "0.0.0-fix-height-calc-20250815174808",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -38,10 +38,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@reown/appkit-common-react-native": "0.0.0-fix-height-calc-20250814203104",
-    "@reown/appkit-core-react-native": "0.0.0-fix-height-calc-20250814203104",
-    "@reown/appkit-siwe-react-native": "0.0.0-fix-height-calc-20250814203104",
-    "@reown/appkit-ui-react-native": "0.0.0-fix-height-calc-20250814203104",
+    "@reown/appkit-common-react-native": "0.0.0-fix-height-calc-20250815174808",
+    "@reown/appkit-core-react-native": "0.0.0-fix-height-calc-20250815174808",
+    "@reown/appkit-siwe-react-native": "0.0.0-fix-height-calc-20250815174808",
+    "@reown/appkit-ui-react-native": "0.0.0-fix-height-calc-20250815174808",
     "@walletconnect/universal-provider": "2.21.5",
     "valtio": "2.1.5"
   },

package/src/modal/w3m-modal/index.tsx

@@ -1,7 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useCallback, useEffect } from 'react';
-import { useWindowDimensions, StatusBar } from 'react-native';
-import { Card, Modal, ThemeProvider } from '@reown/appkit-ui-react-native';
+import { Card, Modal, ThemeProvider, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
   EventsController,
@@ -14,7 +13,6 @@ import {
 import { AppKitRouter } from '../w3m-router';
 import { Header } from '../../partials/w3m-header';
 import { Snackbar } from '../../partials/w3m-snackbar';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { useInternalAppKit } from '../../AppKitContext';
 import styles from './styles';
 
@@ -23,10 +21,7 @@ export function AppKit() {
   const { open } = useSnapshot(ModalController.state);
   const { themeMode, themeVariables } = useSnapshot(ThemeController.state);
   const { projectId } = useSnapshot(OptionsController.state);
-  const { height } = useWindowDimensions();
-  const { isLandscape } = useCustomDimensions();
-  const portraitHeight = height - 80;
-  const landScapeHeight = height * 0.95 - (StatusBar.currentHeight ?? 0);
+  const { maxHeight } = useCustomDimensions();
 
   const handleBackPress = () => {
     if (RouterController.state.history.length > 1) {
@@ -52,23 +47,19 @@ export function AppKit() {
   }, [projectId, prefetch]);
 
   return (
-    <>
-      <ThemeProvider themeMode={themeMode} themeVariables={themeVariables}>
-        <Modal
-          visible={open}
-          onRequestClose={handleBackPress}
-          onBackdropPress={handleModalClose}
-          testID="w3m-modal"
-        >
-          <Card
-            style={[styles.card, { maxHeight: isLandscape ? landScapeHeight : portraitHeight }]}
-          >
-            <Header />
-            <AppKitRouter />
-            <Snackbar />
-          </Card>
-        </Modal>
-      </ThemeProvider>
-    </>
+    <ThemeProvider themeMode={themeMode} themeVariables={themeVariables}>
+      <Modal
+        visible={open}
+        onRequestClose={handleBackPress}
+        onBackdropPress={handleModalClose}
+        testID="w3m-modal"
+      >
+        <Card style={[styles.card, { maxHeight }]}>
+          <Header />
+          <AppKitRouter />
+          <Snackbar />
+        </Card>
+      </Modal>
+    </ThemeProvider>
   );
 }

package/src/modal/w3m-modal/styles.ts

@@ -3,7 +3,6 @@ import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
   card: {
     borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    maxHeight: '80%'
+    borderBottomRightRadius: 0
   }
 });

package/src/partials/w3m-all-wallets-list/index.tsx

@@ -15,24 +15,30 @@ import {
   CardSelectLoader,
   CardSelectHeight,
   FlexView,
-  Spacing
+  Spacing,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 import styles from './styles';
 import { UiUtil } from '../../utils/UiUtil';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { Placeholder } from '../w3m-placeholder';
 
 interface AllWalletsListProps {
   columns: number;
   onItemPress: (wallet: WcWallet) => void;
   itemWidth?: number;
+  headerHeight?: number;
 }
 
-export function AllWalletsList({ columns, itemWidth, onItemPress }: AllWalletsListProps) {
+export function AllWalletsList({
+  columns,
+  itemWidth,
+  onItemPress,
+  headerHeight = 0
+}: AllWalletsListProps) {
   const [loading, setLoading] = useState<boolean>(ApiController.state.wallets.length === 0);
   const [loadingError, setLoadingError] = useState<boolean>(false);
   const [pageLoading, setPageLoading] = useState<boolean>(false);
-  const { maxWidth, padding } = useCustomDimensions();
+  const { maxWidth, maxHeight, padding } = useCustomDimensions();
   const { installed, featured, recommended, wallets } = useSnapshot(ApiController.state);
   const { walletImages } = useSnapshot(AssetController.state);
   const { customWallets } = useSnapshot(OptionsController.state) as OptionsControllerState;
@@ -67,7 +73,7 @@ export function AllWalletsList({ columns, itemWidth, onItemPress }: AllWalletsLi
         flexWrap="wrap"
         alignSelf="center"
         padding={['0', '0', 's', 'xs']}
-        style={[styles.container, { maxWidth }]}
+        style={{ maxWidth, maxHeight }}
       >
         {Array.from({ length: items }).map((_, index) => (
           <View key={index} style={[styles.itemContainer, { width: itemWidth }]}>
@@ -166,7 +172,7 @@ export function AllWalletsList({ columns, itemWidth, onItemPress }: AllWalletsLi
       numColumns={columns}
       data={walletList}
       renderItem={walletTemplate}
-      style={styles.container}
+      style={{ maxHeight: maxHeight - headerHeight - Spacing['4xl'] }}
       contentContainerStyle={[styles.contentContainer, { paddingHorizontal: padding + Spacing.xs }]}
       onEndReached={fetchNextPage}
       onEndReachedThreshold={2}

package/src/partials/w3m-all-wallets-list/styles.ts

@@ -2,9 +2,6 @@ import { Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 
 export default StyleSheet.create({
-  container: {
-    height: '100%'
-  },
   contentContainer: {
     paddingBottom: Spacing['2xl']
   },

package/src/partials/w3m-all-wallets-search/index.tsx

@@ -12,9 +12,9 @@ import {
   CardSelectHeight,
   CardSelectLoader,
   FlexView,
-  Spacing
+  Spacing,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { Placeholder } from '../w3m-placeholder';
 import styles from './styles';
 import { useSnapshot } from 'valtio';
@@ -24,19 +24,21 @@ export interface AllWalletsSearchProps {
   onItemPress: (wallet: WcWallet) => void;
   itemWidth?: number;
   searchQuery?: string;
+  headerHeight?: number;
 }
 
 export function AllWalletsSearch({
   searchQuery,
   columns,
   itemWidth,
-  onItemPress
+  onItemPress,
+  headerHeight = 0
 }: AllWalletsSearchProps) {
   const [loading, setLoading] = useState<boolean>(false);
   const [loadingError, setLoadingError] = useState<boolean>(false);
   const [prevSearchQuery, setPrevSearchQuery] = useState<string>('');
   const imageHeaders = ApiController._getApiHeaders();
-  const { maxWidth, padding, isLandscape } = useCustomDimensions();
+  const { maxWidth, maxHeight, padding, isLandscape } = useCustomDimensions();
   const { walletImages } = useSnapshot(AssetController.state);
 
   const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
@@ -65,7 +67,7 @@ export function AllWalletsSearch({
         flexWrap="wrap"
         alignSelf="center"
         padding={['0', '0', 's', 'xs']}
-        style={[styles.container, { maxWidth }]}
+        style={{ maxWidth, maxHeight: maxHeight - headerHeight }}
       >
         {Array.from({ length: items }).map((_, index) => (
           <View key={index} style={[styles.itemContainer, { width: itemWidth }]}>
@@ -137,7 +139,7 @@ export function AllWalletsSearch({
       numColumns={columns}
       data={ApiController.state.search}
       renderItem={walletTemplate}
-      style={styles.container}
+      style={{ maxHeight: maxHeight - headerHeight - Spacing['2xl'] }}
       contentContainerStyle={[styles.contentContainer, { paddingHorizontal: padding + Spacing.xs }]}
       keyExtractor={item => item.id}
       getItemLayout={(_, index) => ({

package/src/partials/w3m-all-wallets-search/styles.ts

@@ -2,9 +2,6 @@ import { Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 
 export default StyleSheet.create({
-  container: {
-    height: '100%'
-  },
   contentContainer: {
     paddingBottom: Spacing['2xl']
   },

package/src/partials/w3m-connecting-mobile/index.tsx

@@ -18,10 +18,10 @@ import {
   LoadingThumbnail,
   WalletImage,
   Link,
-  IconBox
+  IconBox,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { StoreLink } from './components/StoreLink';
 import { ConnectingBody, getMessage, type BodyErrorType } from '../w3m-connecting-body';
 import styles from './styles';

package/src/partials/w3m-connecting-qrcode/index.tsx

@@ -6,8 +6,14 @@ import {
   OptionsController,
   SnackController
 } from '@reown/appkit-core-react-native';
-import { FlexView, Link, QrCode, Text, Spacing } from '@reown/appkit-ui-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import {
+  FlexView,
+  Link,
+  QrCode,
+  Text,
+  Spacing,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import styles from './styles';
 import { ReownButton } from './components/ReownButton';
 
@@ -51,7 +57,7 @@ export function ConnectingQrCode() {
       padding="xl"
     >
       <QrCode size={qrSize} uri={wcUri} testID="qr-code" />
-      <FlexView alignItems="center" margin={['m', 'm', '0', 'm']}>
+      <FlexView alignItems="center" margin="m">
         <Text variant="paragraph-500">Scan this QR code with your phone</Text>
         {showCopy ? (
           <Link

package/src/views/w3m-account-default-view/index.tsx

@@ -25,12 +25,12 @@ import {
   Text,
   UiUtil,
   Spacing,
-  ListItem
+  ListItem,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 
 import { useInternalAppKit } from '../../AppKitContext';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { AuthButtons } from './components/auth-buttons';
 import styles from './styles';
 

package/src/views/w3m-account-view/index.tsx

@@ -7,7 +7,8 @@ import {
   Icon,
   IconLink,
   NetworkButton,
-  useTheme
+  useTheme,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
@@ -21,7 +22,6 @@ import {
   SendController
 } from '@reown/appkit-core-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { AccountWalletFeatures } from '../../partials/w3m-account-wallet-features';
 import styles from './styles';
 

package/src/views/w3m-all-wallets-view/index.tsx

@@ -1,25 +1,38 @@
 import { useState } from 'react';
 import { WcController, EventsController, RouterController } from '@reown/appkit-core-react-native';
 import { type WcWallet } from '@reown/appkit-common-react-native';
-import { FlexView, IconLink, SearchBar, Spacing, useTheme } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  IconLink,
+  SearchBar,
+  Spacing,
+  useTheme,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 
 import styles from './styles';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { AllWalletsList } from '../../partials/w3m-all-wallets-list';
 import { AllWalletsSearch } from '../../partials/w3m-all-wallets-search';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { WcHelpersUtil } from '../../utils/HelpersUtil';
+import type { LayoutChangeEvent } from 'react-native';
 
 export function AllWalletsView() {
   const Theme = useTheme();
   const [searchQuery, setSearchQuery] = useState<string>('');
   const { maxWidth } = useCustomDimensions();
+  const [headerHeight, setHeaderHeight] = useState<number>(0);
   const numColumns = 4;
   const usableWidth = maxWidth - Spacing.xs * 2;
   const itemWidth = Math.abs(Math.trunc(usableWidth / numColumns));
 
   const { debouncedCallback: onInputChange } = useDebounceCallback({ callback: setSearchQuery });
 
+  const onHeaderLayout = (event: LayoutChangeEvent) => {
+    const { height } = event.nativeEvent.layout;
+    setHeaderHeight(height);
+  };
+
   const onWalletPress = (wallet: WcWallet) => {
     const isExternal = WcHelpersUtil.isExternalWallet(wallet);
     if (isExternal) {
@@ -52,6 +65,7 @@ export function AllWalletsView() {
       <FlexView
         padding={['s', 'l', 'xs', 'l']}
         flexDirection="row"
+        onLayout={onHeaderLayout}
         alignItems="center"
         style={[
           styles.header,
@@ -85,12 +99,18 @@ export function AllWalletsView() {
           itemWidth={itemWidth}
           searchQuery={searchQuery}
           onItemPress={onWalletPress}
+          headerHeight={headerHeight}
         />
       );
     }
 
     return (
-      <AllWalletsList columns={numColumns} itemWidth={itemWidth} onItemPress={onWalletPress} />
+      <AllWalletsList
+        columns={numColumns}
+        itemWidth={itemWidth}
+        onItemPress={onWalletPress}
+        headerHeight={headerHeight}
+      />
     );
   };
 

package/src/views/w3m-connect-socials-view/index.tsx

@@ -6,9 +6,8 @@ import {
   OptionsController,
   RouterController
 } from '@reown/appkit-core-react-native';
-import { FlexView, ListSocial, Text } from '@reown/appkit-ui-react-native';
+import { FlexView, ListSocial, Text, useCustomDimensions } from '@reown/appkit-ui-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 
 export function ConnectSocialsView() {

package/src/views/w3m-connect-view/index.tsx

@@ -8,8 +8,14 @@ import {
   RouterController
 } from '@reown/appkit-core-react-native';
 import { type WcWallet } from '@reown/appkit-common-react-native';
-import { FlexView, Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import {
+  FlexView,
+  Icon,
+  ListItem,
+  Separator,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { Placeholder } from '../../partials/w3m-placeholder';
 import { CustomWalletList } from './components/custom-wallet-list';
 import { AllWalletsButton } from './components/all-wallets-button';

package/src/views/w3m-connecting-external-view/index.tsx

@@ -15,10 +15,10 @@ import {
   FlexView,
   IconBox,
   LoadingThumbnail,
-  WalletImage
+  WalletImage,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { ConnectingBody, getMessage, type BodyErrorType } from '../../partials/w3m-connecting-body';
 import styles from './styles';
 import { useInternalAppKit } from '../../AppKitContext';

package/src/views/w3m-connecting-social-view/index.tsx

@@ -7,10 +7,16 @@ import {
   RouterController,
   SnackController
 } from '@reown/appkit-core-react-native';
-import { FlexView, LoadingThumbnail, IconBox, Logo, Text } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  LoadingThumbnail,
+  IconBox,
+  Logo,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { ConstantsUtil, StringUtil } from '@reown/appkit-common-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { useInternalAppKit } from '../../AppKitContext';
 import styles from './styles';
 

package/src/views/w3m-get-wallet-view/index.tsx

@@ -1,8 +1,7 @@
 import { Linking, Platform, ScrollView } from 'react-native';
-import { FlexView, ListWallet } from '@reown/appkit-ui-react-native';
+import { FlexView, ListWallet, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { ApiController, AssetController, AssetUtil } from '@reown/appkit-core-react-native';
 import { type WcWallet } from '@reown/appkit-common-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 import { useSnapshot } from 'valtio';
 

package/src/views/w3m-networks-view/index.tsx

@@ -6,7 +6,8 @@ import {
   Link,
   Separator,
   Spacing,
-  Text
+  Text,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
@@ -18,7 +19,6 @@ import {
   AssetUtil
 } from '@reown/appkit-core-react-native';
 import type { AppKitNetwork } from '@reown/appkit-common-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 import { useInternalAppKit } from '../../AppKitContext';
 import { useSnapshot } from 'valtio';

package/src/views/w3m-onramp-loading-view/index.tsx

@@ -7,9 +7,15 @@ import {
   OptionsController,
   EventsController
 } from '@reown/appkit-core-react-native';
-import { FlexView, DoubleImageLoader, IconLink, Button, Text } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  DoubleImageLoader,
+  IconLink,
+  Button,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { ConnectingBody } from '../../partials/w3m-connecting-body';
 import styles from './styles';
 import { StringUtil } from '@reown/appkit-common-react-native';

package/src/views/w3m-swap-preview-view/index.tsx

@@ -3,9 +3,16 @@ import { useEffect } from 'react';
 import { ScrollView } from 'react-native';
 import { NumberUtil } from '@reown/appkit-common-react-native';
 import { RouterController, SwapController } from '@reown/appkit-core-react-native';
-import { Button, FlexView, Icon, Text, TokenButton, UiUtil } from '@reown/appkit-ui-react-native';
+import {
+  Button,
+  FlexView,
+  Icon,
+  Text,
+  TokenButton,
+  UiUtil,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { SwapDetails } from '../../partials/w3m-swap-details';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 
 export function SwapPreviewView() {

package/src/views/w3m-swap-view/components/select-token-view/index.tsx

@@ -17,7 +17,8 @@ import {
   Separator,
   Text,
   TokenButton,
-  useTheme
+  useTheme,
+  useCustomDimensions
 } from '@reown/appkit-ui-react-native';
 
 import {
@@ -30,7 +31,6 @@ import {
 
 import { type SwapInputTarget, type SwapTokenWithBalance } from '@reown/appkit-common-react-native';
 
-import { useCustomDimensions } from '../../../../hooks/useCustomDimensions';
 import { Placeholder } from '../../../../partials/w3m-placeholder';
 import styles from './styles';
 import { createSections } from './utils';

package/src/views/w3m-swap-view/index.tsx

@@ -8,11 +8,16 @@ import {
   RouterController,
   SwapController
 } from '@reown/appkit-core-react-native';
-import { Button, FlexView, IconLink, useTheme } from '@reown/appkit-ui-react-native';
+import {
+  Button,
+  FlexView,
+  IconLink,
+  useTheme,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import { NumberUtil, type SwapInputTarget } from '@reown/appkit-common-react-native';
 
 import { useKeyboard } from '../../hooks/useKeyboard';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { SwapInput } from '../../partials/w3m-swap-input';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { SwapDetails } from '../../partials/w3m-swap-details';

package/src/views/w3m-wallet-compatible-networks-view/index.tsx

@@ -1,13 +1,18 @@
 import { ScrollView } from 'react-native';
 import { useSnapshot } from 'valtio';
-import { FlexView, Text, Banner, NetworkImage } from '@reown/appkit-ui-react-native';
+import {
+  FlexView,
+  Text,
+  Banner,
+  NetworkImage,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
 import {
   ApiController,
   AssetController,
   AssetUtil,
   ConnectionsController
 } from '@reown/appkit-core-react-native';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import styles from './styles';
 
 export function WalletCompatibleNetworks() {