@bigmi/react 0.0.0-preview-aab0339

package/dist/esm/hooks/useAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccount.js","names":[],"sources":["../../../src/hooks/useAccount.ts"],"sourcesContent":["'use client'\n\nimport {\n  type Config,\n  type GetAccountReturnType,\n  getAccount,\n  watchAccount,\n} from '@bigmi/client'\n\nimport type { ResolvedRegister } from '../types.js'\nimport { type ConfigParameter, useConfig } from './useConfig.js'\nimport { useSyncExternalStoreWithTracked } from './useSyncExternalStoreWithTracked.js'\n\nexport type UseAccountParameters<config extends Config = Config> =\n  ConfigParameter<config>\n\nexport type UseAccountReturnType<config extends Config = Config> =\n  GetAccountReturnType<config>\n\nconst DISCONNECTED_ACCOUNT: GetAccountReturnType = {\n  account: undefined,\n  accounts: undefined,\n  chain: undefined,\n  chainId: undefined,\n  connector: undefined,\n  isConnected: false,\n  isConnecting: false,\n  isDisconnected: true,\n  isReconnecting: false,\n  status: 'disconnected',\n}\n\nexport function useAccount<C extends Config = ResolvedRegister['config']>(\n  parameters: UseAccountParameters<C> = {}\n): UseAccountReturnType<C> {\n  const config = useConfig(parameters)\n\n  return useSyncExternalStoreWithTracked(\n    (onChange) => watchAccount(config, { onChange }),\n    () => getAccount(config),\n    () => DISCONNECTED_ACCOUNT as UseAccountReturnType<C>\n  )\n}\n"],"mappings":";;;;;AAmBA,MAAM,uBAA6C;CACjD,SAAS,KAAA;CACT,UAAU,KAAA;CACV,OAAO,KAAA;CACP,SAAS,KAAA;CACT,WAAW,KAAA;CACX,aAAa;CACb,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,QAAQ;AACV;AAEA,SAAgB,WACd,aAAsC,CAAC,GACd;CACzB,MAAM,SAAS,UAAU,UAAU;CAEnC,OAAO,iCACJ,aAAa,aAAa,QAAQ,EAAE,SAAS,CAAC,SACzC,WAAW,MAAM,SACjB,oBACR;AACF"}

package/dist/esm/hooks/useConfig.d.ts

@@ -0,0 +1,13 @@
+import { ResolvedRegister } from "../types.js";
+import { Config } from "@bigmi/client";
+
+//#region src/hooks/useConfig.d.ts
+type ConfigParameter<config extends Config = Config> = {
+  config?: Config | config | undefined;
+};
+type UseConfigParameters<config extends Config = Config> = ConfigParameter<config>;
+type UseConfigReturnType<config extends Config = Config> = config;
+declare function useConfig<C extends Config = ResolvedRegister["config"]>(parameters?: UseConfigParameters<C>): UseConfigReturnType<C>;
+//#endregion
+export { ConfigParameter, UseConfigParameters, UseConfigReturnType, useConfig };
+//# sourceMappingURL=useConfig.d.ts.map

package/dist/esm/hooks/useConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.d.ts","names":[],"sources":["../../../src/hooks/useConfig.ts"],"mappings":";;;;KAQY,eAAA,gBAA+B,MAAA,GAAS,MAAA;EAClD,MAAA,GAAS,MAAA,GAAS,MAAA;AAAA;AAAA,KAGR,mBAAA,gBAAmC,MAAA,GAAS,MAAA,IACtD,eAAA,CAAgB,MAAA;AAAA,KAEN,mBAAA,gBAAmC,MAAA,GAAS,MAAA,IAAU,MAAA;AAAA,iBAElD,SAAA,WAAoB,MAAA,GAAS,gBAAA,YAC3C,UAAA,GAAY,mBAAA,CAAoB,CAAA,IAC/B,mBAAA,CAAoB,CAAA"}

package/dist/esm/hooks/useConfig.js

@@ -0,0 +1,14 @@
+"use client";
+import { BigmiContext } from "../context.js";
+import { BigmiProviderNotFoundError } from "../errors/context.js";
+import { useContext } from "react";
+//#region src/hooks/useConfig.ts
+function useConfig(parameters = {}) {
+	const config = parameters.config ?? useContext(BigmiContext);
+	if (!config) throw new BigmiProviderNotFoundError();
+	return config;
+}
+//#endregion
+export { useConfig };
+
+//# sourceMappingURL=useConfig.js.map

package/dist/esm/hooks/useConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.js","names":[],"sources":["../../../src/hooks/useConfig.ts"],"sourcesContent":["'use client'\n\nimport type { Config } from '@bigmi/client'\nimport { useContext } from 'react'\nimport { BigmiContext } from '../context.js'\nimport { BigmiProviderNotFoundError } from '../errors/context.js'\nimport type { ResolvedRegister } from '../types.js'\n\nexport type ConfigParameter<config extends Config = Config> = {\n  config?: Config | config | undefined\n}\n\nexport type UseConfigParameters<config extends Config = Config> =\n  ConfigParameter<config>\n\nexport type UseConfigReturnType<config extends Config = Config> = config\n\nexport function useConfig<C extends Config = ResolvedRegister['config']>(\n  parameters: UseConfigParameters<C> = {}\n): UseConfigReturnType<C> {\n  // biome-ignore lint/correctness/useHookAtTopLevel: part of the hook\n  const config = parameters.config ?? useContext(BigmiContext)\n  if (!config) {\n    throw new BigmiProviderNotFoundError()\n  }\n  return config as UseConfigReturnType<C>\n}\n"],"mappings":";;;;;AAiBA,SAAgB,UACd,aAAqC,CAAC,GACd;CAExB,MAAM,SAAS,WAAW,UAAU,WAAW,YAAY;CAC3D,IAAI,CAAC,QACH,MAAM,IAAI,2BAA2B;CAEvC,OAAO;AACT"}

package/dist/esm/hooks/useConnect.d.ts

@@ -0,0 +1,20 @@
+import { ResolvedRegister } from "../types.js";
+import { ConfigParameter } from "./useConfig.js";
+import { UseMutationParameters, UseMutationReturnType } from "../utils/query.js";
+import { UseConnectorsReturnType } from "./useConnectors.js";
+import { Config, ConnectData, ConnectErrorType, ConnectMutate, ConnectMutateAsync, ConnectVariables } from "@bigmi/client";
+import { Compute } from "@bigmi/core";
+
+//#region src/hooks/useConnect.d.ts
+type UseConnectParameters<config extends Config = Config, context = unknown> = Compute<ConfigParameter<config> & {
+  mutation?: UseMutationParameters<ConnectData<config>, ConnectErrorType, ConnectVariables<config, config["connectors"][number]>, context> | undefined;
+}>;
+type UseConnectReturnType<config extends Config = Config, context = unknown> = Compute<UseMutationReturnType<ConnectData<config>, ConnectErrorType, ConnectVariables<config, config["connectors"][number]>, context> & {
+  connect: ConnectMutate<config, context>;
+  connectAsync: ConnectMutateAsync<config, context>;
+  connectors: Compute<UseConnectorsReturnType> | config["connectors"];
+}>;
+declare function useConnect<config extends Config = ResolvedRegister["config"], context = unknown>(parameters?: UseConnectParameters<config, context>): UseConnectReturnType<config, context>;
+//#endregion
+export { UseConnectParameters, UseConnectReturnType, useConnect };
+//# sourceMappingURL=useConnect.d.ts.map

package/dist/esm/hooks/useConnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnect.d.ts","names":[],"sources":["../../../src/hooks/useConnect.ts"],"mappings":";;;;;;;;KAsBY,oBAAA,gBACK,MAAA,GAAS,MAAA,uBAEtB,OAAA,CACF,eAAA,CAAgB,MAAA;EACd,QAAA,GACI,qBAAA,CACE,WAAA,CAAY,MAAA,GACZ,gBAAA,EACA,gBAAA,CAAiB,MAAA,EAAQ,MAAA,yBACzB,OAAA;AAAA;AAAA,KAME,oBAAA,gBACK,MAAA,GAAS,MAAA,uBAEtB,OAAA,CACF,qBAAA,CACE,WAAA,CAAY,MAAA,GACZ,gBAAA,EACA,gBAAA,CAAiB,MAAA,EAAQ,MAAA,yBACzB,OAAA;EAEA,OAAA,EAAS,aAAA,CAAc,MAAA,EAAQ,OAAA;EAC/B,YAAA,EAAc,kBAAA,CAAmB,MAAA,EAAQ,OAAA;EACzC,UAAA,EAAY,OAAA,CAAQ,uBAAA,IAA2B,MAAA;AAAA;AAAA,iBAInC,UAAA,gBACC,MAAA,GAAS,gBAAA,+BAGxB,UAAA,GAAY,oBAAA,CAAqB,MAAA,EAAQ,OAAA,IACxC,oBAAA,CAAqB,MAAA,EAAQ,OAAA"}

package/dist/esm/hooks/useConnect.js

@@ -0,0 +1,31 @@
+"use client";
+import { useConfig } from "./useConfig.js";
+import { useConnectors } from "./useConnectors.js";
+import { useEffect } from "react";
+import { connectMutationOptions } from "@bigmi/client";
+import { useMutation } from "@tanstack/react-query";
+//#region src/hooks/useConnect.ts
+function useConnect(parameters = {}) {
+	const { mutation } = parameters;
+	const config = useConfig(parameters);
+	const mutationOptions = connectMutationOptions(config);
+	const { mutate, mutateAsync, reset, ...result } = useMutation({
+		...mutation,
+		...mutationOptions
+	});
+	useEffect(() => {
+		return config.subscribe(({ status }) => status, (status, previousStatus) => {
+			if (previousStatus === "connected" && status === "disconnected") reset();
+		});
+	}, [config, reset]);
+	return {
+		...result,
+		connect: mutate,
+		connectAsync: mutateAsync,
+		connectors: useConnectors({ config })
+	};
+}
+//#endregion
+export { useConnect };
+
+//# sourceMappingURL=useConnect.js.map

package/dist/esm/hooks/useConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnect.js","names":[],"sources":["../../../src/hooks/useConnect.ts"],"sourcesContent":["'use client'\n\nimport {\n  type Config,\n  type ConnectData,\n  type ConnectErrorType,\n  type ConnectMutate,\n  type ConnectMutateAsync,\n  type ConnectVariables,\n  connectMutationOptions,\n} from '@bigmi/client'\nimport type { Compute } from '@bigmi/core'\nimport { useMutation } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport type { ResolvedRegister } from '../types.js'\nimport type {\n  UseMutationParameters,\n  UseMutationReturnType,\n} from '../utils/query.js'\nimport { type ConfigParameter, useConfig } from './useConfig.js'\nimport { type UseConnectorsReturnType, useConnectors } from './useConnectors.js'\n\nexport type UseConnectParameters<\n  config extends Config = Config,\n  context = unknown,\n> = Compute<\n  ConfigParameter<config> & {\n    mutation?:\n      | UseMutationParameters<\n          ConnectData<config>,\n          ConnectErrorType,\n          ConnectVariables<config, config['connectors'][number]>,\n          context\n        >\n      | undefined\n  }\n>\n\nexport type UseConnectReturnType<\n  config extends Config = Config,\n  context = unknown,\n> = Compute<\n  UseMutationReturnType<\n    ConnectData<config>,\n    ConnectErrorType,\n    ConnectVariables<config, config['connectors'][number]>,\n    context\n  > & {\n    connect: ConnectMutate<config, context>\n    connectAsync: ConnectMutateAsync<config, context>\n    connectors: Compute<UseConnectorsReturnType> | config['connectors']\n  }\n>\n\nexport function useConnect<\n  config extends Config = ResolvedRegister['config'],\n  context = unknown,\n>(\n  parameters: UseConnectParameters<config, context> = {}\n): UseConnectReturnType<config, context> {\n  const { mutation } = parameters\n\n  const config = useConfig(parameters)\n\n  const mutationOptions = connectMutationOptions(config)\n  const { mutate, mutateAsync, reset, ...result } = useMutation({\n    ...mutation,\n    ...mutationOptions,\n  })\n\n  // Reset mutation back to an idle state when the connector disconnects.\n  useEffect(() => {\n    return config.subscribe(\n      ({ status }) => status,\n      (status, previousStatus) => {\n        if (previousStatus === 'connected' && status === 'disconnected') {\n          reset()\n        }\n      }\n    )\n  }, [config, reset])\n\n  type Return = UseConnectReturnType<config, context>\n  return {\n    ...(result as Return),\n    connect: mutate as Return['connect'],\n    connectAsync: mutateAsync as Return['connectAsync'],\n    connectors: useConnectors({ config }),\n  }\n}\n"],"mappings":";;;;;;;AAsDA,SAAgB,WAId,aAAoD,CAAC,GACd;CACvC,MAAM,EAAE,aAAa;CAErB,MAAM,SAAS,UAAU,UAAU;CAEnC,MAAM,kBAAkB,uBAAuB,MAAM;CACrD,MAAM,EAAE,QAAQ,aAAa,OAAO,GAAG,WAAW,YAAY;EAC5D,GAAG;EACH,GAAG;CACL,CAAC;CAGD,gBAAgB;EACd,OAAO,OAAO,WACX,EAAE,aAAa,SACf,QAAQ,mBAAmB;GAC1B,IAAI,mBAAmB,eAAe,WAAW,gBAC/C,MAAM;EAEV,CACF;CACF,GAAG,CAAC,QAAQ,KAAK,CAAC;CAGlB,OAAO;EACL,GAAI;EACJ,SAAS;EACT,cAAc;EACd,YAAY,cAAc,EAAE,OAAO,CAAC;CACtC;AACF"}

package/dist/esm/hooks/useConnectors.d.ts

@@ -0,0 +1,11 @@
+import { ResolvedRegister } from "../types.js";
+import { ConfigParameter } from "./useConfig.js";
+import { Config, GetConnectorsReturnType } from "@bigmi/client";
+
+//#region src/hooks/useConnectors.d.ts
+type UseConnectorsParameters<config extends Config = Config> = ConfigParameter<config>;
+type UseConnectorsReturnType<config extends Config = Config> = GetConnectorsReturnType<config>;
+declare function useConnectors<config extends Config = ResolvedRegister["config"]>(parameters?: UseConnectorsParameters<config>): UseConnectorsReturnType<config>;
+//#endregion
+export { UseConnectorsParameters, UseConnectorsReturnType, useConnectors };
+//# sourceMappingURL=useConnectors.d.ts.map

package/dist/esm/hooks/useConnectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectors.d.ts","names":[],"sources":["../../../src/hooks/useConnectors.ts"],"mappings":";;;;;KAYY,uBAAA,gBAAuC,MAAA,GAAS,MAAA,IAC1D,eAAA,CAAgB,MAAA;AAAA,KAEN,uBAAA,gBAAuC,MAAA,GAAS,MAAA,IAC1D,uBAAA,CAAwB,MAAA;AAAA,iBAIV,aAAA,gBACC,MAAA,GAAS,gBAAA,YAExB,UAAA,GAAY,uBAAA,CAAwB,MAAA,IACnC,uBAAA,CAAwB,MAAA"}

package/dist/esm/hooks/useConnectors.js

@@ -0,0 +1,14 @@
+"use client";
+import { useConfig } from "./useConfig.js";
+import { useSyncExternalStore } from "react";
+import { getConnectors, watchConnectors } from "@bigmi/client";
+//#region src/hooks/useConnectors.ts
+const EMPTY_CONNECTORS = [];
+function useConnectors(parameters = {}) {
+	const config = useConfig(parameters);
+	return useSyncExternalStore((onChange) => watchConnectors(config, { onChange }), () => getConnectors(config), () => EMPTY_CONNECTORS);
+}
+//#endregion
+export { useConnectors };
+
+//# sourceMappingURL=useConnectors.js.map

package/dist/esm/hooks/useConnectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectors.js","names":[],"sources":["../../../src/hooks/useConnectors.ts"],"sourcesContent":["'use client'\n\nimport {\n  type Config,\n  type GetConnectorsReturnType,\n  getConnectors,\n  watchConnectors,\n} from '@bigmi/client'\nimport { useSyncExternalStore } from 'react'\nimport type { ResolvedRegister } from '../types.js'\nimport { type ConfigParameter, useConfig } from './useConfig.js'\n\nexport type UseConnectorsParameters<config extends Config = Config> =\n  ConfigParameter<config>\n\nexport type UseConnectorsReturnType<config extends Config = Config> =\n  GetConnectorsReturnType<config>\n\nconst EMPTY_CONNECTORS: readonly [] = []\n\nexport function useConnectors<\n  config extends Config = ResolvedRegister['config'],\n>(\n  parameters: UseConnectorsParameters<config> = {}\n): UseConnectorsReturnType<config> {\n  const config = useConfig(parameters)\n\n  return useSyncExternalStore(\n    (onChange) => watchConnectors(config, { onChange }),\n    () => getConnectors(config),\n    () => EMPTY_CONNECTORS as UseConnectorsReturnType<config>\n  )\n}\n"],"mappings":";;;;;AAkBA,MAAM,mBAAgC,CAAC;AAEvC,SAAgB,cAGd,aAA8C,CAAC,GACd;CACjC,MAAM,SAAS,UAAU,UAAU;CAEnC,OAAO,sBACJ,aAAa,gBAAgB,QAAQ,EAAE,SAAS,CAAC,SAC5C,cAAc,MAAM,SACpB,gBACR;AACF"}

package/dist/esm/hooks/useReconnect.d.ts

@@ -0,0 +1,7 @@
+import { Config } from "@bigmi/client";
+
+//#region src/hooks/useReconnect.d.ts
+declare const useReconnect: (config: Config) => void;
+//#endregion
+export { useReconnect };
+//# sourceMappingURL=useReconnect.d.ts.map

package/dist/esm/hooks/useReconnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReconnect.d.ts","names":[],"sources":["../../../src/hooks/useReconnect.ts"],"mappings":";;;cAMa,YAAA,GAAgB,MAAQ,EAAA,MAAA"}

package/dist/esm/hooks/useReconnect.js

@@ -0,0 +1,13 @@
+"use client";
+import { useEffect } from "react";
+import { reconnect } from "@bigmi/client";
+//#region src/hooks/useReconnect.ts
+const useReconnect = (config) => {
+	useEffect(() => {
+		reconnect(config);
+	}, [config]);
+};
+//#endregion
+export { useReconnect };
+
+//# sourceMappingURL=useReconnect.js.map

package/dist/esm/hooks/useReconnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReconnect.js","names":[],"sources":["../../../src/hooks/useReconnect.ts"],"sourcesContent":["'use client'\n\nimport { type Config, reconnect } from '@bigmi/client'\n\nimport { useEffect } from 'react'\n\nexport const useReconnect = (config: Config): void => {\n  useEffect(() => {\n    reconnect(config)\n  }, [config])\n}\n"],"mappings":";;;;AAMA,MAAa,gBAAgB,WAAyB;CACpD,gBAAgB;EACd,UAAU,MAAM;CAClB,GAAG,CAAC,MAAM,CAAC;AACb"}

package/dist/esm/hooks/useSyncExternalStoreWithTracked.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/useSyncExternalStoreWithTracked.d.ts
+declare function useSyncExternalStoreWithTracked<Snapshot extends Selection, Selection = Snapshot>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => Snapshot, getServerSnapshot?: (() => Snapshot) | undefined, isEqual?: (a: Selection, b: Selection) => boolean): Selection;
+//#endregion
+export { useSyncExternalStoreWithTracked };
+//# sourceMappingURL=useSyncExternalStoreWithTracked.d.ts.map

package/dist/esm/hooks/useSyncExternalStoreWithTracked.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncExternalStoreWithTracked.d.ts","names":[],"sources":["../../../src/hooks/useSyncExternalStoreWithTracked.ts"],"mappings":";iBAOgB,+BAAA,kBACG,SAAA,cACL,QAAA,EAEZ,SAAA,GAAY,aAAA,6BACZ,WAAA,QAAmB,QAAA,EACnB,iBAAA,UAA0B,QAAA,eAC1B,OAAA,IAAU,CAAA,EAAG,SAAA,EAAW,CAAA,EAAG,SAAA,eAC1B,SAAA"}

package/dist/esm/hooks/useSyncExternalStoreWithTracked.js

@@ -0,0 +1,40 @@
+"use client";
+import { useMemo, useRef, useSyncExternalStore } from "react";
+import { deepEqual } from "@bigmi/core";
+//#region src/hooks/useSyncExternalStoreWithTracked.ts
+const isPlainObject = (obj) => typeof obj === "object" && !Array.isArray(obj);
+function useSyncExternalStoreWithTracked(subscribe, getSnapshot, getServerSnapshot = getSnapshot, isEqual = deepEqual) {
+	const trackedKeys = useRef(/* @__PURE__ */ new Set());
+	const previousResult = useRef(void 0);
+	const snapshotCache = useRef(getSnapshot());
+	const snapshot = useSyncExternalStore((onChange) => subscribe(() => {
+		snapshotCache.current = getSnapshot();
+		onChange();
+	}), () => snapshotCache.current, getServerSnapshot);
+	const result = useMemo(() => {
+		if (!isPlainObject(snapshot)) return snapshot;
+		const trackedResult = { ...snapshot };
+		Object.defineProperties(trackedResult, Object.fromEntries(Object.entries(trackedResult).map(([key, value]) => [key, {
+			configurable: false,
+			enumerable: true,
+			get: () => {
+				trackedKeys.current.add(key);
+				return value;
+			}
+		}])));
+		return trackedResult;
+	}, [snapshot]);
+	return useMemo(() => {
+		if (!trackedKeys.current.size || !previousResult.current) {
+			previousResult.current = result;
+			return result;
+		}
+		if (!Array.from(trackedKeys.current).some((key) => !isEqual(result[key], previousResult.current[key]))) return previousResult.current;
+		previousResult.current = result;
+		return result;
+	}, [result, isEqual]);
+}
+//#endregion
+export { useSyncExternalStoreWithTracked };
+
+//# sourceMappingURL=useSyncExternalStoreWithTracked.js.map

package/dist/esm/hooks/useSyncExternalStoreWithTracked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncExternalStoreWithTracked.js","names":[],"sources":["../../../src/hooks/useSyncExternalStoreWithTracked.ts"],"sourcesContent":["'use client'\nimport { deepEqual } from '@bigmi/core'\nimport { useMemo, useRef, useSyncExternalStore } from 'react'\n\nconst isPlainObject = (obj: unknown): obj is Record<string, any> =>\n  typeof obj === 'object' && !Array.isArray(obj)\n\nexport function useSyncExternalStoreWithTracked<\n  Snapshot extends Selection,\n  Selection = Snapshot,\n>(\n  subscribe: (onStoreChange: () => void) => () => void,\n  getSnapshot: () => Snapshot,\n  getServerSnapshot: (() => Snapshot) | undefined = getSnapshot,\n  isEqual: (a: Selection, b: Selection) => boolean = deepEqual\n): Selection {\n  const trackedKeys = useRef<Set<string>>(new Set())\n  const previousResult = useRef<Selection | undefined>(undefined)\n  const snapshotCache = useRef(getSnapshot())\n\n  const snapshot = useSyncExternalStore(\n    (onChange) =>\n      subscribe(() => {\n        snapshotCache.current = getSnapshot()\n        onChange()\n      }),\n    () => snapshotCache.current!,\n    getServerSnapshot\n  )\n\n  const result = useMemo(() => {\n    if (!isPlainObject(snapshot)) {\n      return snapshot\n    }\n\n    const trackedResult = { ...snapshot }\n    Object.defineProperties(\n      trackedResult,\n      Object.fromEntries(\n        Object.entries(trackedResult).map(([key, value]) => [\n          key,\n          {\n            configurable: false,\n            enumerable: true,\n            get: () => {\n              trackedKeys.current.add(key)\n              return value\n            },\n          },\n        ])\n      )\n    )\n    return trackedResult\n  }, [snapshot])\n\n  return useMemo(() => {\n    if (!trackedKeys.current.size || !previousResult.current) {\n      previousResult.current = result\n      return result\n    }\n\n    const hasChanged = Array.from(trackedKeys.current).some(\n      (key) =>\n        !isEqual(\n          (result as Record<string, Selection>)[key],\n          (previousResult.current as Record<string, Selection>)[key]\n        )\n    )\n\n    if (!hasChanged) {\n      return previousResult.current\n    }\n    previousResult.current = result\n    return result\n  }, [result, isEqual])\n}\n"],"mappings":";;;;AAIA,MAAM,iBAAiB,QACrB,OAAO,QAAQ,YAAY,CAAC,MAAM,QAAQ,GAAG;AAE/C,SAAgB,gCAId,WACA,aACA,oBAAkD,aAClD,UAAmD,WACxC;CACX,MAAM,cAAc,uBAAoB,IAAI,IAAI,CAAC;CACjD,MAAM,iBAAiB,OAA8B,KAAA,CAAS;CAC9D,MAAM,gBAAgB,OAAO,YAAY,CAAC;CAE1C,MAAM,WAAW,sBACd,aACC,gBAAgB;EACd,cAAc,UAAU,YAAY;EACpC,SAAS;CACX,CAAC,SACG,cAAc,SACpB,iBACF;CAEA,MAAM,SAAS,cAAc;EAC3B,IAAI,CAAC,cAAc,QAAQ,GACzB,OAAO;EAGT,MAAM,gBAAgB,EAAE,GAAG,SAAS;EACpC,OAAO,iBACL,eACA,OAAO,YACL,OAAO,QAAQ,aAAa,EAAE,KAAK,CAAC,KAAK,WAAW,CAClD,KACA;GACE,cAAc;GACd,YAAY;GACZ,WAAW;IACT,YAAY,QAAQ,IAAI,GAAG;IAC3B,OAAO;GACT;EACF,CACF,CAAC,CACH,CACF;EACA,OAAO;CACT,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO,cAAc;EACnB,IAAI,CAAC,YAAY,QAAQ,QAAQ,CAAC,eAAe,SAAS;GACxD,eAAe,UAAU;GACzB,OAAO;EACT;EAUA,IAAI,CARe,MAAM,KAAK,YAAY,OAAO,EAAE,MAChD,QACC,CAAC,QACE,OAAqC,MACrC,eAAe,QAAsC,IACxD,CAGU,GACZ,OAAO,eAAe;EAExB,eAAe,UAAU;EACzB,OAAO;CACT,GAAG,CAAC,QAAQ,OAAO,CAAC;AACtB"}

package/dist/esm/hydrate.d.ts

@@ -0,0 +1,21 @@
+import { ResolvedRegister } from "./types.js";
+import { ReactElement } from "react";
+import { Config, State } from "@bigmi/client";
+
+//#region src/hydrate.d.ts
+type HydrateProps = {
+  config: ResolvedRegister["config"];
+  initialState?: State | undefined;
+  reconnectOnMount?: boolean | undefined;
+};
+type HydrateParameters = {
+  initialState?: State | undefined;
+  reconnectOnMount?: boolean | undefined;
+};
+declare function hydrate(config: Config, parameters: HydrateParameters): {
+  onMount(): Promise<void>;
+};
+declare function Hydrate(parameters: React.PropsWithChildren<HydrateProps>): ReactElement;
+//#endregion
+export { Hydrate, HydrateProps, hydrate };
+//# sourceMappingURL=hydrate.d.ts.map

package/dist/esm/hydrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.d.ts","names":[],"sources":["../../src/hydrate.ts"],"mappings":";;;;;KAQY,YAAA;EACV,MAAA,EAAQ,gBAAA;EACR,YAAA,GAAe,KAAA;EACf,gBAAA;AAAA;AAAA,KAGG,iBAAA;EACH,YAAA,GAAe,KAAA;EACf,gBAAA;AAAA;AAAA,iBAGc,OAAA,CACd,MAAA,EAAQ,MAAA,EACR,UAAA,EAAY,iBAAA;EACT,OAAA,IAAW,OAAA;AAAA;AAAA,iBAiCA,OAAA,CAAQ,UAAA,EAAY,KAAA,CAAM,iBAAA,CAAkB,YAAA,IA6BvC,YAAA"}

package/dist/esm/hydrate.js

@@ -0,0 +1,43 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { reconnect } from "@bigmi/client";
+//#region src/hydrate.ts
+function hydrate(config, parameters) {
+	const { initialState, reconnectOnMount } = parameters;
+	if (initialState && !config._internal.store.persist.hasHydrated()) config.setState({
+		...initialState,
+		chainId: config.chains.some((x) => x.id === initialState.chainId) ? initialState.chainId : config.chains[0].id,
+		connections: reconnectOnMount ? initialState.connections : /* @__PURE__ */ new Map(),
+		status: reconnectOnMount ? "reconnecting" : "disconnected"
+	});
+	return { async onMount() {
+		if (config._internal.ssr) await config._internal.store.persist.rehydrate();
+		if (reconnectOnMount) reconnect(config);
+		else if (config.storage) config.setState((x) => ({
+			...x,
+			connections: /* @__PURE__ */ new Map()
+		}));
+	} };
+}
+function Hydrate(parameters) {
+	const { children, config, initialState, reconnectOnMount = true } = parameters;
+	const { onMount } = hydrate(config, {
+		initialState,
+		reconnectOnMount
+	});
+	if (!config._internal.ssr) onMount();
+	const active = useRef(true);
+	useEffect(() => {
+		if (!active.current) return;
+		if (!config._internal.ssr) return;
+		onMount();
+		return () => {
+			active.current = false;
+		};
+	}, []);
+	return children;
+}
+//#endregion
+export { Hydrate, hydrate };
+
+//# sourceMappingURL=hydrate.js.map

package/dist/esm/hydrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.js","names":[],"sources":["../../src/hydrate.ts"],"sourcesContent":["'use client'\n\nimport { type Config, reconnect, type State } from '@bigmi/client'\n\nimport { type ReactElement, useEffect, useRef } from 'react'\n\nimport type { ResolvedRegister } from './types.js'\n\nexport type HydrateProps = {\n  config: ResolvedRegister['config']\n  initialState?: State | undefined\n  reconnectOnMount?: boolean | undefined\n}\n\ntype HydrateParameters = {\n  initialState?: State | undefined\n  reconnectOnMount?: boolean | undefined\n}\n\nexport function hydrate(\n  config: Config,\n  parameters: HydrateParameters\n): { onMount(): Promise<void> } {\n  const { initialState, reconnectOnMount } = parameters\n\n  if (initialState && !config._internal.store.persist.hasHydrated()) {\n    config.setState({\n      ...initialState,\n      chainId: config.chains.some((x) => x.id === initialState.chainId)\n        ? initialState.chainId\n        : config.chains[0].id,\n      connections: reconnectOnMount ? initialState.connections : new Map(),\n      status: reconnectOnMount ? 'reconnecting' : 'disconnected',\n    })\n  }\n\n  return {\n    async onMount(): Promise<void> {\n      if (config._internal.ssr) {\n        await config._internal.store.persist.rehydrate()\n      }\n\n      if (reconnectOnMount) {\n        reconnect(config)\n      } else if (config.storage) {\n        // Reset connections that may have been hydrated from storage.\n        config.setState((x) => ({\n          ...x,\n          connections: new Map(),\n        }))\n      }\n    },\n  }\n}\n\nexport function Hydrate(parameters: React.PropsWithChildren<HydrateProps>) {\n  const { children, config, initialState, reconnectOnMount = true } = parameters\n\n  const { onMount } = hydrate(config, {\n    initialState,\n    reconnectOnMount,\n  })\n\n  // Hydrate for non-SSR\n  if (!config._internal.ssr) {\n    onMount()\n  }\n\n  // Hydrate for SSR\n  const active = useRef(true)\n  // biome-ignore lint/correctness/useExhaustiveDependencies: `queryKey` not required\n  useEffect(() => {\n    if (!active.current) {\n      return\n    }\n    if (!config._internal.ssr) {\n      return\n    }\n    onMount()\n    return () => {\n      active.current = false\n    }\n  }, [])\n\n  return children as ReactElement\n}\n"],"mappings":";;;;AAmBA,SAAgB,QACd,QACA,YAC8B;CAC9B,MAAM,EAAE,cAAc,qBAAqB;CAE3C,IAAI,gBAAgB,CAAC,OAAO,UAAU,MAAM,QAAQ,YAAY,GAC9D,OAAO,SAAS;EACd,GAAG;EACH,SAAS,OAAO,OAAO,MAAM,MAAM,EAAE,OAAO,aAAa,OAAO,IAC5D,aAAa,UACb,OAAO,OAAO,GAAG;EACrB,aAAa,mBAAmB,aAAa,8BAAc,IAAI,IAAI;EACnE,QAAQ,mBAAmB,iBAAiB;CAC9C,CAAC;CAGH,OAAO,EACL,MAAM,UAAyB;EAC7B,IAAI,OAAO,UAAU,KACnB,MAAM,OAAO,UAAU,MAAM,QAAQ,UAAU;EAGjD,IAAI,kBACF,UAAU,MAAM;OACX,IAAI,OAAO,SAEhB,OAAO,UAAU,OAAO;GACtB,GAAG;GACH,6BAAa,IAAI,IAAI;EACvB,EAAE;CAEN,EACF;AACF;AAEA,SAAgB,QAAQ,YAAmD;CACzE,MAAM,EAAE,UAAU,QAAQ,cAAc,mBAAmB,SAAS;CAEpE,MAAM,EAAE,YAAY,QAAQ,QAAQ;EAClC;EACA;CACF,CAAC;CAGD,IAAI,CAAC,OAAO,UAAU,KACpB,QAAQ;CAIV,MAAM,SAAS,OAAO,IAAI;CAE1B,gBAAgB;EACd,IAAI,CAAC,OAAO,SACV;EAEF,IAAI,CAAC,OAAO,UAAU,KACpB;EAEF,QAAQ;EACR,aAAa;GACX,OAAO,UAAU;EACnB;CACF,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}

package/dist/esm/index.d.ts

@@ -0,0 +1,6 @@
+import { BigmiContext, BigmiProvider, BigmiProviderProps } from "./context.js";
+import { useConfig } from "./hooks/useConfig.js";
+import { useAccount } from "./hooks/useAccount.js";
+import { useConnect } from "./hooks/useConnect.js";
+import { useReconnect } from "./hooks/useReconnect.js";
+export { BigmiContext, BigmiProvider, type BigmiProviderProps, useAccount, useConfig, useConnect, useReconnect };

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+import { BigmiContext, BigmiProvider } from "./context.js";
+import { useConfig } from "./hooks/useConfig.js";
+import { useAccount } from "./hooks/useAccount.js";
+import { useConnect } from "./hooks/useConnect.js";
+import { useReconnect } from "./hooks/useReconnect.js";
+export { BigmiContext, BigmiProvider, useAccount, useConfig, useConnect, useReconnect };

package/dist/esm/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/dist/esm/types.d.ts

@@ -0,0 +1,12 @@
+import { Config } from "@bigmi/client";
+
+//#region src/types.d.ts
+type Register = {};
+type ResolvedRegister = {
+  config: Register extends {
+    config: infer config extends Config;
+  } ? config : Config;
+};
+//#endregion
+export { Register, ResolvedRegister };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/types.ts"],"mappings":";;;KAGY,QAAA;AAAA,KACA,gBAAA;EACV,MAAA,EAAQ,QAAA;IAAmB,MAAA,uBAA6B,MAAA;EAAA,IACpD,MAAA,GACA,MAAA;AAAA"}

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/query.d.ts

@@ -0,0 +1,9 @@
+import { Compute, UnionStrictOmit } from "@bigmi/core";
+import { UseMutationOptions, UseMutationResult } from "@tanstack/react-query";
+
+//#region src/utils/query.d.ts
+type UseMutationParameters<data = unknown, error = Error, variables = void, context = unknown> = Compute<Omit<UseMutationOptions<data, error, Compute<variables>, context>, "mutationFn" | "mutationKey" | "throwOnError">>;
+type UseMutationReturnType<data = unknown, error = Error, variables = void, context = unknown> = Compute<UnionStrictOmit<UseMutationResult<data, error, variables, context>, "mutate" | "mutateAsync">>;
+//#endregion
+export { UseMutationParameters, UseMutationReturnType };
+//# sourceMappingURL=query.d.ts.map

package/dist/esm/utils/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","names":[],"sources":["../../../src/utils/query.ts"],"mappings":";;;;KAQY,qBAAA,yBAEF,KAAA,yCAGN,OAAA,CACF,IAAA,CACE,kBAAA,CAAmB,IAAA,EAAM,KAAA,EAAO,OAAA,CAAQ,SAAA,GAAY,OAAA;AAAA,KAK5C,qBAAA,yBAEF,KAAA,yCAGN,OAAA,CACF,eAAA,CACE,iBAAA,CAAkB,IAAA,EAAM,KAAA,EAAO,SAAA,EAAW,OAAA"}

package/dist/esm/utils/query.js

@@ -0,0 +1,2 @@
+"use client";
+export {};

package/dist/esm/version.d.ts

@@ -0,0 +1,6 @@
+//#region src/version.d.ts
+declare const name = "@bigmi/react";
+declare const version = "0.0.0-preview-aab0339";
+//#endregion
+export { name, version };
+//# sourceMappingURL=version.d.ts.map

package/dist/esm/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","names":[],"sources":["../../src/version.ts"],"mappings":";cAAa,IAAA;AAAA,cACA,OAAA"}

package/dist/esm/version.js

@@ -0,0 +1,7 @@
+//#region src/version.ts
+const name = "@bigmi/react";
+const version = "0.0.0-preview-aab0339";
+//#endregion
+export { name, version };
+
+//# sourceMappingURL=version.js.map

package/dist/esm/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","names":[],"sources":["../../src/version.ts"],"sourcesContent":["export const name = '@bigmi/react'\nexport const version = '0.0.0-preview-aab0339'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@bigmi/react",
+  "version": "0.0.0-preview-aab0339",
+  "description": "React primitives for Bitcoin apps.",
+  "type": "module",
+  "main": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "sideEffects": false,
+  "author": "Eugene Chybisov <eugene@li.finance>",
+  "homepage": "https://github.com/lifinance/bigmi",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lifinance/bigmi.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/lifinance/bigmi/issues"
+  },
+  "license": "MIT",
+  "keywords": [
+    "bitcoin",
+    "bitcoinjs",
+    "btc",
+    "utxo",
+    "web3",
+    "dapp",
+    "typescript",
+    "react",
+    "hooks"
+  ],
+  "dependencies": {
+    "@bigmi/core": "0.8.1",
+    "@bigmi/client": "0.0.0-preview-aab0339"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.68.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "files": [
+    "dist/**",
+    "CHANGELOG.md",
+    "!dist/**/*.tsbuildinfo",
+    "src/**/*.ts",
+    "!src/**/*.spec.ts",
+    "!**/__mocks__/**",
+    "!*.tmp",
+    "!*.env",
+    "!tsconfig.json"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}

package/src/context.ts

@@ -0,0 +1,33 @@
+'use client'
+import type { State } from '@bigmi/client'
+import {
+  type Context,
+  createContext,
+  createElement,
+  type PropsWithChildren,
+  type ReactElement,
+} from 'react'
+import { Hydrate } from './hydrate.js'
+import type { ResolvedRegister } from './types.js'
+
+export const BigmiContext: Context<ResolvedRegister['config'] | undefined> =
+  createContext<ResolvedRegister['config'] | undefined>(undefined)
+
+export type BigmiProviderProps = {
+  config: ResolvedRegister['config']
+  initialState?: State | undefined
+  reconnectOnMount?: boolean | undefined
+}
+
+export function BigmiProvider(
+  parameters: PropsWithChildren<BigmiProviderProps>
+): ReactElement {
+  const { children, config } = parameters
+
+  const props = { value: config }
+  return createElement(
+    Hydrate,
+    parameters,
+    createElement(BigmiContext.Provider, props, children)
+  )
+}

package/src/errors/context.ts

@@ -0,0 +1,11 @@
+import { BaseError } from '@bigmi/core'
+
+export type BigmiProviderNotFoundErrorType = BigmiProviderNotFoundError & {
+  name: 'BigmiProviderNotFoundError'
+}
+export class BigmiProviderNotFoundError extends BaseError {
+  override name = 'BigmiProviderNotFoundError'
+  constructor() {
+    super('`useConfig` must be used within `BigmiProvider`.')
+  }
+}

package/src/hooks/useAccount.ts

@@ -0,0 +1,43 @@
+'use client'
+
+import {
+  type Config,
+  type GetAccountReturnType,
+  getAccount,
+  watchAccount,
+} from '@bigmi/client'
+
+import type { ResolvedRegister } from '../types.js'
+import { type ConfigParameter, useConfig } from './useConfig.js'
+import { useSyncExternalStoreWithTracked } from './useSyncExternalStoreWithTracked.js'
+
+export type UseAccountParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseAccountReturnType<config extends Config = Config> =
+  GetAccountReturnType<config>
+
+const DISCONNECTED_ACCOUNT: GetAccountReturnType = {
+  account: undefined,
+  accounts: undefined,
+  chain: undefined,
+  chainId: undefined,
+  connector: undefined,
+  isConnected: false,
+  isConnecting: false,
+  isDisconnected: true,
+  isReconnecting: false,
+  status: 'disconnected',
+}
+
+export function useAccount<C extends Config = ResolvedRegister['config']>(
+  parameters: UseAccountParameters<C> = {}
+): UseAccountReturnType<C> {
+  const config = useConfig(parameters)
+
+  return useSyncExternalStoreWithTracked(
+    (onChange) => watchAccount(config, { onChange }),
+    () => getAccount(config),
+    () => DISCONNECTED_ACCOUNT as UseAccountReturnType<C>
+  )
+}

package/src/hooks/useConfig.ts

@@ -0,0 +1,27 @@
+'use client'
+
+import type { Config } from '@bigmi/client'
+import { useContext } from 'react'
+import { BigmiContext } from '../context.js'
+import { BigmiProviderNotFoundError } from '../errors/context.js'
+import type { ResolvedRegister } from '../types.js'
+
+export type ConfigParameter<config extends Config = Config> = {
+  config?: Config | config | undefined
+}
+
+export type UseConfigParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseConfigReturnType<config extends Config = Config> = config
+
+export function useConfig<C extends Config = ResolvedRegister['config']>(
+  parameters: UseConfigParameters<C> = {}
+): UseConfigReturnType<C> {
+  // biome-ignore lint/correctness/useHookAtTopLevel: part of the hook
+  const config = parameters.config ?? useContext(BigmiContext)
+  if (!config) {
+    throw new BigmiProviderNotFoundError()
+  }
+  return config as UseConfigReturnType<C>
+}