@frak-labs/nexus-sdk 0.0.7 → 0.0.9

package/dist/react/index.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkJXQKTLEEcjs = require('../chunk-JXQKTLEE.cjs');
+var _chunkAYZHGMEVcjs = require('../chunk-AYZHGMEV.cjs');
 
 
 
 
-var _chunk3LF3FGI6cjs = require('../chunk-3LF3FGI6.cjs');
-require('../chunk-2XUJYDD3.cjs');
+
+var _chunkX4JNNWJ4cjs = require('../chunk-X4JNNWJ4.cjs');
+require('../chunk-ZOLP2FJZ.cjs');
 
 // src/react/provider/NexusConfigProvider.ts
 var _react = require('react');
@@ -51,17 +52,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 _chunkX4JNNWJ4cjs.getArticleUnlockOptions.call(void 0, client, {
+        articleId,
+        contentId
+      });
     },
-    enabled: !!articleId,
+    enabled: !!articleId && !!contentId,
     gcTime: 0
   });
 }
@@ -82,7 +89,7 @@ function useWalletStatus() {
     gcTime: 0,
     queryKey: ["walletStatusListener"],
     queryFn: async () => {
-      await _chunk3LF3FGI6cjs.watchWalletStatus.call(void 0, client, newStatusUpdated);
+      await _chunkX4JNNWJ4cjs.watchWalletStatus.call(void 0, client, newStatusUpdated);
       return { key: "waiting-response" };
     }
   });
@@ -91,32 +98,154 @@ 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 _chunkX4JNNWJ4cjs.watchUnlockStatus.call(void 0, 
+        client,
+        { articleId, contentId },
+        newStatusUpdated
+      );
       return {
         status: "waiting-response",
         key: "waiting-response"
       };
     },
-    enabled: !!articleId
+    enabled: !!articleId && !!contentId
+  });
+}
+
+// src/react/hook/useNexusReferral.ts
+
+
+var _viem = require('viem');
+
+// src/react/hook/useWindowLocation.ts
+
+
+// src/react/hook/useMounted.ts
+
+function useMounted() {
+  const [mounted, setMounted] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+
+// src/react/hook/useWindowLocation.ts
+var useWindowLocation = () => {
+  const isMounted = useMounted();
+  const [location, setLocation] = _react.useState.call(void 0, 
+    isMounted ? window.location : void 0
+  );
+  const [href, setHref] = _react.useState.call(void 0, 
+    isMounted ? window.location.href : void 0
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!isMounted)
+      return;
+    const setWindowLocation = () => {
+      setLocation(window.location);
+      setHref(window.location.href);
+    };
+    if (!location) {
+      setWindowLocation();
+    }
+    window.addEventListener("popstate", setWindowLocation);
+    return () => {
+      window.removeEventListener("popstate", setWindowLocation);
+    };
+  }, [isMounted, location]);
+  return { location, href };
+};
+
+// src/react/hook/useNexusReferral.ts
+function useNexusReferral({ contentId }) {
+  const { href } = useWindowLocation();
+  const queryClient = _reactquery.useQueryClient.call(void 0, );
+  const client = useNexusClient();
+  const { data: walletStatus } = useWalletStatus();
+  const [referrerAddress, setReferrerAddress] = _react.useState.call(void 0, );
+  const newStatusUpdated = _react.useCallback.call(void 0, 
+    (event) => {
+      queryClient.setQueryData(
+        ["setUserReferredQueryReturnTypeListener"],
+        event
+      );
+      if (event.key === "referred-successful" || event.key === "referred-history") {
+        if (!href)
+          return;
+        const url = new URL(href);
+        if (_optionalChain([walletStatus, 'optionalAccess', _ => _.key]) === "connected") {
+          url.searchParams.set("nexusContext", _optionalChain([walletStatus, 'optionalAccess', _2 => _2.wallet]));
+        }
+        if (_optionalChain([walletStatus, 'optionalAccess', _3 => _3.key]) === "not-connected") {
+          url.searchParams.delete("nexusContext");
+        }
+        window.history.replaceState(null, "", url.toString());
+      }
+    },
+    [queryClient, href, walletStatus]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!href)
+      return;
+    const url = new URL(href);
+    const context = url.searchParams.get("nexusContext");
+    if (!context && _optionalChain([walletStatus, 'optionalAccess', _4 => _4.key]) === "connected") {
+      url.searchParams.set("nexusContext", _optionalChain([walletStatus, 'optionalAccess', _5 => _5.wallet]));
+      window.history.replaceState(null, "", url.toString());
+    }
+    if (context) {
+      setReferrerAddress(context);
+    }
+  }, [href, walletStatus]);
+  return _reactquery.useQuery.call(void 0, {
+    gcTime: 0,
+    queryKey: ["setUserReferredQueryReturnTypeListener"],
+    queryFn: async () => {
+      if (!(contentId && referrerAddress)) {
+        return { key: "no-referrer" };
+      }
+      if (_optionalChain([walletStatus, 'optionalAccess', _6 => _6.key]) === "connected" && _optionalChain([walletStatus, 'optionalAccess', _7 => _7.wallet]) && _viem.isAddressEqual.call(void 0, _optionalChain([walletStatus, 'optionalAccess', _8 => _8.wallet]), referrerAddress)) {
+        return { key: "same-wallet" };
+      }
+      await _chunkX4JNNWJ4cjs.setUserReferred.call(void 0, 
+        client,
+        { contentId, walletAddress: referrerAddress },
+        newStatusUpdated
+      );
+      return { key: "waiting-response" };
+    },
+    enabled: !!contentId && !!referrerAddress && _optionalChain([walletStatus, 'optionalAccess', _9 => _9.key]) !== void 0 && _optionalChain([walletStatus, 'optionalAccess', _10 => _10.key]) !== "waiting-response"
   });
 }
 
@@ -132,7 +261,7 @@ function NexusIFrameClientProvider({
     void 0
   );
   const client = _react.useMemo.call(void 0, 
-    () => iframeElem ? _chunkJXQKTLEEcjs.createIFrameNexusClient.call(void 0, { iframe: iframeElem, config }) : void 0,
+    () => iframeElem ? _chunkAYZHGMEVcjs.createIFrameNexusClient.call(void 0, { iframe: iframeElem, config }) : void 0,
     [iframeElem, config]
   );
   const iFrame = _react.createElement.call(void 0, "iframe", {
@@ -172,4 +301,5 @@ function NexusIFrameClientProvider({
 
 
 
-exports.NexusConfigContext = NexusConfigContext; exports.NexusConfigProvider = NexusConfigProvider; exports.NexusIFrameClientContext = NexusIFrameClientContext; exports.NexusIFrameClientProvider = NexusIFrameClientProvider; exports.useArticleUnlockOptions = useArticleUnlockOptions; exports.useArticleUnlockStatus = useArticleUnlockStatus; exports.useNexusClient = useNexusClient; exports.useNexusConfig = useNexusConfig; exports.useWalletStatus = useWalletStatus;
+
+exports.NexusConfigContext = NexusConfigContext; exports.NexusConfigProvider = NexusConfigProvider; exports.NexusIFrameClientContext = NexusIFrameClientContext; exports.NexusIFrameClientProvider = NexusIFrameClientProvider; exports.useArticleUnlockOptions = useArticleUnlockOptions; exports.useArticleUnlockStatus = useArticleUnlockStatus; exports.useNexusClient = useNexusClient; exports.useNexusConfig = useNexusConfig; exports.useNexusReferral = useNexusReferral; exports.useWalletStatus = useWalletStatus;

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, e as SetUserReferredParams, c as SetUserReferredReturnType } from '../client-BwzXSgqQ.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-DXClCYH9.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,16 @@ 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 };
+type SetUserReferredQueryReturnType = SetUserReferredReturnType | {
+    key: "waiting-response";
+} | {
+    key: "no-referrer";
+};
+/**
+ * Use the current nexus referral
+ */
+declare function useNexusReferral({ contentId }: SetUserReferredParams): _tanstack_react_query.UseQueryResult<SetUserReferredQueryReturnType, Error>;
+
+export { type ArticleUnlockStatusQueryReturnType, NexusConfigContext, NexusConfigProvider, type NexusConfigProviderProps, NexusIFrameClientContext, type NexusIFrameClientProps, NexusIFrameClientProvider, type WalletStatusQueryReturnType, useArticleUnlockOptions, useArticleUnlockStatus, useNexusClient, useNexusConfig, useNexusReferral, 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, e as SetUserReferredParams, c as SetUserReferredReturnType } from '../client-BwzXSgqQ.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-WJxoDliF.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,16 @@ 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 };
+type SetUserReferredQueryReturnType = SetUserReferredReturnType | {
+    key: "waiting-response";
+} | {
+    key: "no-referrer";
+};
+/**
+ * Use the current nexus referral
+ */
+declare function useNexusReferral({ contentId }: SetUserReferredParams): _tanstack_react_query.UseQueryResult<SetUserReferredQueryReturnType, Error>;
+
+export { type ArticleUnlockStatusQueryReturnType, NexusConfigContext, NexusConfigProvider, type NexusConfigProviderProps, NexusIFrameClientContext, type NexusIFrameClientProps, NexusIFrameClientProvider, type WalletStatusQueryReturnType, useArticleUnlockOptions, useArticleUnlockStatus, useNexusClient, useNexusConfig, useNexusReferral, useWalletStatus };

package/dist/react/index.js

@@ -1,12 +1,13 @@
 import {
   createIFrameNexusClient
-} from "../chunk-OXP3VK26.js";
+} from "../chunk-SZUN32YC.js";
 import {
   getArticleUnlockOptions,
+  setUserReferred,
   watchUnlockStatus,
   watchWalletStatus
-} from "../chunk-DI2REDPX.js";
-import "../chunk-5QWG35A2.js";
+} from "../chunk-PDR3CF3P.js";
+import "../chunk-VK7GPKK4.js";
 
 // src/react/provider/NexusConfigProvider.ts
 import { createContext, createElement } from "react";
@@ -26,7 +27,7 @@ import {
   createContext as createContext2,
   createElement as createElement2,
   useMemo,
-  useState
+  useState as useState4
 } from "react";
 
 // src/react/hook/useNexusConfig.ts
@@ -51,17 +52,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 +98,154 @@ 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
+  });
+}
+
+// src/react/hook/useNexusReferral.ts
+import { useQuery as useQuery4, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { useCallback as useCallback3, useEffect as useEffect3, useState as useState3 } from "react";
+import { isAddressEqual } from "viem";
+
+// src/react/hook/useWindowLocation.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/react/hook/useMounted.ts
+import { useEffect, useState } from "react";
+function useMounted() {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+
+// src/react/hook/useWindowLocation.ts
+var useWindowLocation = () => {
+  const isMounted = useMounted();
+  const [location, setLocation] = useState2(
+    isMounted ? window.location : void 0
+  );
+  const [href, setHref] = useState2(
+    isMounted ? window.location.href : void 0
+  );
+  useEffect2(() => {
+    if (!isMounted)
+      return;
+    const setWindowLocation = () => {
+      setLocation(window.location);
+      setHref(window.location.href);
+    };
+    if (!location) {
+      setWindowLocation();
+    }
+    window.addEventListener("popstate", setWindowLocation);
+    return () => {
+      window.removeEventListener("popstate", setWindowLocation);
+    };
+  }, [isMounted, location]);
+  return { location, href };
+};
+
+// src/react/hook/useNexusReferral.ts
+function useNexusReferral({ contentId }) {
+  const { href } = useWindowLocation();
+  const queryClient = useQueryClient3();
+  const client = useNexusClient();
+  const { data: walletStatus } = useWalletStatus();
+  const [referrerAddress, setReferrerAddress] = useState3();
+  const newStatusUpdated = useCallback3(
+    (event) => {
+      queryClient.setQueryData(
+        ["setUserReferredQueryReturnTypeListener"],
+        event
+      );
+      if (event.key === "referred-successful" || event.key === "referred-history") {
+        if (!href)
+          return;
+        const url = new URL(href);
+        if (walletStatus?.key === "connected") {
+          url.searchParams.set("nexusContext", walletStatus?.wallet);
+        }
+        if (walletStatus?.key === "not-connected") {
+          url.searchParams.delete("nexusContext");
+        }
+        window.history.replaceState(null, "", url.toString());
+      }
+    },
+    [queryClient, href, walletStatus]
+  );
+  useEffect3(() => {
+    if (!href)
+      return;
+    const url = new URL(href);
+    const context = url.searchParams.get("nexusContext");
+    if (!context && walletStatus?.key === "connected") {
+      url.searchParams.set("nexusContext", walletStatus?.wallet);
+      window.history.replaceState(null, "", url.toString());
+    }
+    if (context) {
+      setReferrerAddress(context);
+    }
+  }, [href, walletStatus]);
+  return useQuery4({
+    gcTime: 0,
+    queryKey: ["setUserReferredQueryReturnTypeListener"],
+    queryFn: async () => {
+      if (!(contentId && referrerAddress)) {
+        return { key: "no-referrer" };
+      }
+      if (walletStatus?.key === "connected" && walletStatus?.wallet && isAddressEqual(walletStatus?.wallet, referrerAddress)) {
+        return { key: "same-wallet" };
+      }
+      await setUserReferred(
+        client,
+        { contentId, walletAddress: referrerAddress },
+        newStatusUpdated
+      );
+      return { key: "waiting-response" };
+    },
+    enabled: !!contentId && !!referrerAddress && walletStatus?.key !== void 0 && walletStatus?.key !== "waiting-response"
   });
 }
 
@@ -128,7 +257,7 @@ function NexusIFrameClientProvider({
   children
 }) {
   const config = useNexusConfig();
-  const [iframeElem, setIframeElem] = useState(
+  const [iframeElem, setIframeElem] = useState4(
     void 0
   );
   const client = useMemo(
@@ -171,5 +300,6 @@ export {
   useArticleUnlockStatus,
   useNexusClient,
   useNexusConfig,
+  useNexusReferral,
   useWalletStatus
 };

package/dist/{watchUnlockStatus-B4kRztOM.d.cts → watchUnlockStatus-DXClCYH9.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-BwzXSgqQ.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 };