@frak-labs/react-sdk 0.1.1 → 0.2.0

package/README.md

@@ -6,3 +6,28 @@ Checkout our documentation for more information's about the usage:
 - [React client usage](https://docs.frak.id/wallet-sdk/getting-started/react)
 - [Core client usage](https://docs.frak.id/wallet-sdk/getting-started/javascript)
 - [CDN / Browser usage](https://docs.frak.id/wallet-sdk/getting-started/cdn)
+
+## Hooks
+
+| Hook | Purpose |
+|------|---------|
+| `useWalletStatus` | Watch wallet connection state and account information |
+| `useDisplayModal` | Trigger SDK modal display for user interactions |
+| `useSiweAuthenticate` | SIWE (Sign-In with Ethereum) authentication flow |
+| `useOpenSso` | Open SSO authentication flow |
+| `usePrepareSso` | Prepare SSO data before opening authentication |
+| `useSendTransactionAction` | Send blockchain transaction actions |
+| `useGetMerchantInformation` | Query merchant info and available rewards |
+| `useReferralInteraction` | Auto-submit referral interactions |
+| `useFrakClient` | Access the FrakClient instance |
+| `useFrakConfig` | Access SDK configuration |
+
+## Providers
+
+Wrap your application root with these providers:
+
+- **`FrakConfigProvider`** — SDK configuration context. Required at app root.
+- **`FrakIFrameClientProvider`** — Iframe client context for SDK communication.
+
+Both providers export TypeScript types: `FrakConfigProviderProps`, `FrakIFrameClientProps`.
+

package/dist/index.cjs

@@ -1 +1 @@
-let e=require(`@frak-labs/core-sdk/actions`),t=require(`@frak-labs/frame-connector`),n=require(`@tanstack/react-query`),r=require(`react`),i=require(`@frak-labs/core-sdk`);const a=(0,r.createContext)(void 0);function o(e){let{children:t,config:n}=e;return(0,r.createElement)(a.Provider,{value:{...n,walletUrl:n.walletUrl??`https://wallet.frak.id`,domain:n.domain??(typeof window<`u`?window?.location?.host:void 0)??`not-found`}},t)}const s=(0,r.createContext)(void 0);function c({style:e,children:t}){let n=g(),[a,o]=(0,r.useState)(void 0);return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(`iframe`,{...i.baseIframeProps,src:`${n.walletUrl}/listener`,style:e??i.baseIframeProps.style,ref:e=>{!e||a||o((0,i.createIFrameFrakClient)({iframe:e,config:n}))}}),(0,r.createElement)(s.Provider,{value:a},t))}function l(){return(0,r.useContext)(s)}function u(){let i=(0,n.useQueryClient)(),a=l(),o=(0,r.useCallback)(e=>{i.setQueryData([`frak-sdk`,`wallet-status-listener`],e)},[i]);return(0,n.useQuery)({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`wallet-status-listener`],queryFn:async()=>{if(!a)throw new t.ClientNotFound;return(0,e.watchWalletStatus)(a,o)},enabled:!!a})}function d(){let[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(!0)},[]),e}function f(){let e=d(),[t,n]=(0,r.useState)(e?window.location:void 0);return(0,r.useEffect)(()=>{if(!e)return;function r(){n(window.location)}return t||r(),window.addEventListener(`popstate`,r),()=>{window.removeEventListener(`popstate`,r)}},[e,t]),{location:t,href:(0,r.useMemo)(()=>t?.href,[t?.href])}}function p(){let{location:e}=f();return{frakContext:(0,r.useMemo)(()=>e?.href?i.FrakContextManager.parse({url:e.href}):null,[e?.href]),updateContext:(0,r.useCallback)(t=>{console.log(`Updating context`,{newContext:t}),i.FrakContextManager.replaceUrl({url:e?.href,context:t})},[e?.href])}}function m({productId:i,modalConfig:a,options:o}={}){let s=l(),{frakContext:c}=p(),{data:d}=u(),{data:f,error:m,status:h}=(0,n.useQuery)({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`auto-referral-interaction`,c?.r??`no-referrer`,d?.key??`no-wallet-status`,i??`no-product-id`],queryFn:()=>{if(!s)throw new t.ClientNotFound;return(0,e.processReferral)(s,{walletStatus:d,frakContext:c,modalConfig:a,productId:i,options:o})},enabled:!!d});return(0,r.useMemo)(()=>h===`pending`?`processing`:h===`error`?m:f||`idle`,[f,h,m])}function h({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`display-modal`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.displayModal)(i,n)}})}function g(){let e=(0,r.useContext)(a);if(!e)throw new t.FrakRpcError(t.RpcErrorCodes.configError,`Frak config not found`);return e}function _({query:r}={}){let i=l();return(0,n.useQuery)({...r,queryKey:[`frak-sdk`,`get-product-information`],queryFn:async()=>{if(!i)throw new t.ClientNotFound;return(0,e.getProductInformation)(i)}})}function v({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`open-sso`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.openSso)(i,n)}})}function y(r){let i=l();return(0,n.useQuery)({queryKey:[`frak-sdk`,`prepare-sso`,r],queryFn:async()=>{if(!i)throw new t.ClientNotFound;return(0,e.prepareSso)(i,r)}})}function b({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`send-interaction`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.sendInteraction)(i,n)}})}function x({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`send-transaction`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.sendTransaction)(i,n)}})}function S({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`siwe-authenticate`,i?.config.domain??`no-domain`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.siweAuthenticate)(i,n)}})}exports.FrakConfigContext=a,exports.FrakConfigProvider=o,exports.FrakIFrameClientContext=s,exports.FrakIFrameClientProvider=c,exports.useDisplayModal=h,exports.useFrakClient=l,exports.useFrakConfig=g,exports.useGetProductInformation=_,exports.useOpenSso=v,exports.usePrepareSso=y,exports.useReferralInteraction=m,exports.useSendInteraction=b,exports.useSendTransactionAction=x,exports.useSiweAuthenticate=S,exports.useWalletStatus=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@frak-labs/core-sdk/actions`),t=require(`@frak-labs/frame-connector`),n=require(`@tanstack/react-query`),r=require(`react`),i=require(`@frak-labs/core-sdk`);const a=(0,r.createContext)(void 0);function o(e){let{children:t,config:n}=e;return(0,r.createElement)(a.Provider,{value:{...n,walletUrl:n.walletUrl??`https://wallet.frak.id`,domain:n.domain??(typeof window<`u`?window?.location?.host:void 0)??`not-found`}},t)}const s=(0,r.createContext)(void 0);function c({style:e,children:t}){let n=g(),[a,o]=(0,r.useState)(void 0);return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(`iframe`,{...i.baseIframeProps,src:`${n.walletUrl}/listener`,style:e??i.baseIframeProps.style,ref:e=>{!e||a||o((0,i.createIFrameFrakClient)({iframe:e,config:n}))}}),(0,r.createElement)(s.Provider,{value:a},t))}function l(){return(0,r.useContext)(s)}function u(){let i=(0,n.useQueryClient)(),a=l(),o=(0,r.useCallback)(e=>{i.setQueryData([`frak-sdk`,`wallet-status-listener`],e)},[i]);return(0,n.useQuery)({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`wallet-status-listener`],queryFn:async()=>{if(!a)throw new t.ClientNotFound;return(0,e.watchWalletStatus)(a,o)},enabled:!!a})}function d(){let[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(!0)},[]),e}function f(){let e=d(),[t,n]=(0,r.useState)(e?window.location:void 0);return(0,r.useEffect)(()=>{if(!e)return;function r(){n(window.location)}return t||r(),window.addEventListener(`popstate`,r),()=>{window.removeEventListener(`popstate`,r)}},[e,t]),{location:t,href:(0,r.useMemo)(()=>t?.href,[t?.href])}}function p(){let{location:e}=f();return{frakContext:(0,r.useMemo)(()=>e?.href?i.FrakContextManager.parse({url:e.href}):null,[e?.href]),updateContext:(0,r.useCallback)(t=>{console.log(`Updating context`,{newContext:t}),i.FrakContextManager.replaceUrl({url:e?.href,context:t})},[e?.href])}}function m({modalConfig:i,options:a}={}){let o=l(),{frakContext:s}=p(),{data:c}=u(),{data:d,error:f,status:m}=(0,n.useQuery)({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`auto-referral-interaction`,s?.r??`no-referrer`,c?.key??`no-wallet-status`],queryFn:()=>{if(!o)throw new t.ClientNotFound;return(0,e.processReferral)(o,{walletStatus:c,frakContext:s,modalConfig:i,options:a})},enabled:!!c});return(0,r.useMemo)(()=>m===`pending`?`processing`:m===`error`?f:d||`idle`,[d,m,f])}function h({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`display-modal`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.displayModal)(i,n)}})}function g(){let e=(0,r.useContext)(a);if(!e)throw new t.FrakRpcError(t.RpcErrorCodes.configError,`Frak config not found`);return e}function _({query:r}={}){let i=l();return(0,n.useQuery)({...r,queryKey:[`frak-sdk`,`get-merchant-information`],queryFn:async()=>{if(!i)throw new t.ClientNotFound;return(0,e.getMerchantInformation)(i)}})}function v({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`open-sso`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.openSso)(i,n)}})}function y(r){let i=l();return(0,n.useQuery)({queryKey:[`frak-sdk`,`prepare-sso`,r],queryFn:async()=>{if(!i)throw new t.ClientNotFound;return(0,e.prepareSso)(i,r)}})}function b({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`send-transaction`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.sendTransaction)(i,n)}})}function x({mutations:r}={}){let i=l();return(0,n.useMutation)({...r,mutationKey:[`frak-sdk`,`siwe-authenticate`,i?.config.domain??`no-domain`],mutationFn:async n=>{if(!i)throw new t.ClientNotFound;return(0,e.siweAuthenticate)(i,n)}})}exports.FrakConfigContext=a,exports.FrakConfigProvider=o,exports.FrakIFrameClientContext=s,exports.FrakIFrameClientProvider=c,exports.useDisplayModal=h,exports.useFrakClient=l,exports.useFrakConfig=g,exports.useGetMerchantInformation=_,exports.useOpenSso=v,exports.usePrepareSso=y,exports.useReferralInteraction=m,exports.useSendTransactionAction=b,exports.useSiweAuthenticate=x,exports.useWalletStatus=u;

package/dist/index.d.cts

@@ -1,22 +1,19 @@
 import * as _frak_labs_core_sdk0 from "@frak-labs/core-sdk";
-import { DisplayEmbeddedWalletParamsType, DisplayModalParamsType, FrakClient, FrakWalletSdkConfig, GetProductInformationReturnType, ModalRpcStepsResultType, ModalStepTypes, OpenSsoParamsType, OpenSsoReturnType, PrepareSsoParamsType, SendInteractionParamsType, SendInteractionReturnType, SendTransactionReturnType, SiweAuthenticateReturnType, WalletStatusReturnType } from "@frak-labs/core-sdk";
+import { DisplayEmbeddedWalletParamsType, DisplayModalParamsType, FrakClient, FrakWalletSdkConfig, GetMerchantInformationReturnType, ModalRpcStepsResultType, ModalStepTypes, OpenSsoParamsType, OpenSsoReturnType, PrepareSsoParamsType, SendTransactionReturnType, SiweAuthenticateReturnType, WalletStatusReturnType } from "@frak-labs/core-sdk";
 import { ProcessReferralOptions, SendTransactionParams, SiweAuthenticateModalParams } from "@frak-labs/core-sdk/actions";
-import { Hex } from "viem";
 import * as _tanstack_react_query0 from "@tanstack/react-query";
 import { UseMutationOptions, UseQueryOptions } from "@tanstack/react-query";
 import { FrakRpcError } from "@frak-labs/frame-connector";
-import * as react2 from "react";
+import * as react from "react";
 import { CSSProperties, PropsWithChildren, ReactNode } from "react";
 
 //#region src/hook/helper/useReferralInteraction.d.ts
-
 /**
  * Helper hook to automatically submit a referral interaction when detected
  *
  * @group hooks
  *
  * @param args
- * @param args.productId - The product id to interact with (if not specified will be recomputed from the current domain)
  * @param args.modalConfig - The modal configuration to display if the user is not logged in
  * @param args.options - Some options for the referral interaction
  *
@@ -27,31 +24,29 @@ import { CSSProperties, PropsWithChildren, ReactNode } from "react";
  * @see {@link @frak-labs/core-sdk!actions.processReferral | `processReferral()`} for more details on the automatic referral handling process
  */
 declare function useReferralInteraction({
-  productId,
   modalConfig,
   options
 }?: {
-  productId?: Hex;
   modalConfig?: DisplayEmbeddedWalletParamsType;
   options?: ProcessReferralOptions;
-}): Error | ("processing" | "no-referrer" | "idle" | "success" | "no-wallet" | "no-session" | "error" | "self-referral");
+}): Error | ("processing" | "no-referrer" | "idle" | "success" | "no-wallet" | "error" | "self-referral");
 //#endregion
 //#region src/hook/useDisplayModal.d.ts
 /** @ignore */
-type MutationOptions$4<T extends ModalStepTypes[]> = Omit<UseMutationOptions<ModalRpcStepsResultType<T>, FrakRpcError, DisplayModalParamsType<T>>, "mutationFn" | "mutationKey">;
+type MutationOptions$3<T extends ModalStepTypes[]> = Omit<UseMutationOptions<ModalRpcStepsResultType<T>, FrakRpcError, DisplayModalParamsType<T>>, "mutationFn" | "mutationKey">;
 /** @inline */
 interface UseDisplayModalParams<T extends ModalStepTypes[] = ModalStepTypes[]> {
   /**
    * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
    */
-  mutations?: MutationOptions$4<T>;
+  mutations?: MutationOptions$3<T>;
 }
 /**
  * Hook that return a mutation helping to display a modal to the user
  *
  * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.displayModal | `displayModal()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @typeParam T
  * The modal steps types to display (the result will correspond to the steps types asked in params)
@@ -91,52 +86,52 @@ declare function useFrakClient(): _frak_labs_core_sdk0.FrakClient | undefined;
  */
 declare function useFrakConfig(): _frak_labs_core_sdk0.FrakWalletSdkConfig;
 //#endregion
-//#region src/hook/useGetProductInformation.d.ts
+//#region src/hook/useGetMerchantInformation.d.ts
 /** @ignore */
-type QueryOptions = Omit<UseQueryOptions<GetProductInformationReturnType, FrakRpcError, undefined>, "queryKey" | "queryFn">;
+type QueryOptions = Omit<UseQueryOptions<GetMerchantInformationReturnType, FrakRpcError, GetMerchantInformationReturnType>, "queryKey" | "queryFn">;
 /** @inline */
-interface UseGetProductInformationParams {
+interface UseGetMerchantInformationParams {
   /**
    * Optional query options, see {@link @tanstack/react-query!useQuery | `useQuery()`} for more infos
    */
   query?: QueryOptions;
 }
 /**
- * Hook that return a query helping to get the current product information
+ * Hook that return a query helping to get the current merchant information
  *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} action
+ * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.getMerchantInformation | `getMerchantInformation()`} action
  *
- * @param args
+ * @param args - Optional config object with `query` for customizing the underlying {@link @tanstack/react-query!useQuery | `useQuery()`}
  *
  * @group hooks
  *
  * @returns
- * The query hook wrapping the `getProductInformation()` action
- * The `data` result is a {@link @frak-labs/core-sdk!index.GetProductInformationReturnType | `GetProductInformationReturnType`}
+ * The query hook wrapping the `getMerchantInformation()` action
+ * The `data` result is a {@link @frak-labs/core-sdk!index.GetMerchantInformationReturnType | `GetMerchantInformationReturnType`}
  *
- * @see {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} for more info about the underlying action
+ * @see {@link @frak-labs/core-sdk!actions.getMerchantInformation | `getMerchantInformation()`} for more info about the underlying action
  * @see {@link @tanstack/react-query!useQuery | `useQuery()`} for more info about the useQuery options and response
  */
-declare function useGetProductInformation({
+declare function useGetMerchantInformation({
   query
-}?: UseGetProductInformationParams): _tanstack_react_query0.UseQueryResult<undefined, FrakRpcError<undefined>>;
+}?: UseGetMerchantInformationParams): _tanstack_react_query0.UseQueryResult<GetMerchantInformationReturnType, FrakRpcError<undefined>>;
 //#endregion
 //#region src/hook/useOpenSso.d.ts
 /** @ignore */
-type MutationOptions$3 = Omit<UseMutationOptions<OpenSsoReturnType, FrakRpcError, OpenSsoParamsType>, "mutationFn" | "mutationKey">;
+type MutationOptions$2 = Omit<UseMutationOptions<OpenSsoReturnType, FrakRpcError, OpenSsoParamsType>, "mutationFn" | "mutationKey">;
 /** @inline */
 interface UseOpenSsoParams {
   /**
    * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
    */
-  mutations?: MutationOptions$3;
+  mutations?: MutationOptions$2;
 }
 /**
  * Hook that return a mutation helping to open the SSO page
  *
  * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.openSso | `openSso()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @group hooks
  *
@@ -191,37 +186,6 @@ declare function useOpenSso({
  */
 declare function usePrepareSso(params: PrepareSsoParamsType): _tanstack_react_query0.UseQueryResult<_frak_labs_core_sdk0.PrepareSsoReturnType, Error>;
 //#endregion
-//#region src/hook/useSendInteraction.d.ts
-/** @ignore */
-type MutationOptions$2 = Omit<UseMutationOptions<SendInteractionReturnType, FrakRpcError, SendInteractionParamsType>, "mutationFn" | "mutationKey">;
-/** @inline */
-interface UseSendInteractionParams {
-  /**
-   * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
-   */
-  mutations?: MutationOptions$2;
-}
-/**
- * Hook that return a mutation helping to send a user interaction
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendInteraction | `sendInteraction()`} action
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `sendInteraction()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!index.SendInteractionParamsType | `SendInteractionParamsType`}
- * The `data` result is a {@link @frak-labs/core-sdk!index.SendInteractionReturnType | `SendInteractionReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.sendInteraction | `sendInteraction()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-declare function useSendInteraction({
-  mutations
-}?: UseSendInteractionParams): _tanstack_react_query0.UseMutationResult<SendInteractionReturnType, FrakRpcError<undefined>, SendInteractionParamsType, unknown>;
-//#endregion
 //#region src/hook/useSendTransaction.d.ts
 /** @ignore */
 type MutationOptions$1 = Omit<UseMutationOptions<SendTransactionReturnType, FrakRpcError, SendTransactionParams>, "mutationFn" | "mutationKey">;
@@ -237,7 +201,7 @@ interface UseSendTransactionParams {
  *
  * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @group hooks
  *
@@ -266,9 +230,9 @@ interface UseSiweAuthenticateParams {
 /**
  * Hook that return a mutation helping to send perform a SIWE authentication
  *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} action
+ * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.siweAuthenticate | `siweAuthenticate()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @group hooks
  *
@@ -306,7 +270,7 @@ declare function useWalletStatus(): _tanstack_react_query0.UseQueryResult<Wallet
  * The context that will keep the Frak Wallet SDK configuration
  * @ignore
  */
-declare const FrakConfigContext: react2.Context<FrakWalletSdkConfig | undefined>;
+declare const FrakConfigContext: react.Context<FrakWalletSdkConfig | undefined>;
 /**
  * Props to instantiate the Frak Wallet SDK configuration provider
  *
@@ -328,14 +292,14 @@ type FrakConfigProviderProps = {
  *
  * @param parameters
  */
-declare function FrakConfigProvider(parameters: PropsWithChildren<FrakConfigProviderProps>): react2.FunctionComponentElement<react2.ProviderProps<FrakWalletSdkConfig | undefined>>;
+declare function FrakConfigProvider(parameters: PropsWithChildren<FrakConfigProviderProps>): react.FunctionComponentElement<react.ProviderProps<FrakWalletSdkConfig | undefined>>;
 //#endregion
 //#region src/provider/FrakIFrameClientProvider.d.ts
 /**
  * The context that will keep the Frak Wallet SDK client
  * @ignore
  */
-declare const FrakIFrameClientContext: react2.Context<FrakClient | undefined>;
+declare const FrakIFrameClientContext: react.Context<FrakClient | undefined>;
 /**
  * Props to instantiate the Frak Wallet SDK configuration provider
  *
@@ -363,6 +327,6 @@ declare function FrakIFrameClientProvider({
 }: {
   style?: CSSProperties;
   children?: ReactNode;
-}): react2.FunctionComponentElement<react2.FragmentProps>;
+}): react.FunctionComponentElement<react.FragmentProps>;
 //#endregion
-export { FrakConfigContext, FrakConfigProvider, type FrakConfigProviderProps, FrakIFrameClientContext, type FrakIFrameClientProps, FrakIFrameClientProvider, useDisplayModal, useFrakClient, useFrakConfig, useGetProductInformation, useOpenSso, usePrepareSso, useReferralInteraction, useSendInteraction, useSendTransactionAction, useSiweAuthenticate, useWalletStatus };
+export { FrakConfigContext, FrakConfigProvider, type FrakConfigProviderProps, FrakIFrameClientContext, type FrakIFrameClientProps, FrakIFrameClientProvider, useDisplayModal, useFrakClient, useFrakConfig, useGetMerchantInformation, useOpenSso, usePrepareSso, useReferralInteraction, useSendTransactionAction, useSiweAuthenticate, useWalletStatus };

package/dist/index.d.ts

@@ -2,21 +2,18 @@ import { ProcessReferralOptions, SendTransactionParams, SiweAuthenticateModalPar
 import { FrakRpcError } from "@frak-labs/frame-connector";
 import * as _tanstack_react_query0 from "@tanstack/react-query";
 import { UseMutationOptions, UseQueryOptions } from "@tanstack/react-query";
-import * as react2 from "react";
+import * as react from "react";
 import { CSSProperties, PropsWithChildren, ReactNode } from "react";
 import * as _frak_labs_core_sdk0 from "@frak-labs/core-sdk";
-import { DisplayEmbeddedWalletParamsType, DisplayModalParamsType, FrakClient, FrakWalletSdkConfig, GetProductInformationReturnType, ModalRpcStepsResultType, ModalStepTypes, OpenSsoParamsType, OpenSsoReturnType, PrepareSsoParamsType, SendInteractionParamsType, SendInteractionReturnType, SendTransactionReturnType, SiweAuthenticateReturnType, WalletStatusReturnType } from "@frak-labs/core-sdk";
-import { Hex } from "viem";
+import { DisplayEmbeddedWalletParamsType, DisplayModalParamsType, FrakClient, FrakWalletSdkConfig, GetMerchantInformationReturnType, ModalRpcStepsResultType, ModalStepTypes, OpenSsoParamsType, OpenSsoReturnType, PrepareSsoParamsType, SendTransactionReturnType, SiweAuthenticateReturnType, WalletStatusReturnType } from "@frak-labs/core-sdk";
 
 //#region src/hook/helper/useReferralInteraction.d.ts
-
 /**
  * Helper hook to automatically submit a referral interaction when detected
  *
  * @group hooks
  *
  * @param args
- * @param args.productId - The product id to interact with (if not specified will be recomputed from the current domain)
  * @param args.modalConfig - The modal configuration to display if the user is not logged in
  * @param args.options - Some options for the referral interaction
  *
@@ -27,31 +24,29 @@ import { Hex } from "viem";
  * @see {@link @frak-labs/core-sdk!actions.processReferral | `processReferral()`} for more details on the automatic referral handling process
  */
 declare function useReferralInteraction({
-  productId,
   modalConfig,
   options
 }?: {
-  productId?: Hex;
   modalConfig?: DisplayEmbeddedWalletParamsType;
   options?: ProcessReferralOptions;
-}): Error | ("processing" | "no-referrer" | "idle" | "success" | "no-wallet" | "no-session" | "error" | "self-referral");
+}): Error | ("processing" | "no-referrer" | "idle" | "success" | "no-wallet" | "error" | "self-referral");
 //#endregion
 //#region src/hook/useDisplayModal.d.ts
 /** @ignore */
-type MutationOptions$4<T extends ModalStepTypes[]> = Omit<UseMutationOptions<ModalRpcStepsResultType<T>, FrakRpcError, DisplayModalParamsType<T>>, "mutationFn" | "mutationKey">;
+type MutationOptions$3<T extends ModalStepTypes[]> = Omit<UseMutationOptions<ModalRpcStepsResultType<T>, FrakRpcError, DisplayModalParamsType<T>>, "mutationFn" | "mutationKey">;
 /** @inline */
 interface UseDisplayModalParams<T extends ModalStepTypes[] = ModalStepTypes[]> {
   /**
    * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
    */
-  mutations?: MutationOptions$4<T>;
+  mutations?: MutationOptions$3<T>;
 }
 /**
  * Hook that return a mutation helping to display a modal to the user
  *
  * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.displayModal | `displayModal()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @typeParam T
  * The modal steps types to display (the result will correspond to the steps types asked in params)
@@ -91,52 +86,52 @@ declare function useFrakClient(): _frak_labs_core_sdk0.FrakClient | undefined;
  */
 declare function useFrakConfig(): _frak_labs_core_sdk0.FrakWalletSdkConfig;
 //#endregion
-//#region src/hook/useGetProductInformation.d.ts
+//#region src/hook/useGetMerchantInformation.d.ts
 /** @ignore */
-type QueryOptions = Omit<UseQueryOptions<GetProductInformationReturnType, FrakRpcError, undefined>, "queryKey" | "queryFn">;
+type QueryOptions = Omit<UseQueryOptions<GetMerchantInformationReturnType, FrakRpcError, GetMerchantInformationReturnType>, "queryKey" | "queryFn">;
 /** @inline */
-interface UseGetProductInformationParams {
+interface UseGetMerchantInformationParams {
   /**
    * Optional query options, see {@link @tanstack/react-query!useQuery | `useQuery()`} for more infos
    */
   query?: QueryOptions;
 }
 /**
- * Hook that return a query helping to get the current product information
+ * Hook that return a query helping to get the current merchant information
  *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} action
+ * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.getMerchantInformation | `getMerchantInformation()`} action
  *
- * @param args
+ * @param args - Optional config object with `query` for customizing the underlying {@link @tanstack/react-query!useQuery | `useQuery()`}
  *
  * @group hooks
  *
  * @returns
- * The query hook wrapping the `getProductInformation()` action
- * The `data` result is a {@link @frak-labs/core-sdk!index.GetProductInformationReturnType | `GetProductInformationReturnType`}
+ * The query hook wrapping the `getMerchantInformation()` action
+ * The `data` result is a {@link @frak-labs/core-sdk!index.GetMerchantInformationReturnType | `GetMerchantInformationReturnType`}
  *
- * @see {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} for more info about the underlying action
+ * @see {@link @frak-labs/core-sdk!actions.getMerchantInformation | `getMerchantInformation()`} for more info about the underlying action
  * @see {@link @tanstack/react-query!useQuery | `useQuery()`} for more info about the useQuery options and response
  */
-declare function useGetProductInformation({
+declare function useGetMerchantInformation({
   query
-}?: UseGetProductInformationParams): _tanstack_react_query0.UseQueryResult<undefined, FrakRpcError<undefined>>;
+}?: UseGetMerchantInformationParams): _tanstack_react_query0.UseQueryResult<GetMerchantInformationReturnType, FrakRpcError<undefined>>;
 //#endregion
 //#region src/hook/useOpenSso.d.ts
 /** @ignore */
-type MutationOptions$3 = Omit<UseMutationOptions<OpenSsoReturnType, FrakRpcError, OpenSsoParamsType>, "mutationFn" | "mutationKey">;
+type MutationOptions$2 = Omit<UseMutationOptions<OpenSsoReturnType, FrakRpcError, OpenSsoParamsType>, "mutationFn" | "mutationKey">;
 /** @inline */
 interface UseOpenSsoParams {
   /**
    * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
    */
-  mutations?: MutationOptions$3;
+  mutations?: MutationOptions$2;
 }
 /**
  * Hook that return a mutation helping to open the SSO page
  *
  * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.openSso | `openSso()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @group hooks
  *
@@ -191,37 +186,6 @@ declare function useOpenSso({
  */
 declare function usePrepareSso(params: PrepareSsoParamsType): _tanstack_react_query0.UseQueryResult<_frak_labs_core_sdk0.PrepareSsoReturnType, Error>;
 //#endregion
-//#region src/hook/useSendInteraction.d.ts
-/** @ignore */
-type MutationOptions$2 = Omit<UseMutationOptions<SendInteractionReturnType, FrakRpcError, SendInteractionParamsType>, "mutationFn" | "mutationKey">;
-/** @inline */
-interface UseSendInteractionParams {
-  /**
-   * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
-   */
-  mutations?: MutationOptions$2;
-}
-/**
- * Hook that return a mutation helping to send a user interaction
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendInteraction | `sendInteraction()`} action
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `sendInteraction()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!index.SendInteractionParamsType | `SendInteractionParamsType`}
- * The `data` result is a {@link @frak-labs/core-sdk!index.SendInteractionReturnType | `SendInteractionReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.sendInteraction | `sendInteraction()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-declare function useSendInteraction({
-  mutations
-}?: UseSendInteractionParams): _tanstack_react_query0.UseMutationResult<SendInteractionReturnType, FrakRpcError<undefined>, SendInteractionParamsType, unknown>;
-//#endregion
 //#region src/hook/useSendTransaction.d.ts
 /** @ignore */
 type MutationOptions$1 = Omit<UseMutationOptions<SendTransactionReturnType, FrakRpcError, SendTransactionParams>, "mutationFn" | "mutationKey">;
@@ -237,7 +201,7 @@ interface UseSendTransactionParams {
  *
  * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @group hooks
  *
@@ -266,9 +230,9 @@ interface UseSiweAuthenticateParams {
 /**
  * Hook that return a mutation helping to send perform a SIWE authentication
  *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} action
+ * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.siweAuthenticate | `siweAuthenticate()`} action
  *
- * @param args
+ * @param args - Optional config object with `mutations` for customizing the underlying {@link @tanstack/react-query!useMutation | `useMutation()`}
  *
  * @group hooks
  *
@@ -306,7 +270,7 @@ declare function useWalletStatus(): _tanstack_react_query0.UseQueryResult<Wallet
  * The context that will keep the Frak Wallet SDK configuration
  * @ignore
  */
-declare const FrakConfigContext: react2.Context<FrakWalletSdkConfig | undefined>;
+declare const FrakConfigContext: react.Context<FrakWalletSdkConfig | undefined>;
 /**
  * Props to instantiate the Frak Wallet SDK configuration provider
  *
@@ -328,14 +292,14 @@ type FrakConfigProviderProps = {
  *
  * @param parameters
  */
-declare function FrakConfigProvider(parameters: PropsWithChildren<FrakConfigProviderProps>): react2.FunctionComponentElement<react2.ProviderProps<FrakWalletSdkConfig | undefined>>;
+declare function FrakConfigProvider(parameters: PropsWithChildren<FrakConfigProviderProps>): react.FunctionComponentElement<react.ProviderProps<FrakWalletSdkConfig | undefined>>;
 //#endregion
 //#region src/provider/FrakIFrameClientProvider.d.ts
 /**
  * The context that will keep the Frak Wallet SDK client
  * @ignore
  */
-declare const FrakIFrameClientContext: react2.Context<FrakClient | undefined>;
+declare const FrakIFrameClientContext: react.Context<FrakClient | undefined>;
 /**
  * Props to instantiate the Frak Wallet SDK configuration provider
  *
@@ -363,6 +327,6 @@ declare function FrakIFrameClientProvider({
 }: {
   style?: CSSProperties;
   children?: ReactNode;
-}): react2.FunctionComponentElement<react2.FragmentProps>;
+}): react.FunctionComponentElement<react.FragmentProps>;
 //#endregion
-export { FrakConfigContext, FrakConfigProvider, type FrakConfigProviderProps, FrakIFrameClientContext, type FrakIFrameClientProps, FrakIFrameClientProvider, useDisplayModal, useFrakClient, useFrakConfig, useGetProductInformation, useOpenSso, usePrepareSso, useReferralInteraction, useSendInteraction, useSendTransactionAction, useSiweAuthenticate, useWalletStatus };
+export { FrakConfigContext, FrakConfigProvider, type FrakConfigProviderProps, FrakIFrameClientContext, type FrakIFrameClientProps, FrakIFrameClientProvider, useDisplayModal, useFrakClient, useFrakConfig, useGetMerchantInformation, useOpenSso, usePrepareSso, useReferralInteraction, useSendTransactionAction, useSiweAuthenticate, useWalletStatus };

package/dist/index.js

@@ -1 +1 @@
-import{displayModal as e,getProductInformation as t,openSso as n,prepareSso as r,processReferral as i,sendInteraction as a,sendTransaction as o,siweAuthenticate as s,watchWalletStatus as c}from"@frak-labs/core-sdk/actions";import{ClientNotFound as l,FrakRpcError as u,RpcErrorCodes as d}from"@frak-labs/frame-connector";import{useMutation as f,useQuery as p,useQueryClient as m}from"@tanstack/react-query";import{Fragment as h,createContext as g,createElement as _,useCallback as v,useContext as y,useEffect as b,useMemo as x,useState as S}from"react";import{FrakContextManager as C,baseIframeProps as w,createIFrameFrakClient as T}from"@frak-labs/core-sdk";const E=g(void 0);function D(e){let{children:t,config:n}=e;return _(E.Provider,{value:{...n,walletUrl:n.walletUrl??`https://wallet.frak.id`,domain:n.domain??(typeof window<`u`?window?.location?.host:void 0)??`not-found`}},t)}const O=g(void 0);function k({style:e,children:t}){let n=L(),[r,i]=S(void 0);return _(h,null,_(`iframe`,{...w,src:`${n.walletUrl}/listener`,style:e??w.style,ref:e=>{!e||r||i(T({iframe:e,config:n}))}}),_(O.Provider,{value:r},t))}function A(){return y(O)}function j(){let e=m(),t=A(),n=v(t=>{e.setQueryData([`frak-sdk`,`wallet-status-listener`],t)},[e]);return p({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`wallet-status-listener`],queryFn:async()=>{if(!t)throw new l;return c(t,n)},enabled:!!t})}function M(){let[e,t]=S(!1);return b(()=>{t(!0)},[]),e}function N(){let e=M(),[t,n]=S(e?window.location:void 0);return b(()=>{if(!e)return;function r(){n(window.location)}return t||r(),window.addEventListener(`popstate`,r),()=>{window.removeEventListener(`popstate`,r)}},[e,t]),{location:t,href:x(()=>t?.href,[t?.href])}}function P(){let{location:e}=N();return{frakContext:x(()=>e?.href?C.parse({url:e.href}):null,[e?.href]),updateContext:v(t=>{console.log(`Updating context`,{newContext:t}),C.replaceUrl({url:e?.href,context:t})},[e?.href])}}function F({productId:e,modalConfig:t,options:n}={}){let r=A(),{frakContext:a}=P(),{data:o}=j(),{data:s,error:c,status:u}=p({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`auto-referral-interaction`,a?.r??`no-referrer`,o?.key??`no-wallet-status`,e??`no-product-id`],queryFn:()=>{if(!r)throw new l;return i(r,{walletStatus:o,frakContext:a,modalConfig:t,productId:e,options:n})},enabled:!!o});return x(()=>u===`pending`?`processing`:u===`error`?c:s||`idle`,[s,u,c])}function I({mutations:t}={}){let n=A();return f({...t,mutationKey:[`frak-sdk`,`display-modal`],mutationFn:async t=>{if(!n)throw new l;return e(n,t)}})}function L(){let e=y(E);if(!e)throw new u(d.configError,`Frak config not found`);return e}function R({query:e}={}){let n=A();return p({...e,queryKey:[`frak-sdk`,`get-product-information`],queryFn:async()=>{if(!n)throw new l;return t(n)}})}function z({mutations:e}={}){let t=A();return f({...e,mutationKey:[`frak-sdk`,`open-sso`],mutationFn:async e=>{if(!t)throw new l;return n(t,e)}})}function B(e){let t=A();return p({queryKey:[`frak-sdk`,`prepare-sso`,e],queryFn:async()=>{if(!t)throw new l;return r(t,e)}})}function V({mutations:e}={}){let t=A();return f({...e,mutationKey:[`frak-sdk`,`send-interaction`],mutationFn:async e=>{if(!t)throw new l;return a(t,e)}})}function H({mutations:e}={}){let t=A();return f({...e,mutationKey:[`frak-sdk`,`send-transaction`],mutationFn:async e=>{if(!t)throw new l;return o(t,e)}})}function U({mutations:e}={}){let t=A();return f({...e,mutationKey:[`frak-sdk`,`siwe-authenticate`,t?.config.domain??`no-domain`],mutationFn:async e=>{if(!t)throw new l;return s(t,e)}})}export{E as FrakConfigContext,D as FrakConfigProvider,O as FrakIFrameClientContext,k as FrakIFrameClientProvider,I as useDisplayModal,A as useFrakClient,L as useFrakConfig,R as useGetProductInformation,z as useOpenSso,B as usePrepareSso,F as useReferralInteraction,V as useSendInteraction,H as useSendTransactionAction,U as useSiweAuthenticate,j as useWalletStatus};
+import{displayModal as e,getMerchantInformation as t,openSso as n,prepareSso as r,processReferral as i,sendTransaction as a,siweAuthenticate as o,watchWalletStatus as s}from"@frak-labs/core-sdk/actions";import{ClientNotFound as c,FrakRpcError as l,RpcErrorCodes as u}from"@frak-labs/frame-connector";import{useMutation as d,useQuery as f,useQueryClient as p}from"@tanstack/react-query";import{Fragment as m,createContext as h,createElement as g,useCallback as _,useContext as v,useEffect as y,useMemo as b,useState as x}from"react";import{FrakContextManager as S,baseIframeProps as C,createIFrameFrakClient as w}from"@frak-labs/core-sdk";const T=h(void 0);function E(e){let{children:t,config:n}=e;return g(T.Provider,{value:{...n,walletUrl:n.walletUrl??`https://wallet.frak.id`,domain:n.domain??(typeof window<`u`?window?.location?.host:void 0)??`not-found`}},t)}const D=h(void 0);function O({style:e,children:t}){let n=I(),[r,i]=x(void 0);return g(m,null,g(`iframe`,{...C,src:`${n.walletUrl}/listener`,style:e??C.style,ref:e=>{!e||r||i(w({iframe:e,config:n}))}}),g(D.Provider,{value:r},t))}function k(){return v(D)}function A(){let e=p(),t=k(),n=_(t=>{e.setQueryData([`frak-sdk`,`wallet-status-listener`],t)},[e]);return f({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`wallet-status-listener`],queryFn:async()=>{if(!t)throw new c;return s(t,n)},enabled:!!t})}function j(){let[e,t]=x(!1);return y(()=>{t(!0)},[]),e}function M(){let e=j(),[t,n]=x(e?window.location:void 0);return y(()=>{if(!e)return;function r(){n(window.location)}return t||r(),window.addEventListener(`popstate`,r),()=>{window.removeEventListener(`popstate`,r)}},[e,t]),{location:t,href:b(()=>t?.href,[t?.href])}}function N(){let{location:e}=M();return{frakContext:b(()=>e?.href?S.parse({url:e.href}):null,[e?.href]),updateContext:_(t=>{console.log(`Updating context`,{newContext:t}),S.replaceUrl({url:e?.href,context:t})},[e?.href])}}function P({modalConfig:e,options:t}={}){let n=k(),{frakContext:r}=N(),{data:a}=A(),{data:o,error:s,status:l}=f({gcTime:0,staleTime:0,queryKey:[`frak-sdk`,`auto-referral-interaction`,r?.r??`no-referrer`,a?.key??`no-wallet-status`],queryFn:()=>{if(!n)throw new c;return i(n,{walletStatus:a,frakContext:r,modalConfig:e,options:t})},enabled:!!a});return b(()=>l===`pending`?`processing`:l===`error`?s:o||`idle`,[o,l,s])}function F({mutations:t}={}){let n=k();return d({...t,mutationKey:[`frak-sdk`,`display-modal`],mutationFn:async t=>{if(!n)throw new c;return e(n,t)}})}function I(){let e=v(T);if(!e)throw new l(u.configError,`Frak config not found`);return e}function L({query:e}={}){let n=k();return f({...e,queryKey:[`frak-sdk`,`get-merchant-information`],queryFn:async()=>{if(!n)throw new c;return t(n)}})}function R({mutations:e}={}){let t=k();return d({...e,mutationKey:[`frak-sdk`,`open-sso`],mutationFn:async e=>{if(!t)throw new c;return n(t,e)}})}function z(e){let t=k();return f({queryKey:[`frak-sdk`,`prepare-sso`,e],queryFn:async()=>{if(!t)throw new c;return r(t,e)}})}function B({mutations:e}={}){let t=k();return d({...e,mutationKey:[`frak-sdk`,`send-transaction`],mutationFn:async e=>{if(!t)throw new c;return a(t,e)}})}function V({mutations:e}={}){let t=k();return d({...e,mutationKey:[`frak-sdk`,`siwe-authenticate`,t?.config.domain??`no-domain`],mutationFn:async e=>{if(!t)throw new c;return o(t,e)}})}export{T as FrakConfigContext,E as FrakConfigProvider,D as FrakIFrameClientContext,O as FrakIFrameClientProvider,F as useDisplayModal,k as useFrakClient,I as useFrakConfig,L as useGetMerchantInformation,R as useOpenSso,z as usePrepareSso,P as useReferralInteraction,B as useSendTransactionAction,V as useSiweAuthenticate,A as useWalletStatus};

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "React SDK of the Frak wallet, low level library to interact directly with the frak ecosystem.",
   "repository": {
     "url": "https://github.com/frak-id/wallet",
@@ -33,7 +33,8 @@
   },
   "type": "module",
   "files": [
-    "/dist"
+    "/dist",
+    "/src"
   ],
   "main": "./dist/index.cjs",
   "types": "./dist/index.d.cts",
@@ -58,7 +59,7 @@
     "build": "tsdown",
     "build:watch": "tsdown --watch",
     "check-exports": "attw --pack .",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsgo --noEmit",
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage",
@@ -66,8 +67,8 @@
     "publish": "echo 'Publishing react...'"
   },
   "dependencies": {
-    "@frak-labs/frame-connector": "0.1.0",
-    "@frak-labs/core-sdk": "0.1.0"
+    "@frak-labs/frame-connector": "0.2.0",
+    "@frak-labs/core-sdk": "0.2.0"
   },
   "peerDependencies": {
     "viem": "^2.x",
@@ -78,22 +79,22 @@
     "@arethetypeswrong/cli": "^0.18.2",
     "@frak-labs/dev-tooling": "0.0.0",
     "@frak-labs/test-foundation": "0.1.0",
-    "@frak-labs/wallet-shared": "0.0.0",
-    "@tanstack/react-query": "^5.90.16",
+    "@frak-labs/wallet-shared": "0.0.2",
+    "@tanstack/react-query": "^5.90.20",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/jsdom": "^27.0.0",
-    "@types/node": "^24.10.4",
-    "@types/react": "19.2.7",
-    "@vitest/coverage-v8": "^4.0.16",
-    "@vitest/ui": "^4.0.16",
-    "jsdom": "^27.3.0",
-    "react": "^19.2.3",
-    "tsdown": "^0.18.2",
+    "@types/node": "^24.10.13",
+    "@types/react": "19.2.13",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vitest/ui": "^4.0.18",
+    "jsdom": "^28.0.0",
+    "react": "^19.2.4",
+    "tsdown": "^0.20.3",
     "typescript": "^5",
     "viem": "^2.39.0",
-    "vitest": "^4.0.16"
+    "vitest": "^4.0.18"
   }
 }