@reown/appkit-react-native 2.0.0 → 2.0.2

package/lib/commonjs/hooks/useAppKitContext.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAppKitContext = void 0;
+var _react = require("react");
+var _AppKitContext = require("../AppKitContext");
+/**
+ * Hook to access the AppKit context
+ *
+ * @remarks
+ * This is an internal hook used by other AppKit hooks to ensure they're used within
+ * the AppKitProvider. You typically don't need to use this hook directly - use the
+ * higher-level hooks like `useAppKit`, `useAccount`, `useAppKitTheme`, etc. instead.
+ *
+ * @returns {AppKitContextType} The AppKit context containing the AppKit instance
+ *
+ * @throws {Error} If used outside of an AppKitProvider
+ * @throws {Error} If the AppKit instance is not yet available in context
+ *
+ * @internal
+ *
+ * @example
+ * ```tsx
+ * // This is typically used internally by other hooks
+ * function MyCustomHook() {
+ *   const context = useAppKitContext();
+ *   // Use context.appKit...
+ * }
+ * ```
+ */
+
+const useAppKitContext = () => {
+  const context = (0, _react.useContext)(_AppKitContext.AppKitContext);
+  if (context === undefined) {
+    throw new Error('useAppKitContext must be used within an AppKitProvider');
+  }
+  if (!context.appKit) {
+    // This might happen if the provider is rendered before AppKit is initialized
+    throw new Error('AppKit instance is not yet available in context.');
+  }
+  return context;
+};
+exports.useAppKitContext = useAppKitContext;
+//# sourceMappingURL=useAppKitContext.js.map

package/lib/commonjs/hooks/useAppKitContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_AppKitContext","useAppKitContext","context","useContext","AppKitContext","undefined","Error","appKit","exports"],"sourceRoot":"../../../src","sources":["hooks/useAppKitContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAME,gBAAgB,GAAGA,CAAA,KAAyB;EACvD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4BAAa,CAAC;EAEzC,IAAIF,OAAO,KAAKG,SAAS,EAAE;IACzB,MAAM,IAAIC,KAAK,CAAC,wDAAwD,CAAC;EAC3E;EAEA,IAAI,CAACJ,OAAO,CAACK,MAAM,EAAE;IACnB;IACA,MAAM,IAAID,KAAK,CAAC,kDAAkD,CAAC;EACrE;EAEA,OAAOJ,OAAO;AAChB,CAAC;AAACM,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/hooks/useAppKitEvents.js

@@ -8,9 +8,41 @@ exports.useAppKitEvents = useAppKitEvents;
 var _react = require("react");
 var _valtio = require("valtio");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _useAppKit = require("./useAppKit");
+var _useAppKitContext = require("./useAppKitContext");
+/**
+ * Hook to subscribe to all AppKit events
+ *
+ * @remarks
+ * This hook provides reactive access to AppKit's event system, allowing you to
+ * monitor all events that occur within the AppKit lifecycle (connections, disconnections,
+ * network changes, etc.). The callback is invoked whenever a new event is emitted.
+ *
+ * @param callback - Optional callback function invoked when any event occurs
+ *
+ * @returns An object containing:
+ *   - `data`: The most recent event data
+ *   - `timestamp`: The timestamp of the most recent event
+ *
+ * @throws {Error} If used outside of an AppKitProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { data, timestamp } = useAppKitEvents((event) => {
+ *     console.log('Event occurred:', event.data.event);
+ *   });
+ *
+ *   return (
+ *     <View>
+ *       <Text>Last event: {data?.event}</Text>
+ *       <Text>Time: {timestamp}</Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
 function useAppKitEvents(callback) {
-  (0, _useAppKit.useAppKit)(); // Use the hook for checks
+  (0, _useAppKitContext.useAppKitContext)();
   const {
     data,
     timestamp
@@ -28,9 +60,37 @@ function useAppKitEvents(callback) {
     timestamp
   };
 }
-function useAppKitEventSubscription(event, callback) {
-  (0, _useAppKit.useAppKit)(); // Use the hook for checks
 
+/**
+ * Hook to subscribe to a specific AppKit event
+ *
+ * @remarks
+ * This hook allows you to listen for a specific event type rather than all events.
+ * It's more efficient than `useAppKitEvents` when you only care about a particular event.
+ *
+ * @param event - The specific event name to subscribe to (e.g., 'MODAL_OPEN', 'CONNECT_SUCCESS')
+ * @param callback - Callback function invoked when the specified event occurs
+ *
+ * @throws {Error} If used outside of an AppKitProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   useAppKitEventSubscription('CONNECT_SUCCESS', (event) => {
+ *     console.log('Wallet connected!', event.data);
+ *   });
+ *
+ *   useAppKitEventSubscription('DISCONNECT_SUCCESS', (event) => {
+ *     console.log('Wallet disconnected!', event.data);
+ *   });
+ *
+ *   return <View>{/ Your component /}</View>;
+ * }
+ * ```
+ */
+
+function useAppKitEventSubscription(event, callback) {
+  (0, _useAppKitContext.useAppKitContext)();
   (0, _react.useEffect)(() => {
     const unsubscribe = _appkitCoreReactNative.EventsController?.subscribeEvent(event, callback);
     return () => {

package/lib/commonjs/hooks/useAppKitEvents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_valtio","_appkitCoreReactNative","_useAppKit","useAppKitEvents","callback","useAppKit","data","timestamp","useSnapshot","EventsController","state","useEffect","unsubscribe","subscribe","newEvent","useAppKitEventSubscription","event","subscribeEvent"],"sourceRoot":"../../../src","sources":["hooks/useAppKitEvents.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AAEO,SAASI,eAAeA,CAACC,QAAoD,EAAE;EACpF,IAAAC,oBAAS,EAAC,CAAC,CAAC,CAAC;EACb,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,uCAAgB,CAACC,KAAK,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGH,uCAAgB,CAACI,SAAS,CAACC,QAAQ,IAAI;MACzDV,QAAQ,GAAGU,QAAQ,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,MAAM;MACXF,WAAW,GAAG,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEE,IAAI;IAAEC;EAAU,CAAC;AAC5B;AAEO,SAASQ,0BAA0BA,CACxCC,KAAgB,EAChBZ,QAAmD,EACnD;EACA,IAAAC,oBAAS,EAAC,CAAC,CAAC,CAAC;;EAEb,IAAAM,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGH,uCAAgB,EAAEQ,cAAc,CAACD,KAAK,EAAEZ,QAAQ,CAAC;IAErE,OAAO,MAAM;MACXQ,WAAW,GAAG,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACR,QAAQ,EAAEY,KAAK,CAAC,CAAC;AACvB"}
+{"version":3,"names":["_react","require","_valtio","_appkitCoreReactNative","_useAppKitContext","useAppKitEvents","callback","useAppKitContext","data","timestamp","useSnapshot","EventsController","state","useEffect","unsubscribe","subscribe","newEvent","useAppKitEventSubscription","event","subscribeEvent"],"sourceRoot":"../../../src","sources":["hooks/useAppKitEvents.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,eAAeA,CAACC,QAAoD,EAAE;EACpF,IAAAC,kCAAgB,EAAC,CAAC;EAClB,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,uCAAgB,CAACC,KAAK,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGH,uCAAgB,CAACI,SAAS,CAACC,QAAQ,IAAI;MACzDV,QAAQ,GAAGU,QAAQ,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,MAAM;MACXF,WAAW,GAAG,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEE,IAAI;IAAEC;EAAU,CAAC;AAC5B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASQ,0BAA0BA,CACxCC,KAAgB,EAChBZ,QAAmD,EACnD;EACA,IAAAC,kCAAgB,EAAC,CAAC;EAElB,IAAAM,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGH,uCAAgB,EAAEQ,cAAc,CAACD,KAAK,EAAEZ,QAAQ,CAAC;IAErE,OAAO,MAAM;MACXQ,WAAW,GAAG,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACR,QAAQ,EAAEY,KAAK,CAAC,CAAC;AACvB","ignoreList":[]}

package/lib/commonjs/hooks/useAppKitLogs.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAppKitLogs = void 0;
+var _react = require("react");
+var _valtio = require("valtio");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _useAppKitContext = require("./useAppKitContext");
+/**
+ * React hook for accessing AppKit logs
+ *
+ * This hook provides reactive access to AppKit's internal logging system.
+ * It automatically updates when new logs are added or when logs are cleaned up.
+ *
+ * @example
+ * ```typescript
+ * function MyComponent() {
+ *   const { logs, errorLogs, exportLogs, clearLogs } = useAppKitLogs();
+ *
+ *   return (
+ *     <View>
+ *       <Text>Total logs: {logs.length}</Text>
+ *       <Text>Error logs: {errorLogs.length}</Text>
+ *       <Button onPress={clearLogs} title="Clear Logs" />
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+const useAppKitLogs = () => {
+  (0, _useAppKitContext.useAppKitContext)();
+  const {
+    logs
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.LogController.state);
+
+  // Memoized functions that don't need to change on every render
+  const stableFunctions = (0, _react.useMemo)(() => ({
+    getLogsByLevel: level => _appkitCoreReactNative.LogController.getLogsByLevel(level),
+    getRecentLogs: count => _appkitCoreReactNative.LogController.getRecentLogs(count),
+    exportLogs: () => _appkitCoreReactNative.LogController.exportLogs(),
+    getLogsStats: () => _appkitCoreReactNative.LogController.getLogsStats(),
+    clearLogs: () => _appkitCoreReactNative.LogController.clearLogs()
+  }), []);
+  const regularArrays = (0, _react.useMemo)(() => {
+    const allLogs = [...logs]; // Convert proxy to regular array
+    const errorLogs = [];
+    const warningLogs = [];
+    const infoLogs = [];
+    const debugLogs = [];
+    for (const log of allLogs) {
+      switch (log.level) {
+        case 'error':
+          errorLogs.push(log);
+          break;
+        case 'warn':
+          warningLogs.push(log);
+          break;
+        case 'info':
+          infoLogs.push(log);
+          break;
+        case 'debug':
+          debugLogs.push(log);
+          break;
+      }
+    }
+    return {
+      logs: allLogs,
+      errorLogs,
+      warningLogs,
+      infoLogs,
+      debugLogs
+    };
+  }, [logs]);
+  return {
+    ...regularArrays,
+    ...stableFunctions
+  };
+};
+exports.useAppKitLogs = useAppKitLogs;
+//# sourceMappingURL=useAppKitLogs.js.map

package/lib/commonjs/hooks/useAppKitLogs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_valtio","_appkitCoreReactNative","_useAppKitContext","useAppKitLogs","useAppKitContext","logs","useSnapshot","LogController","state","stableFunctions","useMemo","getLogsByLevel","level","getRecentLogs","count","exportLogs","getLogsStats","clearLogs","regularArrays","allLogs","errorLogs","warningLogs","infoLogs","debugLogs","log","push","exports"],"sourceRoot":"../../../src","sources":["hooks/useAppKitLogs.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AA0CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,aAAa,GAAGA,CAAA,KAA2B;EACtD,IAAAC,kCAAgB,EAAC,CAAC;EAElB,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAW,EAACC,oCAAa,CAACC,KAAK,CAAC;;EAEjD;EACA,MAAMC,eAAe,GAAG,IAAAC,cAAO,EAC7B,OAAO;IACLC,cAAc,EAAGC,KAAe,IAAKL,oCAAa,CAACI,cAAc,CAACC,KAAK,CAAC;IACxEC,aAAa,EAAGC,KAAc,IAAKP,oCAAa,CAACM,aAAa,CAACC,KAAK,CAAC;IACrEC,UAAU,EAAEA,CAAA,KAAMR,oCAAa,CAACQ,UAAU,CAAC,CAAC;IAC5CC,YAAY,EAAEA,CAAA,KAAMT,oCAAa,CAACS,YAAY,CAAC,CAAC;IAChDC,SAAS,EAAEA,CAAA,KAAMV,oCAAa,CAACU,SAAS,CAAC;EAC3C,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAR,cAAO,EAAC,MAAM;IAClC,MAAMS,OAAO,GAAG,CAAC,GAAGd,IAAI,CAAC,CAAC,CAAC;IAC3B,MAAMe,SAAqB,GAAG,EAAE;IAChC,MAAMC,WAAuB,GAAG,EAAE;IAClC,MAAMC,QAAoB,GAAG,EAAE;IAC/B,MAAMC,SAAqB,GAAG,EAAE;IAEhC,KAAK,MAAMC,GAAG,IAAIL,OAAO,EAAE;MACzB,QAAQK,GAAG,CAACZ,KAAK;QACf,KAAK,OAAO;UACVQ,SAAS,CAACK,IAAI,CAACD,GAAG,CAAC;UACnB;QACF,KAAK,MAAM;UACTH,WAAW,CAACI,IAAI,CAACD,GAAG,CAAC;UACrB;QACF,KAAK,MAAM;UACTF,QAAQ,CAACG,IAAI,CAACD,GAAG,CAAC;UAClB;QACF,KAAK,OAAO;UACVD,SAAS,CAACE,IAAI,CAACD,GAAG,CAAC;UACnB;MACJ;IACF;IAEA,OAAO;MACLnB,IAAI,EAAEc,OAAO;MACbC,SAAS;MACTC,WAAW;MACXC,QAAQ;MACRC;IACF,CAAC;EACH,CAAC,EAAE,CAAClB,IAAI,CAAC,CAAC;EAEV,OAAO;IACL,GAAGa,aAAa;IAChB,GAAGT;EACL,CAAC;AACH,CAAC;AAACiB,OAAA,CAAAvB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/hooks/useAppKitState.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAppKitState = useAppKitState;
+var _react = require("react");
+var _valtio = require("valtio");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _useAppKitContext = require("./useAppKitContext");
+/* eslint-disable valtio/state-snapshot-rule */
+
+/**
+ * Hook to access the overall state of the AppKit modal and connection
+ *
+ * @remarks
+ * This hook provides a high-level view of the AppKit's current state, including
+ * whether the modal is open, if it's loading, connection status, and the active chain.
+ * It's useful for coordinating UI elements with the AppKit's state.
+ *
+ * @returns An object containing:
+ *   - `isOpen`: Whether the AppKit modal is currently open
+ *   - `isLoading`: Whether the AppKit is in a loading state
+ *   - `isConnected`: Whether a wallet is currently connected
+ *   - `chain`: The currently active blockchain network
+ *
+ * @throws {Error} If used outside of an AppKitProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { isOpen, isLoading, isConnected, chain } = useAppKitState();
+ *
+ *   return (
+ *     <View>
+ *       <Text>Modal: {isOpen ? 'Open' : 'Closed'}</Text>
+ *       <Text>Loading: {isLoading ? 'Yes' : 'No'}</Text>
+ *       <Text>Connected: {isConnected ? 'Yes' : 'No'}</Text>
+ *       {chain && <Text>Chain: {chain.name}</Text>}
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+
+function useAppKitState() {
+  (0, _useAppKitContext.useAppKitContext)();
+  const {
+    activeAddress: address,
+    connection,
+    networks
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const {
+    open,
+    loading
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ModalController.state);
+  const activeChain = (0, _react.useMemo)(() => connection?.caipNetwork ? networks.find(network => network.caipNetworkId === connection?.caipNetwork) : undefined, [connection?.caipNetwork, networks]);
+  return {
+    isOpen: open,
+    isLoading: loading,
+    isConnected: !!address,
+    chain: activeChain
+  };
+}
+//# sourceMappingURL=useAppKitState.js.map

package/lib/commonjs/hooks/useAppKitState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_valtio","_appkitCoreReactNative","_useAppKitContext","useAppKitState","useAppKitContext","activeAddress","address","connection","networks","useSnapshot","ConnectionsController","state","open","loading","ModalController","activeChain","useMemo","caipNetwork","find","network","caipNetworkId","undefined","isOpen","isLoading","isConnected","chain"],"sourceRoot":"../../../src","sources":["hooks/useAppKitState.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAJA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASI,cAAcA,CAAA,EAAG;EAC/B,IAAAC,kCAAgB,EAAC,CAAC;EAClB,MAAM;IAAEC,aAAa,EAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAG,IAAAC,mBAAW,EAACC,4CAAqB,CAACC,KAAK,CAAC;EACjG,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAG,IAAAJ,mBAAW,EAACK,sCAAe,CAACH,KAAK,CAAC;EAE5D,MAAMI,WAAW,GAAG,IAAAC,cAAO,EACzB,MACET,UAAU,EAAEU,WAAW,GACnBT,QAAQ,CAACU,IAAI,CAACC,OAAO,IAAIA,OAAO,CAACC,aAAa,KAAKb,UAAU,EAAEU,WAAW,CAAC,GAC3EI,SAAS,EACf,CAACd,UAAU,EAAEU,WAAW,EAAET,QAAQ,CACpC,CAAC;EAED,OAAO;IACLc,MAAM,EAAEV,IAAI;IACZW,SAAS,EAAEV,OAAO;IAClBW,WAAW,EAAE,CAAC,CAAClB,OAAO;IACtBmB,KAAK,EAAEV;EACT,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/hooks/useAppKitTheme.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAppKitTheme = useAppKitTheme;
+var _react = require("react");
+var _valtio = require("valtio");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _useAppKitContext = require("./useAppKitContext");
+/**
+ * Interface representing the result of the useAppKitTheme hook
+ */
+
+/**
+ * Hook to control the visual appearance of the AppKit modal
+ *
+ * @remarks
+ * This hook provides access to the theme mode and theme variables, allowing you to
+ * customize the modal's appearance. Use this hook when you need to implement dark/light
+ * mode or match the modal's appearance with your application's theme.
+ *
+ * Currently, the only supported theme variable is `accent`, which controls the primary
+ * accent color used throughout the modal interface.
+ *
+ * @returns {UseAppKitThemeReturn} An object containing:
+ *   - `themeMode`: The current theme mode ('dark' or 'light')
+ *   - `themeVariables`: The current theme variables (only 'accent' is supported)
+ *   - `setThemeMode`: Function to change the theme mode
+ *   - `setThemeVariables`: Function to update theme variables
+ *
+ * @throws {Error} If used outside of an AppKitProvider
+ *
+ * @example
+ * ```typescript
+ * import { useAppKitTheme } from '@reown/appkit-react-native';
+ *
+ * function MyComponent() {
+ *   const { themeMode, themeVariables, setThemeMode, setThemeVariables } = useAppKitTheme();
+ *
+ *   // Set theme to dark mode
+ *   setThemeMode('dark');
+ *
+ *   // Customize the accent color
+ *   setThemeVariables({
+ *     accent: '#00BB7F'
+ *   });
+ *
+ *   return (
+ *     <View>
+ *       <Text>Current theme: {themeMode}</Text>
+ *       <Text>Accent color: {themeVariables?.accent}</Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+function useAppKitTheme() {
+  (0, _useAppKitContext.useAppKitContext)();
+  const {
+    themeMode,
+    themeVariables
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ThemeController.state);
+  const stableFunctions = (0, _react.useMemo)(() => ({
+    setThemeMode: _appkitCoreReactNative.ThemeController.setDefaultThemeMode.bind(_appkitCoreReactNative.ThemeController),
+    setThemeVariables: _appkitCoreReactNative.ThemeController.setThemeVariables.bind(_appkitCoreReactNative.ThemeController)
+  }), []);
+  return {
+    themeMode,
+    themeVariables,
+    ...stableFunctions
+  };
+}
+//# sourceMappingURL=useAppKitTheme.js.map

package/lib/commonjs/hooks/useAppKitTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_valtio","_appkitCoreReactNative","_useAppKitContext","useAppKitTheme","useAppKitContext","themeMode","themeVariables","useSnapshot","ThemeController","state","stableFunctions","useMemo","setThemeMode","setDefaultThemeMode","bind","setThemeVariables"],"sourceRoot":"../../../src","sources":["hooks/useAppKitTheme.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,cAAcA,CAAA,EAAyB;EACrD,IAAAC,kCAAgB,EAAC,CAAC;EAElB,MAAM;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAAG,IAAAC,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EAExE,MAAMC,eAAe,GAAG,IAAAC,cAAO,EAC7B,OAAO;IACLC,YAAY,EAAEJ,sCAAe,CAACK,mBAAmB,CAACC,IAAI,CAACN,sCAAe,CAAC;IACvEO,iBAAiB,EAAEP,sCAAe,CAACO,iBAAiB,CAACD,IAAI,CAACN,sCAAe;EAC3E,CAAC,CAAC,EACF,EACF,CAAC;EAED,OAAO;IACLH,SAAS;IACTC,cAAc;IACd,GAAGI;EACL,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/hooks/useDebounceCallback.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useDebounceCallback","callback","delay","timeoutRef","useRef","callbackRef","useEffect","current","abort","useCallback","clearTimeout","debouncedCallback","args","setTimeout"],"sourceRoot":"../../../src","sources":["hooks/useDebounceCallback.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,SAASC,mBAAmBA,CAAC;EAAEC,QAAQ;EAAEC,KAAK,GAAG;AAAW,CAAC,EAAE;EACpE,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACtD,MAAMC,WAAW,GAAG,IAAAD,aAAM,EAACH,QAAQ,CAAC;EAEpC,IAAAK,gBAAS,EAAC,MAAM;IACdD,WAAW,CAACE,OAAO,GAAGN,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,KAAK,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC9B,IAAIN,UAAU,CAACI,OAAO,EAAE;MACtBG,YAAY,CAACP,UAAU,CAACI,OAAO,CAAC;MAChCJ,UAAU,CAACI,OAAO,GAAG,IAAI;IAC3B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,iBAAiB,GAAG,IAAAF,kBAAW,EAClCG,IAAU,IAAK;IACd,IAAIT,UAAU,CAACI,OAAO,EAAE;MACtBG,YAAY,CAACP,UAAU,CAACI,OAAO,CAAC;IAClC;IAEAJ,UAAU,CAACI,OAAO,GAAGM,UAAU,CAAC,MAAM;MACpCR,WAAW,CAACE,OAAO,CAACK,IAAI,CAAC;IAC3B,CAAC,EAAEV,KAAK,CAAC;EACX,CAAC,EACD,CAACA,KAAK,CACR,CAAC;EAED,IAAAI,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIH,UAAU,CAACI,OAAO,EAAE;QACtBG,YAAY,CAACP,UAAU,CAACI,OAAO,CAAC;MAClC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,iBAAiB;IAAEH;EAAM,CAAC;AACrC"}
+{"version":3,"names":["_react","require","useDebounceCallback","callback","delay","timeoutRef","useRef","callbackRef","useEffect","current","abort","useCallback","clearTimeout","debouncedCallback","args","setTimeout"],"sourceRoot":"../../../src","sources":["hooks/useDebounceCallback.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,SAASC,mBAAmBA,CAAC;EAAEC,QAAQ;EAAEC,KAAK,GAAG;AAAW,CAAC,EAAE;EACpE,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACtD,MAAMC,WAAW,GAAG,IAAAD,aAAM,EAACH,QAAQ,CAAC;EAEpC,IAAAK,gBAAS,EAAC,MAAM;IACdD,WAAW,CAACE,OAAO,GAAGN,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,KAAK,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC9B,IAAIN,UAAU,CAACI,OAAO,EAAE;MACtBG,YAAY,CAACP,UAAU,CAACI,OAAO,CAAC;MAChCJ,UAAU,CAACI,OAAO,GAAG,IAAI;IAC3B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,iBAAiB,GAAG,IAAAF,kBAAW,EAClCG,IAAU,IAAK;IACd,IAAIT,UAAU,CAACI,OAAO,EAAE;MACtBG,YAAY,CAACP,UAAU,CAACI,OAAO,CAAC;IAClC;IAEAJ,UAAU,CAACI,OAAO,GAAGM,UAAU,CAAC,MAAM;MACpCR,WAAW,CAACE,OAAO,CAACK,IAAI,CAAC;IAC3B,CAAC,EAAEV,KAAK,CAAC;EACX,CAAC,EACD,CAACA,KAAK,CACR,CAAC;EAED,IAAAI,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIH,UAAU,CAACI,OAAO,EAAE;QACtBG,YAAY,CAACP,UAAU,CAACI,OAAO,CAAC;MAClC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,iBAAiB;IAAEH;EAAM,CAAC;AACrC","ignoreList":[]}

package/lib/commonjs/hooks/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","emptyCoordinates","Object","freeze","screenX","screenY","width","height","initialValue","start","end","useKeyboard","shown","setShown","useState","coordinates","setCoordinates","keyboardHeight","setKeyboardHeight","handleKeyboardWillShow","e","startCoordinates","endCoordinates","handleKeyboardDidShow","handleKeyboardWillHide","handleKeyboardDidHide","useEffect","subscriptions","Keyboard","addListener","forEach","subscription","remove","keyboardShown"],"sourceRoot":"../../../src","sources":["hooks/useKeyboard.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAAC;EACrCC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE,CAAC;EACVC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,YAAY,GAAG;EACnBC,KAAK,EAAER,gBAAgB;EACvBS,GAAG,EAAET;AACP,CAAC;AAEM,SAASU,WAAWA,CAAA,EAAG;EAC5B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACzC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAF,eAAQ,EAG3CN,YAAY,CAAC;EAChB,MAAM,CAACS,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAJ,eAAQ,EAAS,CAAC,CAAC;EAE/D,MAAMK,sBAA6C,GAAGC,CAAC,IAAI;IACzDJ,cAAc,CAAC;MAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;MAAEX,GAAG,EAAEU,CAAC,CAACE;IAAe,CAAC,CAAC;EACtE,CAAC;EACD,MAAMC,qBAA4C,GAAGH,CAAC,IAAI;IACxDP,QAAQ,CAAC,IAAI,CAAC;IACdG,cAAc,CAAC;MAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;MAAEX,GAAG,EAAEU,CAAC,CAACE;IAAe,CAAC,CAAC;IACpEJ,iBAAiB,CAACE,CAAC,CAACE,cAAc,CAACf,MAAM,CAAC;EAC5C,CAAC;EACD,MAAMiB,sBAA6C,GAAGJ,CAAC,IAAI;IACzDJ,cAAc,CAAC;MAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;MAAEX,GAAG,EAAEU,CAAC,CAACE;IAAe,CAAC,CAAC;EACtE,CAAC;EACD,MAAMG,qBAA4C,GAAGL,CAAC,IAAI;IACxDP,QAAQ,CAAC,KAAK,CAAC;IACf,IAAIO,CAAC,EAAE;MACLJ,cAAc,CAAC;QAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;QAAEX,GAAG,EAAEU,CAAC,CAACE;MAAe,CAAC,CAAC;IACtE,CAAC,MAAM;MACLN,cAAc,CAACR,YAAY,CAAC;MAC5BU,iBAAiB,CAAC,CAAC,CAAC;IACtB;EACF,CAAC;EAED,IAAAQ,gBAAS,EAAC,MAAM;IACd,MAAMC,aAAa,GAAG,CACpBC,qBAAQ,CAACC,WAAW,CAAC,kBAAkB,EAAEV,sBAAsB,CAAC,EAChES,qBAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAEN,qBAAqB,CAAC,EAC9DK,qBAAQ,CAACC,WAAW,CAAC,kBAAkB,EAAEL,sBAAsB,CAAC,EAChEI,qBAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAEJ,qBAAqB,CAAC,CAC/D;IAED,OAAO,MAAM;MACXE,aAAa,CAACG,OAAO,CAACC,YAAY,IAAIA,YAAY,CAACC,MAAM,CAAC,CAAC,CAAC;IAC9D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLC,aAAa,EAAErB,KAAK;IACpBG,WAAW;IACXE;EACF,CAAC;AACH"}
+{"version":3,"names":["_react","require","_reactNative","emptyCoordinates","Object","freeze","screenX","screenY","width","height","initialValue","start","end","useKeyboard","shown","setShown","useState","coordinates","setCoordinates","keyboardHeight","setKeyboardHeight","handleKeyboardWillShow","e","startCoordinates","endCoordinates","handleKeyboardDidShow","handleKeyboardWillHide","handleKeyboardDidHide","useEffect","subscriptions","Keyboard","addListener","forEach","subscription","remove","keyboardShown"],"sourceRoot":"../../../src","sources":["hooks/useKeyboard.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAAC;EACrCC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE,CAAC;EACVC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,YAAY,GAAG;EACnBC,KAAK,EAAER,gBAAgB;EACvBS,GAAG,EAAET;AACP,CAAC;AAEM,SAASU,WAAWA,CAAA,EAAG;EAC5B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACzC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAF,eAAQ,EAG3CN,YAAY,CAAC;EAChB,MAAM,CAACS,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAJ,eAAQ,EAAS,CAAC,CAAC;EAE/D,MAAMK,sBAA6C,GAAGC,CAAC,IAAI;IACzDJ,cAAc,CAAC;MAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;MAAEX,GAAG,EAAEU,CAAC,CAACE;IAAe,CAAC,CAAC;EACtE,CAAC;EACD,MAAMC,qBAA4C,GAAGH,CAAC,IAAI;IACxDP,QAAQ,CAAC,IAAI,CAAC;IACdG,cAAc,CAAC;MAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;MAAEX,GAAG,EAAEU,CAAC,CAACE;IAAe,CAAC,CAAC;IACpEJ,iBAAiB,CAACE,CAAC,CAACE,cAAc,CAACf,MAAM,CAAC;EAC5C,CAAC;EACD,MAAMiB,sBAA6C,GAAGJ,CAAC,IAAI;IACzDJ,cAAc,CAAC;MAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;MAAEX,GAAG,EAAEU,CAAC,CAACE;IAAe,CAAC,CAAC;EACtE,CAAC;EACD,MAAMG,qBAA4C,GAAGL,CAAC,IAAI;IACxDP,QAAQ,CAAC,KAAK,CAAC;IACf,IAAIO,CAAC,EAAE;MACLJ,cAAc,CAAC;QAAEP,KAAK,EAAEW,CAAC,CAACC,gBAAgB;QAAEX,GAAG,EAAEU,CAAC,CAACE;MAAe,CAAC,CAAC;IACtE,CAAC,MAAM;MACLN,cAAc,CAACR,YAAY,CAAC;MAC5BU,iBAAiB,CAAC,CAAC,CAAC;IACtB;EACF,CAAC;EAED,IAAAQ,gBAAS,EAAC,MAAM;IACd,MAAMC,aAAa,GAAG,CACpBC,qBAAQ,CAACC,WAAW,CAAC,kBAAkB,EAAEV,sBAAsB,CAAC,EAChES,qBAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAEN,qBAAqB,CAAC,EAC9DK,qBAAQ,CAACC,WAAW,CAAC,kBAAkB,EAAEL,sBAAsB,CAAC,EAChEI,qBAAQ,CAACC,WAAW,CAAC,iBAAiB,EAAEJ,qBAAqB,CAAC,CAC/D;IAED,OAAO,MAAM;MACXE,aAAa,CAACG,OAAO,CAACC,YAAY,IAAIA,YAAY,CAACC,MAAM,CAAC,CAAC,CAAC;IAC9D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLC,aAAa,EAAErB,KAAK;IACpBG,WAAW;IACXE;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/hooks/useProvider.js

@@ -4,26 +4,62 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useProvider = useProvider;
+var _react = require("react");
 var _valtio = require("valtio");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-function useProvider(namespace) {
+var _useAppKitContext = require("./useAppKitContext");
+/* eslint-disable valtio/state-snapshot-rule */
+
+/**
+ * Interface representing the result of the useProvider hook
+ */
+
+/**
+ * Hook that returns the active connection provider and its supported chain namespace.
+ *
+ * This hook accesses the current connection and returns the provider instance along with its supported namespace.
+ *
+ * @returns {ProviderResult} An object containing:
+ *   - `provider`: The active connection provider instance, or undefined if no connection exists
+ *   - `providerType`: The chain namespace supported by the provider, or undefined if no connection exists
+ *
+ * @example
+ * ```typescript
+ * const { provider, providerType } = useProvider();
+ *
+ * if (provider) {
+ *   // Use the provider for blockchain operations
+ *   const balance = await provider.request({...});
+ * }
+ * ```
+ */
+function useProvider() {
+  (0, _useAppKitContext.useAppKitContext)();
   const {
-    connections,
-    activeNamespace
+    connection
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
-  const targetNamespace = namespace ?? activeNamespace;
-  if (!targetNamespace) return {
-    provider: undefined,
-    providerType: undefined
-  };
-  const connection = connections.get(targetNamespace);
-  if (!connection) return {
-    provider: undefined,
-    providerType: undefined
-  };
-  return {
-    provider: connection.adapter.connector?.getProvider(),
-    providerType: connection.adapter.getSupportedNamespace()
-  };
+  const returnValue = (0, _react.useMemo)(() => {
+    if (!connection || !connection.adapter) {
+      return {
+        provider: undefined,
+        providerType: undefined
+      };
+    }
+    try {
+      return {
+        provider: connection.adapter.getProvider(),
+        providerType: connection.adapter.getSupportedNamespace()
+      };
+    } catch (error) {
+      _appkitCoreReactNative.LogController.sendError(error, 'useProvider', 'useProvider');
+
+      // Provider not initialized yet during session restoration
+      return {
+        provider: undefined,
+        providerType: undefined
+      };
+    }
+  }, [connection]);
+  return returnValue;
 }
 //# sourceMappingURL=useProvider.js.map

package/lib/commonjs/hooks/useProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_valtio","require","_appkitCoreReactNative","useProvider","namespace","connections","activeNamespace","useSnapshot","ConnectionsController","state","targetNamespace","provider","undefined","providerType","connection","get","adapter","connector","getProvider","getSupportedNamespace"],"sourceRoot":"../../../src","sources":["hooks/useProvider.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAQO,SAASE,WAAWA,CAACC,SAA0B,EAAkB;EACtE,MAAM;IAAEC,WAAW;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mBAAW,EAACC,4CAAqB,CAACC,KAAK,CAAC;EAEjF,MAAMC,eAAe,GAAGN,SAAS,IAAIE,eAAe;EAEpD,IAAI,CAACI,eAAe,EAAE,OAAO;IAAEC,QAAQ,EAAEC,SAAS;IAAEC,YAAY,EAAED;EAAU,CAAC;EAE7E,MAAME,UAAU,GAAGT,WAAW,CAACU,GAAG,CAACL,eAAe,CAAC;EAEnD,IAAI,CAACI,UAAU,EAAE,OAAO;IAAEH,QAAQ,EAAEC,SAAS;IAAEC,YAAY,EAAED;EAAU,CAAC;EAExE,OAAO;IACLD,QAAQ,EAAEG,UAAU,CAACE,OAAO,CAACC,SAAS,EAAEC,WAAW,CAAC,CAAC;IACrDL,YAAY,EAAEC,UAAU,CAACE,OAAO,CAACG,qBAAqB,CAAC;EACzD,CAAC;AACH"}
+{"version":3,"names":["_react","require","_valtio","_appkitCoreReactNative","_useAppKitContext","useProvider","useAppKitContext","connection","useSnapshot","ConnectionsController","state","returnValue","useMemo","adapter","provider","undefined","providerType","getProvider","getSupportedNamespace","error","LogController","sendError"],"sourceRoot":"../../../src","sources":["hooks/useProvider.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AALA;;AAOA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,WAAWA,CAAA,EAAmB;EAC5C,IAAAC,kCAAgB,EAAC,CAAC;EAClB,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,mBAAW,EAACC,4CAAqB,CAACC,KAAK,CAAC;EAE/D,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAI,CAACL,UAAU,IAAI,CAACA,UAAU,CAACM,OAAO,EAAE;MACtC,OAAO;QAAEC,QAAQ,EAAEC,SAAS;QAAEC,YAAY,EAAED;MAAU,CAAC;IACzD;IAEA,IAAI;MACF,OAAO;QACLD,QAAQ,EAAEP,UAAU,CAACM,OAAO,CAACI,WAAW,CAAC,CAAC;QAC1CD,YAAY,EAAET,UAAU,CAACM,OAAO,CAACK,qBAAqB,CAAC;MACzD,CAAC;IACH,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,oCAAa,CAACC,SAAS,CAACF,KAAK,EAAE,aAAa,EAAE,aAAa,CAAC;;MAE5D;MACA,OAAO;QAAEL,QAAQ,EAAEC,SAAS;QAAEC,YAAY,EAAED;MAAU,CAAC;IACzD;EACF,CAAC,EAAE,CAACR,UAAU,CAAC,CAAC;EAEhB,OAAOI,WAAW;AACpB","ignoreList":[]}

package/lib/commonjs/hooks/useRouteTransition.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRouteTransition = useRouteTransition;
+var _react = require("react");
+var _reactNative = require("react-native");
+const {
+  width: screenWidth
+} = _reactNative.Dimensions.get('window');
+function useRouteTransition(config = {}) {
+  const {
+    duration = 300,
+    useNativeDriver = true
+  } = config;
+  const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const slideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const isAnimating = (0, _react.useRef)(false);
+  const currentAnimation = (0, _react.useRef)(null);
+  const animateTransition = (0, _react.useCallback)(direction => {
+    if (isAnimating.current || direction === 'none') {
+      return Promise.resolve();
+    }
+    if (currentAnimation.current) {
+      currentAnimation.current.stop();
+    }
+    isAnimating.current = true;
+    return new Promise(resolve => {
+      const startPosition = direction === 'forward' ? screenWidth * 0.02 // Start from right for forward
+      : -screenWidth * 0.02; // Start from left for backward
+
+      // Immediately set starting position and fade out
+      fadeAnim.setValue(0);
+      slideAnim.setValue(startPosition);
+
+      // Animate to final position with fade in
+      const animation = _reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration,
+        useNativeDriver
+      }), _reactNative.Animated.timing(slideAnim, {
+        toValue: 0,
+        // Slide to center
+        duration,
+        useNativeDriver
+      })]);
+      currentAnimation.current = animation;
+      animation.start(({
+        finished
+      }) => {
+        // Always clean up and resolve, even if the animation was interrupted
+        // Android often reports finished=false when interrupted, which otherwise
+        // would leave the view stuck at opacity 0 and block future animations.
+        if (!finished) {
+          // Ensure we end in the expected target state
+          fadeAnim.setValue(1);
+          slideAnim.setValue(0);
+        }
+        isAnimating.current = false;
+        currentAnimation.current = null;
+        resolve();
+      });
+    });
+  }, [fadeAnim, slideAnim, duration, useNativeDriver]);
+  const getAnimatedStyle = (0, _react.useCallback)(() => ({
+    opacity: fadeAnim,
+    transform: [{
+      translateX: slideAnim
+    }]
+  }), [fadeAnim, slideAnim]);
+  (0, _react.useEffect)(() => {
+    fadeAnim.setValue(1);
+    slideAnim.setValue(0);
+    return () => {
+      if (currentAnimation.current) {
+        currentAnimation.current.stop();
+        currentAnimation.current = null;
+      }
+      isAnimating.current = false;
+    };
+  }, [fadeAnim, slideAnim]);
+  return {
+    animateTransition,
+    getAnimatedStyle,
+    isAnimating: isAnimating.current
+  };
+}
+//# sourceMappingURL=useRouteTransition.js.map

package/lib/commonjs/hooks/useRouteTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","width","screenWidth","Dimensions","get","useRouteTransition","config","duration","useNativeDriver","fadeAnim","useRef","Animated","Value","current","slideAnim","isAnimating","currentAnimation","animateTransition","useCallback","direction","Promise","resolve","stop","startPosition","setValue","animation","parallel","timing","toValue","start","finished","getAnimatedStyle","opacity","transform","translateX","useEffect"],"sourceRoot":"../../../src","sources":["hooks/useRouteTransition.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useTimeout","delay","timeLeftRef","useRef","timeLeft","setTimeLeft","useState","interval","startTimer","useCallback","newDelay","current","setInterval","clearInterval","useEffect","_default","exports","default"],"sourceRoot":"../../../src","sources":["hooks/useTimeout.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,SAASC,UAAUA,CAACC,KAAa,EAAE;EACjC,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAACF,KAAK,CAAC;EACjC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACL,KAAK,CAAC;EAC/C,MAAMM,QAAQ,GAAG,IAAAJ,aAAM,EAAe,CAAC;EAEvC,MAAMK,UAAU,GAAG,IAAAC,kBAAW,EAAEC,QAAgB,IAAK;IACnDR,WAAW,CAACS,OAAO,GAAGD,QAAQ;IAC9BL,WAAW,CAACK,QAAQ,CAAC;IACrBH,QAAQ,CAACI,OAAO,GAAGC,WAAW,CAAC,MAAM;MACnC,IAAIV,WAAW,CAACS,OAAO,GAAG,CAAC,EAAE;QAC3BT,WAAW,CAACS,OAAO,IAAI,CAAC;QACxBN,WAAW,CAACH,WAAW,CAACS,OAAO,CAAC;MAClC,CAAC,MAAM;QACL,IAAI,OAAOJ,QAAQ,CAACI,OAAO,KAAK,QAAQ,EAAE;UACxCE,aAAa,CAACN,QAAQ,CAACI,OAAO,CAAC;QACjC;MACF;IACF,CAAC,EAAE,IAAI,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAG,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAI,OAAOP,QAAQ,CAACI,OAAO,KAAK,QAAQ,EAAE;QACxCE,aAAa,CAACN,QAAQ,CAACI,OAAO,CAAC;MACjC;IACF,CAAC;EACH,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEH,QAAQ;IAAEI;EAAW,CAAC;AACjC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjB,UAAU"}
+{"version":3,"names":["_react","require","useTimeout","delay","timeLeftRef","useRef","timeLeft","setTimeLeft","useState","interval","startTimer","useCallback","newDelay","current","setInterval","clearInterval","useEffect","_default","exports","default"],"sourceRoot":"../../../src","sources":["hooks/useTimeout.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,SAASC,UAAUA,CAACC,KAAa,EAAE;EACjC,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAACF,KAAK,CAAC;EACjC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACL,KAAK,CAAC;EAC/C,MAAMM,QAAQ,GAAG,IAAAJ,aAAM,EAAe,CAAC;EAEvC,MAAMK,UAAU,GAAG,IAAAC,kBAAW,EAAEC,QAAgB,IAAK;IACnDR,WAAW,CAACS,OAAO,GAAGD,QAAQ;IAC9BL,WAAW,CAACK,QAAQ,CAAC;IACrBH,QAAQ,CAACI,OAAO,GAAGC,WAAW,CAAC,MAAM;MACnC,IAAIV,WAAW,CAACS,OAAO,GAAG,CAAC,EAAE;QAC3BT,WAAW,CAACS,OAAO,IAAI,CAAC;QACxBN,WAAW,CAACH,WAAW,CAACS,OAAO,CAAC;MAClC,CAAC,MAAM;QACL,IAAI,OAAOJ,QAAQ,CAACI,OAAO,KAAK,QAAQ,EAAE;UACxCE,aAAa,CAACN,QAAQ,CAACI,OAAO,CAAC;QACjC;MACF;IACF,CAAC,EAAE,IAAI,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAG,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAI,OAAOP,QAAQ,CAACI,OAAO,KAAK,QAAQ,EAAE;QACxCE,aAAa,CAACN,QAAQ,CAACI,OAAO,CAAC;MACjC;IACF,CAAC;EACH,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEH,QAAQ;IAAEI;EAAW,CAAC;AACjC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjB,UAAU","ignoreList":[]}