@frak-labs/nexus-sdk 0.0.2-alpha → 0.0.4

package/dist/react/index.js

@@ -0,0 +1,169 @@
+import {
+  createIFrameNexusClient
+} from "../chunk-OXP3VK26.js";
+import {
+  getArticleUnlockOptions,
+  watchUnlockStatus,
+  watchWalletStatus
+} from "../chunk-DI2REDPX.js";
+import "../chunk-5QWG35A2.js";
+
+// src/react/provider/NexusConfigProvider.ts
+import { createContext, createElement } from "react";
+var NexusConfigContext = createContext(void 0);
+function NexusConfigProvider(parameters) {
+  const { children, config } = parameters;
+  return createElement(
+    NexusConfigContext.Provider,
+    { value: config },
+    children
+  );
+}
+
+// src/react/provider/NexusIFrameClientProvider.ts
+import {
+  Fragment,
+  createContext as createContext2,
+  createElement as createElement2,
+  useMemo,
+  useState
+} from "react";
+
+// src/react/hook/useNexusConfig.ts
+import { useContext } from "react";
+function useNexusConfig() {
+  const config = useContext(NexusConfigContext);
+  if (!config) {
+    throw new Error("NexusConfigProvider is not found");
+  }
+  return config;
+}
+
+// src/react/hook/useNexusClient.ts
+import { useContext as useContext2 } from "react";
+function useNexusClient() {
+  const client = useContext2(NexusIFrameClientContext);
+  if (!client) {
+    throw new Error("NexusIFrameClientProvider is not found");
+  }
+  return client;
+}
+
+// src/react/hook/useArticleUnlockOptions.ts
+import { useQuery } from "@tanstack/react-query";
+function useArticleUnlockOptions({ articleId }) {
+  const client = useNexusClient();
+  return useQuery({
+    queryKey: ["articleUnlockOptions", articleId ?? "no-article-id"],
+    queryFn: async () => {
+      if (!articleId) {
+        throw new Error("No article id provided");
+      }
+      return await getArticleUnlockOptions(client, { articleId });
+    },
+    enabled: !!articleId
+  });
+}
+
+// src/react/hook/useWalletStatus.ts
+import { useQuery as useQuery2, useQueryClient } from "@tanstack/react-query";
+import { useCallback } from "react";
+function useWalletStatus() {
+  const queryClient = useQueryClient();
+  const client = useNexusClient();
+  const newStatusUpdated = useCallback(
+    (event) => {
+      queryClient.setQueryData(["walletStatusListener"], event);
+    },
+    [queryClient]
+  );
+  return useQuery2({
+    queryKey: ["walletStatusListener"],
+    queryFn: async () => {
+      await watchWalletStatus(client, newStatusUpdated);
+      return { key: "waiting-response" };
+    }
+  });
+}
+
+// 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 }) {
+  const queryClient = useQueryClient2();
+  const client = useNexusClient();
+  const newStatusUpdated = useCallback2(
+    (event) => {
+      queryClient.setQueryData(
+        ["articleUnlockStatusListener", articleId ?? "no-article-id"],
+        event
+      );
+    },
+    [articleId, queryClient]
+  );
+  return useQuery3({
+    queryKey: ["articleUnlockStatusListener", articleId ?? "no-article-id"],
+    queryFn: async () => {
+      await watchUnlockStatus(client, { articleId }, newStatusUpdated);
+      return {
+        status: "waiting-response",
+        key: "waiting-response"
+      };
+    },
+    enabled: !!articleId
+  });
+}
+
+// src/react/provider/NexusIFrameClientProvider.ts
+var NexusIFrameClientContext = createContext2(
+  void 0
+);
+function NexusIFrameClientProvider({
+  children
+}) {
+  const config = useNexusConfig();
+  const [iframeElem, setIframElem] = useState(
+    void 0
+  );
+  const client = useMemo(
+    () => iframeElem ? createIFrameNexusClient({ iframe: iframeElem, config }) : void 0,
+    [iframeElem, config]
+  );
+  const iFrame = createElement2("iframe", {
+    id: "nexus-wallet",
+    name: "nexus-wallet",
+    src: `${config.walletUrl}/listener`,
+    style: {
+      width: "0",
+      height: "0",
+      border: "0",
+      position: "absolute",
+      top: "-1000px",
+      left: "-1000px"
+    },
+    ref: (iframe) => {
+      if (!iframe) {
+        setIframElem(void 0);
+        return;
+      }
+      setIframElem(iframe);
+    }
+  });
+  const providerComponent = createElement2(
+    NexusIFrameClientContext.Provider,
+    { value: client },
+    children
+  );
+  return createElement2(Fragment, null, iFrame, providerComponent);
+}
+export {
+  NexusConfigContext,
+  NexusConfigProvider,
+  NexusIFrameClientContext,
+  NexusIFrameClientProvider,
+  useArticleUnlockOptions,
+  useArticleUnlockStatus,
+  useNexusClient,
+  useNexusConfig,
+  useWalletStatus
+};

package/dist/watchUnlockStatus-Btjg-WTs.d.ts

@@ -0,0 +1,38 @@
+import { Hex } from 'viem';
+import { N as NexusClient, A as ArticleUnlockStatusReturnType } from './client-gnNyzrko.js';
+
+/**
+ * Type used to get the unlock options
+ */
+type GetUnlockOptionsParams = {
+    articleId: Hex;
+};
+/**
+ * Function used to fetch the unlock option for the given client
+ * @param client
+ * @param articleId
+ */
+declare function getArticleUnlockOptions(client: NexusClient, { articleId }: GetUnlockOptionsParams): Promise<Readonly<{
+    prices: {
+        index: number;
+        unlockDurationInSec: number;
+        frkAmount: `0x${string}`;
+        isUserAccessible: boolean | null;
+    }[];
+}>>;
+
+/**
+ * Type used to get the unlock options
+ */
+type WatchUnlockStatusParams = {
+    articleId: Hex;
+};
+/**
+ * Function used to watch a current article unlock status
+ * @param client
+ * @param articleId
+ * @param callback
+ */
+declare function watchUnlockStatus(client: NexusClient, { articleId }: 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-DvDS55TN.d.cts

@@ -0,0 +1,38 @@
+import { Hex } from 'viem';
+import { N as NexusClient, A as ArticleUnlockStatusReturnType } from './client-gnNyzrko.cjs';
+
+/**
+ * Type used to get the unlock options
+ */
+type GetUnlockOptionsParams = {
+    articleId: Hex;
+};
+/**
+ * Function used to fetch the unlock option for the given client
+ * @param client
+ * @param articleId
+ */
+declare function getArticleUnlockOptions(client: NexusClient, { articleId }: GetUnlockOptionsParams): Promise<Readonly<{
+    prices: {
+        index: number;
+        unlockDurationInSec: number;
+        frkAmount: `0x${string}`;
+        isUserAccessible: boolean | null;
+    }[];
+}>>;
+
+/**
+ * Type used to get the unlock options
+ */
+type WatchUnlockStatusParams = {
+    articleId: Hex;
+};
+/**
+ * Function used to watch a current article unlock status
+ * @param client
+ * @param articleId
+ * @param callback
+ */
+declare function watchUnlockStatus(client: NexusClient, { articleId }: 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.2-alpha",
+  "version": "0.0.4",
   "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",
@@ -48,6 +48,11 @@
       "types": "./dist/core/actions/index.d.ts",
       "import": "./dist/core/actions/index.js",
       "default": "./dist/core/actions/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "default": "./dist/react/index.cjs"
     }
   },
   "scripts": {
@@ -58,13 +63,16 @@
     "build": "tsup --splitting"
   },
   "peerDependencies": {
-    "viem": "^2.7.10"
+    "viem": "^2.x",
+    "@tanstack/react-query": ">=5.0.0",
+    "react": ">=18"
   },
   "dependencies": {
     "async-lz-string": "^1.1.0",
     "js-sha256": "^0.11.0"
   },
   "devDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
     "@types/node": "^20",
     "tsup": "^8.0.2",
     "typescript": "^5"