@frak-labs/nexus-sdk 0.0.7 → 0.0.8

package/README.md

@@ -1,6 +1,6 @@
 # Nexus Wallet SDK
 
-This SDK help any dApps, or gated content provider, use the [Nexus Wallet](https://poc-wallet.frak.id/) as a regular wallet, with smoother UX for your end-users (pay for his gas fees, check the paywall options, track his consumption etc.)
+This SDK help any dApps, or gated content provider, use the [Nexus Wallet](https://nexus.frak.id/) as a regular wallet, with smoother UX for your end-users (pay for his gas fees, check the paywall options, track his consumption etc.)
 
 Checkout our documentation for more informations about the usage:
  - [React client usage](https://docs.frak.id/wallet-sdk/how-to/client-react)
@@ -29,11 +29,12 @@ import type { NexusClient, NexusWalletSdkConfig } from "@frak-labs/nexus-sdk/cor
 // Create the config for the Nexus Wallet SDK
 export const nexusConfig: NexusWalletSdkConfig = {
     // The current url for the wallet sdk
-    walletUrl: "https://poc-wallet.frak.id",
-    // The content id on which this sdk will be used
-    contentId: "0xdeadbeef",
-    // The content title, this will be displayed to the user during a few registration steps
-    contentTitle: "My dApp content title"
+    walletUrl: "https://nexus-dev.frak.id",
+    // The name of your dapp
+    metadata: {
+        // Your app name
+        name: string,
+    },
 }
 
 // Create the iFrame and the associated NexusClient

package/dist/{chunk-DI2REDPX.js → chunk-4VFMYMTH.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk-5QWG35A2.js";
 
 // src/core/actions/getUnlockOptions.ts
-function getArticleUnlockOptions(client, { articleId }) {
+function getArticleUnlockOptions(client, { articleId, contentId }) {
   return client.request({
     method: "frak_getArticleUnlockOptions",
-    params: [client.config.contentId, articleId]
+    params: [contentId, articleId]
   });
 }
 
 // src/core/actions/watchUnlockStatus.ts
-function watchUnlockStatus(client, { articleId }, callback) {
+function watchUnlockStatus(client, { articleId, contentId }, callback) {
   return client.listenerRequest(
     {
       method: "frak_listenToArticleUnlockStatus",
-      params: [client.config.contentId, articleId]
+      params: [contentId, articleId]
     },
     callback
   );
@@ -39,11 +39,7 @@ async function getStartArticleUnlockUrl(config, params) {
   const { compressed, compressedHash } = await hashAndCompressData(
     {
       method: "frak_startArticleUnlock",
-      params: {
-        ...params,
-        contentId: config.contentId,
-        contentTitle: config.contentTitle
-      }
+      params
     },
     redirectRequestKeyProvider
   );

package/dist/{chunk-3LF3FGI6.cjs → chunk-6V4UCVTD.cjs}

@@ -6,19 +6,19 @@
 var _chunk2XUJYDD3cjs = require('./chunk-2XUJYDD3.cjs');
 
 // src/core/actions/getUnlockOptions.ts
-function getArticleUnlockOptions(client, { articleId }) {
+function getArticleUnlockOptions(client, { articleId, contentId }) {
   return client.request({
     method: "frak_getArticleUnlockOptions",
-    params: [client.config.contentId, articleId]
+    params: [contentId, articleId]
   });
 }
 
 // src/core/actions/watchUnlockStatus.ts
-function watchUnlockStatus(client, { articleId }, callback) {
+function watchUnlockStatus(client, { articleId, contentId }, callback) {
   return client.listenerRequest(
     {
       method: "frak_listenToArticleUnlockStatus",
-      params: [client.config.contentId, articleId]
+      params: [contentId, articleId]
     },
     callback
   );
@@ -39,11 +39,7 @@ async function getStartArticleUnlockUrl(config, params) {
   const { compressed, compressedHash } = await _chunk2XUJYDD3cjs.hashAndCompressData.call(void 0, 
     {
       method: "frak_startArticleUnlock",
-      params: {
-        ...params,
-        contentId: config.contentId,
-        contentTitle: config.contentTitle
-      }
+      params
     },
     _chunk2XUJYDD3cjs.redirectRequestKeyProvider
   );

package/dist/{client-DWLJ8zR-.d.cts → client-MgLVRfPw.d.cts}

@@ -6,8 +6,9 @@ import { Prettify } from 'viem/chains';
  */
 type NexusWalletSdkConfig = Readonly<{
     walletUrl: string;
-    contentId: Hex;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }>;
 
 type PaidArticleUnlockPrice = Readonly<{
@@ -57,6 +58,7 @@ type UnlockError = {
  * The response to the get unlock options response
  */
 type UnlockOptionsReturnType = Readonly<{
+    frkBalanceAsHex?: Hex;
     prices: {
         index: number;
         unlockDurationInSec: number;
@@ -116,7 +118,6 @@ type WalletStatusReturnType = Readonly<WalletConnected | WalletNotConnected>;
 type WalletConnected = {
     key: "connected";
     wallet: Address;
-    frkBalanceAsHex: Hex;
 };
 type WalletNotConnected = {
     key: "not-connected";

package/dist/{client-DWLJ8zR-.d.ts → client-MgLVRfPw.d.ts}

@@ -6,8 +6,9 @@ import { Prettify } from 'viem/chains';
  */
 type NexusWalletSdkConfig = Readonly<{
     walletUrl: string;
-    contentId: Hex;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }>;
 
 type PaidArticleUnlockPrice = Readonly<{
@@ -57,6 +58,7 @@ type UnlockError = {
  * The response to the get unlock options response
  */
 type UnlockOptionsReturnType = Readonly<{
+    frkBalanceAsHex?: Hex;
     prices: {
         index: number;
         unlockDurationInSec: number;
@@ -116,7 +118,6 @@ type WalletStatusReturnType = Readonly<WalletConnected | WalletNotConnected>;
 type WalletConnected = {
     key: "connected";
     wallet: Address;
-    frkBalanceAsHex: Hex;
 };
 type WalletNotConnected = {
     key: "not-connected";

package/dist/core/actions/index.cjs

@@ -4,7 +4,7 @@
 
 
 
-var _chunk3LF3FGI6cjs = require('../../chunk-3LF3FGI6.cjs');
+var _chunk6V4UCVTDcjs = require('../../chunk-6V4UCVTD.cjs');
 require('../../chunk-2XUJYDD3.cjs');
 
 
@@ -12,4 +12,4 @@ require('../../chunk-2XUJYDD3.cjs');
 
 
 
-exports.decodeStartUnlockReturn = _chunk3LF3FGI6cjs.decodeStartUnlockReturn; exports.getArticleUnlockOptions = _chunk3LF3FGI6cjs.getArticleUnlockOptions; exports.getStartArticleUnlockUrl = _chunk3LF3FGI6cjs.getStartArticleUnlockUrl; exports.watchUnlockStatus = _chunk3LF3FGI6cjs.watchUnlockStatus; exports.watchWalletStatus = _chunk3LF3FGI6cjs.watchWalletStatus;
+exports.decodeStartUnlockReturn = _chunk6V4UCVTDcjs.decodeStartUnlockReturn; exports.getArticleUnlockOptions = _chunk6V4UCVTDcjs.getArticleUnlockOptions; exports.getStartArticleUnlockUrl = _chunk6V4UCVTDcjs.getStartArticleUnlockUrl; exports.watchUnlockStatus = _chunk6V4UCVTDcjs.watchUnlockStatus; exports.watchWalletStatus = _chunk6V4UCVTDcjs.watchWalletStatus;

package/dist/core/actions/index.d.cts

@@ -1,5 +1,5 @@
-export { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams, g as getArticleUnlockOptions, w as watchUnlockStatus } from '../../watchUnlockStatus-B4kRztOM.cjs';
-import { N as NexusClient, W as WalletStatusReturnType, a as NexusWalletSdkConfig, S as StartArticleUnlockReturnType, b as StartArticleUnlockParams } from '../../client-DWLJ8zR-.cjs';
+export { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams, g as getArticleUnlockOptions, w as watchUnlockStatus } from '../../watchUnlockStatus-DqWkImYK.cjs';
+import { N as NexusClient, W as WalletStatusReturnType, a as NexusWalletSdkConfig, S as StartArticleUnlockReturnType, b as StartArticleUnlockParams } from '../../client-MgLVRfPw.cjs';
 import 'viem';
 import 'viem/chains';
 
@@ -10,7 +10,7 @@ import 'viem/chains';
  */
 declare function watchWalletStatus(client: NexusClient, callback: (status: WalletStatusReturnType) => void): Promise<void>;
 
-type GetStartUnlockUrlParams = Omit<StartArticleUnlockParams, "contentId" | "contentTitle">;
+type GetStartUnlockUrlParams = StartArticleUnlockParams;
 /**
  * Function used to build the unlock URL for a given article
  * @param config

package/dist/core/actions/index.d.ts

@@ -1,5 +1,5 @@
-export { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams, g as getArticleUnlockOptions, w as watchUnlockStatus } from '../../watchUnlockStatus--7dFtOJr.js';
-import { N as NexusClient, W as WalletStatusReturnType, a as NexusWalletSdkConfig, S as StartArticleUnlockReturnType, b as StartArticleUnlockParams } from '../../client-DWLJ8zR-.js';
+export { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams, g as getArticleUnlockOptions, w as watchUnlockStatus } from '../../watchUnlockStatus-DQYfUj46.js';
+import { N as NexusClient, W as WalletStatusReturnType, a as NexusWalletSdkConfig, S as StartArticleUnlockReturnType, b as StartArticleUnlockParams } from '../../client-MgLVRfPw.js';
 import 'viem';
 import 'viem/chains';
 
@@ -10,7 +10,7 @@ import 'viem/chains';
  */
 declare function watchWalletStatus(client: NexusClient, callback: (status: WalletStatusReturnType) => void): Promise<void>;
 
-type GetStartUnlockUrlParams = Omit<StartArticleUnlockParams, "contentId" | "contentTitle">;
+type GetStartUnlockUrlParams = StartArticleUnlockParams;
 /**
  * Function used to build the unlock URL for a given article
  * @param config

package/dist/core/actions/index.js

@@ -4,7 +4,7 @@ import {
   getStartArticleUnlockUrl,
   watchUnlockStatus,
   watchWalletStatus
-} from "../../chunk-DI2REDPX.js";
+} from "../../chunk-4VFMYMTH.js";
 import "../../chunk-5QWG35A2.js";
 export {
   decodeStartUnlockReturn,

package/dist/core/index.d.cts

@@ -1,5 +1,5 @@
-import { a as NexusWalletSdkConfig, N as NexusClient, E as ExtractedParametersFromRpc, I as IFrameRpcSchema, c as ExtractedReturnTypeFromRpc, R as RedirectRpcSchema } from '../client-DWLJ8zR-.cjs';
-export { A as ArticleUnlockStatusReturnType, f as IFrameEvent, e as IFrameRpcEvent, d as IFrameTransport, P as PaidArticleUnlockPrice, b as StartArticleUnlockParams, S as StartArticleUnlockReturnType, U as UnlockOptionsReturnType, W as WalletStatusReturnType } from '../client-DWLJ8zR-.cjs';
+import { a as NexusWalletSdkConfig, N as NexusClient, E as ExtractedParametersFromRpc, I as IFrameRpcSchema, c as ExtractedReturnTypeFromRpc, R as RedirectRpcSchema } from '../client-MgLVRfPw.cjs';
+export { A as ArticleUnlockStatusReturnType, f as IFrameEvent, e as IFrameRpcEvent, d as IFrameTransport, P as PaidArticleUnlockPrice, b as StartArticleUnlockParams, S as StartArticleUnlockReturnType, U as UnlockOptionsReturnType, W as WalletStatusReturnType } from '../client-MgLVRfPw.cjs';
 import 'viem';
 import 'viem/chains';
 

package/dist/core/index.d.ts

@@ -1,5 +1,5 @@
-import { a as NexusWalletSdkConfig, N as NexusClient, E as ExtractedParametersFromRpc, I as IFrameRpcSchema, c as ExtractedReturnTypeFromRpc, R as RedirectRpcSchema } from '../client-DWLJ8zR-.js';
-export { A as ArticleUnlockStatusReturnType, f as IFrameEvent, e as IFrameRpcEvent, d as IFrameTransport, P as PaidArticleUnlockPrice, b as StartArticleUnlockParams, S as StartArticleUnlockReturnType, U as UnlockOptionsReturnType, W as WalletStatusReturnType } from '../client-DWLJ8zR-.js';
+import { a as NexusWalletSdkConfig, N as NexusClient, E as ExtractedParametersFromRpc, I as IFrameRpcSchema, c as ExtractedReturnTypeFromRpc, R as RedirectRpcSchema } from '../client-MgLVRfPw.js';
+export { A as ArticleUnlockStatusReturnType, f as IFrameEvent, e as IFrameRpcEvent, d as IFrameTransport, P as PaidArticleUnlockPrice, b as StartArticleUnlockParams, S as StartArticleUnlockReturnType, U as UnlockOptionsReturnType, W as WalletStatusReturnType } from '../client-MgLVRfPw.js';
 import 'viem';
 import 'viem/chains';
 

package/dist/react/index.cjs

@@ -5,7 +5,7 @@ var _chunkJXQKTLEEcjs = require('../chunk-JXQKTLEE.cjs');
 
 
 
-var _chunk3LF3FGI6cjs = require('../chunk-3LF3FGI6.cjs');
+var _chunk6V4UCVTDcjs = require('../chunk-6V4UCVTD.cjs');
 require('../chunk-2XUJYDD3.cjs');
 
 // src/react/provider/NexusConfigProvider.ts
@@ -51,17 +51,23 @@ function useNexusClient() {
 
 // src/react/hook/useArticleUnlockOptions.ts
 var _reactquery = require('@tanstack/react-query');
-function useArticleUnlockOptions({ articleId }) {
+function useArticleUnlockOptions({
+  articleId,
+  contentId
+}) {
   const client = useNexusClient();
   return _reactquery.useQuery.call(void 0, {
     queryKey: ["articleUnlockOptions", _nullishCoalesce(articleId, () => ( "no-article-id"))],
     queryFn: async () => {
-      if (!articleId) {
+      if (!(articleId && contentId)) {
         throw new Error("No article id provided");
       }
-      return await _chunk3LF3FGI6cjs.getArticleUnlockOptions.call(void 0, client, { articleId });
+      return await _chunk6V4UCVTDcjs.getArticleUnlockOptions.call(void 0, client, {
+        articleId,
+        contentId
+      });
     },
-    enabled: !!articleId,
+    enabled: !!articleId && !!contentId,
     gcTime: 0
   });
 }
@@ -82,7 +88,7 @@ function useWalletStatus() {
     gcTime: 0,
     queryKey: ["walletStatusListener"],
     queryFn: async () => {
-      await _chunk3LF3FGI6cjs.watchWalletStatus.call(void 0, client, newStatusUpdated);
+      await _chunk6V4UCVTDcjs.watchWalletStatus.call(void 0, client, newStatusUpdated);
       return { key: "waiting-response" };
     }
   });
@@ -91,32 +97,47 @@ function useWalletStatus() {
 // src/react/hook/useArticleUnlockStatus.ts
 
 
-function useArticleUnlockStatus({ articleId }) {
+function useArticleUnlockStatus({
+  articleId,
+  contentId
+}) {
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const client = useNexusClient();
   const newStatusUpdated = _react.useCallback.call(void 0, 
     (event) => {
       queryClient.setQueryData(
-        ["articleUnlockStatusListener", _nullishCoalesce(articleId, () => ( "no-article-id"))],
+        [
+          "articleUnlockStatusListener",
+          _nullishCoalesce(articleId, () => ( "no-article-id")),
+          _nullishCoalesce(contentId, () => ( "no-contentId-id"))
+        ],
         event
       );
     },
-    [articleId, queryClient]
+    [articleId, contentId, queryClient]
   );
   return _reactquery.useQuery.call(void 0, {
-    queryKey: ["articleUnlockStatusListener", _nullishCoalesce(articleId, () => ( "no-article-id"))],
+    queryKey: [
+      "articleUnlockStatusListener",
+      _nullishCoalesce(articleId, () => ( "no-article-id")),
+      _nullishCoalesce(contentId, () => ( "no-contentId-id"))
+    ],
     gcTime: 0,
     queryFn: async () => {
-      if (!articleId) {
+      if (!(articleId && contentId)) {
         return null;
       }
-      await _chunk3LF3FGI6cjs.watchUnlockStatus.call(void 0, client, { articleId }, newStatusUpdated);
+      await _chunk6V4UCVTDcjs.watchUnlockStatus.call(void 0, 
+        client,
+        { articleId, contentId },
+        newStatusUpdated
+      );
       return {
         status: "waiting-response",
         key: "waiting-response"
       };
     },
-    enabled: !!articleId
+    enabled: !!articleId && !!contentId
   });
 }
 

package/dist/react/index.d.cts

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { PropsWithChildren, ReactNode } from 'react';
-import { a as NexusWalletSdkConfig, N as NexusClient, W as WalletStatusReturnType, A as ArticleUnlockStatusReturnType } from '../client-DWLJ8zR-.cjs';
+import { a as NexusWalletSdkConfig, N as NexusClient, W as WalletStatusReturnType, A as ArticleUnlockStatusReturnType } from '../client-MgLVRfPw.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams } from '../watchUnlockStatus-B4kRztOM.cjs';
+import { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams } from '../watchUnlockStatus-DqWkImYK.cjs';
 import 'viem';
 import 'viem/chains';
 
@@ -11,8 +11,9 @@ import 'viem/chains';
  */
 declare const NexusConfigContext: react.Context<Readonly<{
     walletUrl: string;
-    contentId: `0x${string}`;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }> | undefined>;
 /**
  * Props to instantiate the Nexus Wallet SDK configuration provider
@@ -27,8 +28,9 @@ type NexusConfigProviderProps = {
  */
 declare function NexusConfigProvider(parameters: PropsWithChildren<NexusConfigProviderProps>): react.FunctionComponentElement<react.ProviderProps<Readonly<{
     walletUrl: string;
-    contentId: `0x${string}`;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }> | undefined>>;
 
 /**
@@ -58,8 +60,9 @@ declare function NexusIFrameClientProvider({ children, }: {
  */
 declare function useNexusConfig(): Readonly<{
     walletUrl: string;
-    contentId: `0x${string}`;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }>;
 
 /**
@@ -70,7 +73,8 @@ declare function useNexusClient(): NexusClient;
 /**
  * Hook used to get the unlock options for an article
  */
-declare function useArticleUnlockOptions({ articleId }: GetUnlockOptionsParams): _tanstack_react_query.UseQueryResult<Readonly<{
+declare function useArticleUnlockOptions({ articleId, contentId, }: GetUnlockOptionsParams): _tanstack_react_query.UseQueryResult<Readonly<{
+    frkBalanceAsHex?: `0x${string}` | undefined;
     prices: {
         index: number;
         unlockDurationInSec: number;
@@ -94,6 +98,6 @@ type ArticleUnlockStatusQueryReturnType = ArticleUnlockStatusReturnType | {
 /**
  * Hooks used to listen to the current article unlock status
  */
-declare function useArticleUnlockStatus({ articleId }: WatchUnlockStatusParams): _tanstack_react_query.UseQueryResult<ArticleUnlockStatusQueryReturnType | null, Error>;
+declare function useArticleUnlockStatus({ articleId, contentId, }: WatchUnlockStatusParams): _tanstack_react_query.UseQueryResult<ArticleUnlockStatusQueryReturnType | null, Error>;
 
 export { type ArticleUnlockStatusQueryReturnType, NexusConfigContext, NexusConfigProvider, type NexusConfigProviderProps, NexusIFrameClientContext, type NexusIFrameClientProps, NexusIFrameClientProvider, type WalletStatusQueryReturnType, useArticleUnlockOptions, useArticleUnlockStatus, useNexusClient, useNexusConfig, useWalletStatus };

package/dist/react/index.d.ts

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { PropsWithChildren, ReactNode } from 'react';
-import { a as NexusWalletSdkConfig, N as NexusClient, W as WalletStatusReturnType, A as ArticleUnlockStatusReturnType } from '../client-DWLJ8zR-.js';
+import { a as NexusWalletSdkConfig, N as NexusClient, W as WalletStatusReturnType, A as ArticleUnlockStatusReturnType } from '../client-MgLVRfPw.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams } from '../watchUnlockStatus--7dFtOJr.js';
+import { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams } from '../watchUnlockStatus-DQYfUj46.js';
 import 'viem';
 import 'viem/chains';
 
@@ -11,8 +11,9 @@ import 'viem/chains';
  */
 declare const NexusConfigContext: react.Context<Readonly<{
     walletUrl: string;
-    contentId: `0x${string}`;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }> | undefined>;
 /**
  * Props to instantiate the Nexus Wallet SDK configuration provider
@@ -27,8 +28,9 @@ type NexusConfigProviderProps = {
  */
 declare function NexusConfigProvider(parameters: PropsWithChildren<NexusConfigProviderProps>): react.FunctionComponentElement<react.ProviderProps<Readonly<{
     walletUrl: string;
-    contentId: `0x${string}`;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }> | undefined>>;
 
 /**
@@ -58,8 +60,9 @@ declare function NexusIFrameClientProvider({ children, }: {
  */
 declare function useNexusConfig(): Readonly<{
     walletUrl: string;
-    contentId: `0x${string}`;
-    contentTitle: string;
+    metadata: {
+        name: string;
+    };
 }>;
 
 /**
@@ -70,7 +73,8 @@ declare function useNexusClient(): NexusClient;
 /**
  * Hook used to get the unlock options for an article
  */
-declare function useArticleUnlockOptions({ articleId }: GetUnlockOptionsParams): _tanstack_react_query.UseQueryResult<Readonly<{
+declare function useArticleUnlockOptions({ articleId, contentId, }: GetUnlockOptionsParams): _tanstack_react_query.UseQueryResult<Readonly<{
+    frkBalanceAsHex?: `0x${string}` | undefined;
     prices: {
         index: number;
         unlockDurationInSec: number;
@@ -94,6 +98,6 @@ type ArticleUnlockStatusQueryReturnType = ArticleUnlockStatusReturnType | {
 /**
  * Hooks used to listen to the current article unlock status
  */
-declare function useArticleUnlockStatus({ articleId }: WatchUnlockStatusParams): _tanstack_react_query.UseQueryResult<ArticleUnlockStatusQueryReturnType | null, Error>;
+declare function useArticleUnlockStatus({ articleId, contentId, }: WatchUnlockStatusParams): _tanstack_react_query.UseQueryResult<ArticleUnlockStatusQueryReturnType | null, Error>;
 
 export { type ArticleUnlockStatusQueryReturnType, NexusConfigContext, NexusConfigProvider, type NexusConfigProviderProps, NexusIFrameClientContext, type NexusIFrameClientProps, NexusIFrameClientProvider, type WalletStatusQueryReturnType, useArticleUnlockOptions, useArticleUnlockStatus, useNexusClient, useNexusConfig, useWalletStatus };

package/dist/react/index.js

@@ -5,7 +5,7 @@ import {
   getArticleUnlockOptions,
   watchUnlockStatus,
   watchWalletStatus
-} from "../chunk-DI2REDPX.js";
+} from "../chunk-4VFMYMTH.js";
 import "../chunk-5QWG35A2.js";
 
 // src/react/provider/NexusConfigProvider.ts
@@ -51,17 +51,23 @@ function useNexusClient() {
 
 // src/react/hook/useArticleUnlockOptions.ts
 import { useQuery } from "@tanstack/react-query";
-function useArticleUnlockOptions({ articleId }) {
+function useArticleUnlockOptions({
+  articleId,
+  contentId
+}) {
   const client = useNexusClient();
   return useQuery({
     queryKey: ["articleUnlockOptions", articleId ?? "no-article-id"],
     queryFn: async () => {
-      if (!articleId) {
+      if (!(articleId && contentId)) {
         throw new Error("No article id provided");
       }
-      return await getArticleUnlockOptions(client, { articleId });
+      return await getArticleUnlockOptions(client, {
+        articleId,
+        contentId
+      });
     },
-    enabled: !!articleId,
+    enabled: !!articleId && !!contentId,
     gcTime: 0
   });
 }
@@ -91,32 +97,47 @@ function useWalletStatus() {
 // src/react/hook/useArticleUnlockStatus.ts
 import { useQuery as useQuery3, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 import { useCallback as useCallback2 } from "react";
-function useArticleUnlockStatus({ articleId }) {
+function useArticleUnlockStatus({
+  articleId,
+  contentId
+}) {
   const queryClient = useQueryClient2();
   const client = useNexusClient();
   const newStatusUpdated = useCallback2(
     (event) => {
       queryClient.setQueryData(
-        ["articleUnlockStatusListener", articleId ?? "no-article-id"],
+        [
+          "articleUnlockStatusListener",
+          articleId ?? "no-article-id",
+          contentId ?? "no-contentId-id"
+        ],
         event
       );
     },
-    [articleId, queryClient]
+    [articleId, contentId, queryClient]
   );
   return useQuery3({
-    queryKey: ["articleUnlockStatusListener", articleId ?? "no-article-id"],
+    queryKey: [
+      "articleUnlockStatusListener",
+      articleId ?? "no-article-id",
+      contentId ?? "no-contentId-id"
+    ],
     gcTime: 0,
     queryFn: async () => {
-      if (!articleId) {
+      if (!(articleId && contentId)) {
         return null;
       }
-      await watchUnlockStatus(client, { articleId }, newStatusUpdated);
+      await watchUnlockStatus(
+        client,
+        { articleId, contentId },
+        newStatusUpdated
+      );
       return {
         status: "waiting-response",
         key: "waiting-response"
       };
     },
-    enabled: !!articleId
+    enabled: !!articleId && !!contentId
   });
 }
 

package/dist/{watchUnlockStatus--7dFtOJr.d.ts → watchUnlockStatus-DQYfUj46.d.ts}

@@ -1,18 +1,21 @@
 import { Hex } from 'viem';
-import { N as NexusClient, A as ArticleUnlockStatusReturnType } from './client-DWLJ8zR-.js';
+import { N as NexusClient, A as ArticleUnlockStatusReturnType } from './client-MgLVRfPw.js';
 
 /**
  * Type used to get the unlock options
  */
 type GetUnlockOptionsParams = {
     articleId: Hex;
+    contentId: Hex;
 };
 /**
  * Function used to fetch the unlock option for the given client
  * @param client
  * @param articleId
+ * @param contentId
  */
-declare function getArticleUnlockOptions(client: NexusClient, { articleId }: GetUnlockOptionsParams): Promise<Readonly<{
+declare function getArticleUnlockOptions(client: NexusClient, { articleId, contentId }: GetUnlockOptionsParams): Promise<Readonly<{
+    frkBalanceAsHex?: `0x${string}` | undefined;
     prices: {
         index: number;
         unlockDurationInSec: number;
@@ -26,13 +29,15 @@ declare function getArticleUnlockOptions(client: NexusClient, { articleId }: Get
  */
 type WatchUnlockStatusParams = {
     articleId: Hex;
+    contentId: Hex;
 };
 /**
  * Function used to watch a current article unlock status
  * @param client
  * @param articleId
+ * @param contentId
  * @param callback
  */
-declare function watchUnlockStatus(client: NexusClient, { articleId }: WatchUnlockStatusParams, callback: (status: ArticleUnlockStatusReturnType) => void): Promise<void>;
+declare function watchUnlockStatus(client: NexusClient, { articleId, contentId }: WatchUnlockStatusParams, callback: (status: ArticleUnlockStatusReturnType) => void): Promise<void>;
 
 export { type GetUnlockOptionsParams as G, type WatchUnlockStatusParams as W, getArticleUnlockOptions as g, watchUnlockStatus as w };

package/dist/{watchUnlockStatus-B4kRztOM.d.cts → watchUnlockStatus-DqWkImYK.d.cts}

@@ -1,18 +1,21 @@
 import { Hex } from 'viem';
-import { N as NexusClient, A as ArticleUnlockStatusReturnType } from './client-DWLJ8zR-.cjs';
+import { N as NexusClient, A as ArticleUnlockStatusReturnType } from './client-MgLVRfPw.cjs';
 
 /**
  * Type used to get the unlock options
  */
 type GetUnlockOptionsParams = {
     articleId: Hex;
+    contentId: Hex;
 };
 /**
  * Function used to fetch the unlock option for the given client
  * @param client
  * @param articleId
+ * @param contentId
  */
-declare function getArticleUnlockOptions(client: NexusClient, { articleId }: GetUnlockOptionsParams): Promise<Readonly<{
+declare function getArticleUnlockOptions(client: NexusClient, { articleId, contentId }: GetUnlockOptionsParams): Promise<Readonly<{
+    frkBalanceAsHex?: `0x${string}` | undefined;
     prices: {
         index: number;
         unlockDurationInSec: number;
@@ -26,13 +29,15 @@ declare function getArticleUnlockOptions(client: NexusClient, { articleId }: Get
  */
 type WatchUnlockStatusParams = {
     articleId: Hex;
+    contentId: Hex;
 };
 /**
  * Function used to watch a current article unlock status
  * @param client
  * @param articleId
+ * @param contentId
  * @param callback
  */
-declare function watchUnlockStatus(client: NexusClient, { articleId }: WatchUnlockStatusParams, callback: (status: ArticleUnlockStatusReturnType) => void): Promise<void>;
+declare function watchUnlockStatus(client: NexusClient, { articleId, contentId }: WatchUnlockStatusParams, callback: (status: ArticleUnlockStatusReturnType) => void): Promise<void>;
 
 export { type GetUnlockOptionsParams as G, type WatchUnlockStatusParams as W, getArticleUnlockOptions as g, watchUnlockStatus as w };

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Nexus Wallet client SDK, helping any person to interact with the Frak wallet, and require the unlock of a premium article within the Frak ecosystem.",
   "repository": "https://github.com/frak-id/wallet",
   "homepage": "https://docs.frak.id/wallet-sdk",
@@ -72,7 +72,7 @@
     "js-sha256": "^0.11.0"
   },
   "devDependencies": {
-    "@tanstack/react-query": ">=5.29.2",
+    "@tanstack/react-query": ">=5.32.0",
     "@types/node": "^20",
     "tsup": "^8.0.2",
     "typescript": "^5"