@frak-labs/react-sdk 0.0.6 → 0.0.8

package/dist/index.js

@@ -1,389 +1 @@
-// src/provider/FrakConfigProvider.ts
-import { createContext, createElement } from "react";
-var FrakConfigContext = createContext(
-  void 0
-);
-function FrakConfigProvider(parameters) {
-  const { children, config } = parameters;
-  return createElement(
-    FrakConfigContext.Provider,
-    {
-      value: {
-        ...config,
-        walletUrl: config.walletUrl ?? "https://wallet.frak.id",
-        domain: config.domain ?? (typeof window !== "undefined" ? window?.location?.host : void 0) ?? "not-found"
-      }
-    },
-    children
-  );
-}
-
-// src/provider/FrakIFrameClientProvider.ts
-import {
-  baseIframeProps,
-  createIFrameFrakClient
-} from "@frak-labs/core-sdk";
-import {
-  Fragment,
-  createContext as createContext2,
-  createElement as createElement2,
-  useState as useState3
-} from "react";
-
-// src/hook/useFrakConfig.ts
-import { FrakRpcError, RpcErrorCodes } from "@frak-labs/core-sdk";
-import { useContext } from "react";
-function useFrakConfig() {
-  const config = useContext(FrakConfigContext);
-  if (!config) {
-    throw new FrakRpcError(
-      RpcErrorCodes.configError,
-      "Frak config not found"
-    );
-  }
-  return config;
-}
-
-// src/hook/useFrakClient.ts
-import { useContext as useContext2 } from "react";
-function useFrakClient() {
-  return useContext2(FrakIFrameClientContext);
-}
-
-// src/hook/useWalletStatus.ts
-import {
-  ClientNotFound
-} from "@frak-labs/core-sdk";
-import { watchWalletStatus } from "@frak-labs/core-sdk/actions";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useCallback } from "react";
-function useWalletStatus() {
-  const queryClient = useQueryClient();
-  const client = useFrakClient();
-  const newStatusUpdated = useCallback(
-    (event) => {
-      queryClient.setQueryData(
-        ["frak-sdk", "wallet-status-listener"],
-        event
-      );
-    },
-    [queryClient]
-  );
-  return useQuery({
-    gcTime: 0,
-    staleTime: 0,
-    queryKey: ["frak-sdk", "wallet-status-listener"],
-    queryFn: async () => {
-      if (!client) {
-        throw new ClientNotFound();
-      }
-      return watchWalletStatus(client, newStatusUpdated);
-    },
-    enabled: !!client
-  });
-}
-
-// src/hook/useSendTransaction.ts
-import {
-  ClientNotFound as ClientNotFound2
-} from "@frak-labs/core-sdk";
-import {
-  sendTransaction
-} from "@frak-labs/core-sdk/actions";
-import { useMutation } from "@tanstack/react-query";
-function useSendTransactionAction({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return useMutation({
-    ...mutations,
-    mutationKey: ["frak-sdk", "send-transaction"],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new ClientNotFound2();
-      }
-      return sendTransaction(client, params);
-    }
-  });
-}
-
-// src/hook/useSiweAuthenticate.ts
-import {
-  ClientNotFound as ClientNotFound3
-} from "@frak-labs/core-sdk";
-import {
-  siweAuthenticate
-} from "@frak-labs/core-sdk/actions";
-import { useMutation as useMutation2 } from "@tanstack/react-query";
-function useSiweAuthenticate({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return useMutation2({
-    ...mutations,
-    mutationKey: [
-      "frak-sdk",
-      "siwe-authenticate",
-      client?.config.domain ?? "no-domain"
-    ],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new ClientNotFound3();
-      }
-      return siweAuthenticate(client, params);
-    }
-  });
-}
-
-// src/hook/helper/useReferralInteraction.ts
-import {
-  ClientNotFound as ClientNotFound4
-} from "@frak-labs/core-sdk";
-import {
-  processReferral
-} from "@frak-labs/core-sdk/actions";
-import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useMemo as useMemo3 } from "react";
-
-// src/hook/utils/useFrakContext.ts
-import { FrakContextManager } from "@frak-labs/core-sdk";
-import { useCallback as useCallback2, useMemo as useMemo2 } from "react";
-
-// src/hook/utils/useWindowLocation.ts
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
-
-// src/hook/utils/useMounted.ts
-import { useEffect, useState } from "react";
-function useMounted() {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  return mounted;
-}
-
-// src/hook/utils/useWindowLocation.ts
-function useWindowLocation() {
-  const isMounted = useMounted();
-  const [location, setLocation] = useState2(
-    isMounted ? window.location : void 0
-  );
-  useEffect2(() => {
-    if (!isMounted) return;
-    function setWindowLocation() {
-      setLocation(window.location);
-    }
-    if (!location) {
-      setWindowLocation();
-    }
-    window.addEventListener("popstate", setWindowLocation);
-    return () => {
-      window.removeEventListener("popstate", setWindowLocation);
-    };
-  }, [isMounted, location]);
-  const href = useMemo(() => location?.href, [location?.href]);
-  return { location, href };
-}
-
-// src/hook/utils/useFrakContext.ts
-function useFrakContext() {
-  const { location } = useWindowLocation();
-  const frakContext = useMemo2(() => {
-    if (!location?.href) return null;
-    return FrakContextManager.parse({ url: location.href });
-  }, [location?.href]);
-  const updateContext = useCallback2(
-    (newContext) => {
-      console.log("Updating context", { newContext });
-      FrakContextManager.replaceUrl({
-        url: location?.href,
-        context: newContext
-      });
-    },
-    [location?.href]
-  );
-  return {
-    frakContext,
-    updateContext
-  };
-}
-
-// src/hook/helper/useReferralInteraction.ts
-function useReferralInteraction({
-  productId,
-  modalConfig,
-  options
-} = {}) {
-  const client = useFrakClient();
-  const { frakContext } = useFrakContext();
-  const { data: walletStatus } = useWalletStatus();
-  const {
-    data: referralState,
-    error,
-    status
-  } = useQuery2({
-    gcTime: 0,
-    staleTime: 0,
-    queryKey: [
-      "frak-sdk",
-      "auto-referral-interaction",
-      frakContext?.r ?? "no-referrer",
-      walletStatus?.key ?? "no-wallet-status",
-      productId ?? "no-product-id"
-    ],
-    queryFn: () => {
-      if (!client) {
-        throw new ClientNotFound4();
-      }
-      return processReferral(client, {
-        walletStatus,
-        frakContext,
-        modalConfig,
-        productId,
-        options
-      });
-    },
-    enabled: !!walletStatus
-  });
-  return useMemo3(() => {
-    if (status === "pending") return "processing";
-    if (status === "error") return error;
-    return referralState || "idle";
-  }, [referralState, status, error]);
-}
-
-// src/hook/useSendInteraction.ts
-import {
-  ClientNotFound as ClientNotFound5
-} from "@frak-labs/core-sdk";
-import { sendInteraction } from "@frak-labs/core-sdk/actions";
-import { useMutation as useMutation3 } from "@tanstack/react-query";
-function useSendInteraction({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return useMutation3({
-    ...mutations,
-    mutationKey: ["frak-sdk", "send-interaction"],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new ClientNotFound5();
-      }
-      return sendInteraction(client, params);
-    }
-  });
-}
-
-// src/hook/useDisplayModal.ts
-import {
-  ClientNotFound as ClientNotFound6
-} from "@frak-labs/core-sdk";
-import { displayModal } from "@frak-labs/core-sdk/actions";
-import { useMutation as useMutation4 } from "@tanstack/react-query";
-function useDisplayModal({
-  mutations
-} = {}) {
-  const client = useFrakClient();
-  return useMutation4({
-    ...mutations,
-    mutationKey: ["frak-sdk", "display-modal"],
-    mutationFn: async (args) => {
-      if (!client) {
-        throw new ClientNotFound6();
-      }
-      return displayModal(client, args);
-    }
-  });
-}
-
-// src/hook/useOpenSso.ts
-import {
-  ClientNotFound as ClientNotFound7
-} from "@frak-labs/core-sdk";
-import { openSso } from "@frak-labs/core-sdk/actions";
-import { useMutation as useMutation5 } from "@tanstack/react-query";
-function useOpenSso({ mutations } = {}) {
-  const client = useFrakClient();
-  return useMutation5({
-    ...mutations,
-    mutationKey: ["frak-sdk", "open-sso"],
-    mutationFn: async (params) => {
-      if (!client) {
-        throw new ClientNotFound7();
-      }
-      return openSso(client, params);
-    }
-  });
-}
-
-// src/hook/useGetProductInformation.ts
-import {
-  ClientNotFound as ClientNotFound8
-} from "@frak-labs/core-sdk";
-import { getProductInformation } from "@frak-labs/core-sdk/actions";
-import { useQuery as useQuery3 } from "@tanstack/react-query";
-function useGetProductInformation({
-  query
-} = {}) {
-  const client = useFrakClient();
-  return useQuery3({
-    ...query,
-    queryKey: ["frak-sdk", "get-product-information"],
-    queryFn: async () => {
-      if (!client) {
-        throw new ClientNotFound8();
-      }
-      return getProductInformation(client);
-    }
-  });
-}
-
-// src/provider/FrakIFrameClientProvider.ts
-var FrakIFrameClientContext = createContext2(
-  void 0
-);
-function FrakIFrameClientProvider({
-  style,
-  children
-}) {
-  const config = useFrakConfig();
-  const [client, setClient] = useState3(void 0);
-  const iFrame = createElement2("iframe", {
-    ...baseIframeProps,
-    src: `${config.walletUrl}/listener`,
-    style: style ?? baseIframeProps.style,
-    ref: (iframe) => {
-      if (!iframe || client) {
-        return;
-      }
-      setClient(
-        createIFrameFrakClient({
-          iframe,
-          config
-        })
-      );
-    }
-  });
-  const providerComponent = createElement2(
-    FrakIFrameClientContext.Provider,
-    { value: client },
-    children
-  );
-  return createElement2(Fragment, null, iFrame, providerComponent);
-}
-export {
-  FrakConfigContext,
-  FrakConfigProvider,
-  FrakIFrameClientContext,
-  FrakIFrameClientProvider,
-  useDisplayModal,
-  useFrakClient,
-  useFrakConfig,
-  useGetProductInformation,
-  useOpenSso,
-  useReferralInteraction,
-  useSendInteraction,
-  useSendTransactionAction,
-  useSiweAuthenticate,
-  useWalletStatus
-};
+import*as e from"react";import*as t from"@frak-labs/core-sdk";import*as n from"@frak-labs/core-sdk/actions";import*as r from"@tanstack/react-query";let o=(0,e.createContext)(void 0);function a(t){let{children:n,config:r}=t;return(0,e.createElement)(o.Provider,{value:{...r,walletUrl:r.walletUrl??"https://wallet.frak.id",domain:r.domain??("undefined"!=typeof window?window?.location?.host:void 0)??"not-found"}},n)}function u(){let n=(0,e.useContext)(o);if(!n)throw new t.FrakRpcError(t.RpcErrorCodes.configError,"Frak config not found");return n}let i=(0,e.createContext)(void 0);function s({style:n,children:r}){let o=u(),[a,s]=(0,e.useState)(void 0),l=(0,e.createElement)("iframe",{...t.baseIframeProps,src:`${o.walletUrl}/listener`,style:n??t.baseIframeProps.style,ref:e=>{e&&!a&&s((0,t.createIFrameFrakClient)({iframe:e,config:o}))}}),f=(0,e.createElement)(i.Provider,{value:a},r);return(0,e.createElement)(e.Fragment,null,l,f)}function l(){return(0,e.useContext)(i)}function f({mutations:e}={}){let o=l();return(0,r.useMutation)({...e,mutationKey:["frak-sdk","display-modal"],mutationFn:async e=>{if(!o)throw new t.ClientNotFound;return(0,n.displayModal)(o,e)}})}function c({mutations:e}={}){let o=l();return(0,r.useMutation)({...e,mutationKey:["frak-sdk","send-transaction"],mutationFn:async e=>{if(!o)throw new t.ClientNotFound;return(0,n.sendTransaction)(o,e)}})}function d(){let o=(0,r.useQueryClient)(),a=l(),u=(0,e.useCallback)(e=>{o.setQueryData(["frak-sdk","wallet-status-listener"],e)},[o]);return(0,r.useQuery)({gcTime:0,staleTime:0,queryKey:["frak-sdk","wallet-status-listener"],queryFn:async()=>{if(!a)throw new t.ClientNotFound;return(0,n.watchWalletStatus)(a,u)},enabled:!!a})}function m({productId:o,modalConfig:a,options:u}={}){let i=l(),{frakContext:s}=function(){let{location:n}=function(){let t=function(){let[t,n]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{n(!0)},[]),t}(),[n,r]=(0,e.useState)(t?window.location:void 0);(0,e.useEffect)(()=>{if(t)return n||e(),window.addEventListener("popstate",e),()=>{window.removeEventListener("popstate",e)};function e(){r(window.location)}},[t,n]);let o=(0,e.useMemo)(()=>n?.href,[n?.href]);return{location:n,href:o}}();return{frakContext:(0,e.useMemo)(()=>n?.href?t.FrakContextManager.parse({url:n.href}):null,[n?.href]),updateContext:(0,e.useCallback)(e=>{console.log("Updating context",{newContext:e}),t.FrakContextManager.replaceUrl({url:n?.href,context:e})},[n?.href])}}(),{data:f}=d(),{data:c,error:w,status:k}=(0,r.useQuery)({gcTime:0,staleTime:0,queryKey:["frak-sdk","auto-referral-interaction",s?.r??"no-referrer",f?.key??"no-wallet-status",o??"no-product-id"],queryFn:()=>{if(!i)throw new t.ClientNotFound;return(0,n.processReferral)(i,{walletStatus:f,frakContext:s,modalConfig:a,productId:o,options:u})},enabled:!!f});return(0,e.useMemo)(()=>"pending"===k?"processing":"error"===k?w:c||"idle",[c,k,w])}function w({query:e}={}){let o=l();return(0,r.useQuery)({...e,queryKey:["frak-sdk","get-product-information"],queryFn:async()=>{if(!o)throw new t.ClientNotFound;return(0,n.getProductInformation)(o)}})}function k({mutations:e}={}){let o=l();return(0,r.useMutation)({...e,mutationKey:["frak-sdk","siwe-authenticate",o?.config.domain??"no-domain"],mutationFn:async e=>{if(!o)throw new t.ClientNotFound;return(0,n.siweAuthenticate)(o,e)}})}function y({mutations:e}={}){let o=l();return(0,r.useMutation)({...e,mutationKey:["frak-sdk","open-sso"],mutationFn:async e=>{if(!o)throw new t.ClientNotFound;return(0,n.openSso)(o,e)}})}function F({mutations:e}={}){let o=l();return(0,r.useMutation)({...e,mutationKey:["frak-sdk","send-interaction"],mutationFn:async e=>{if(!o)throw new t.ClientNotFound;return(0,n.sendInteraction)(o,e)}})}export{o as FrakConfigContext,a as FrakConfigProvider,i as FrakIFrameClientContext,s as FrakIFrameClientProvider,f as useDisplayModal,l as useFrakClient,u as useFrakConfig,w as useGetProductInformation,y as useOpenSso,m as useReferralInteraction,F as useSendInteraction,c as useSendTransactionAction,k as useSiweAuthenticate,d as useWalletStatus};

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "0.0.6",
+  "version": "0.0.8",
   "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",
@@ -54,15 +54,15 @@
     "format:check": "biome check .",
     "format": "biome check --write .",
     "clean": "rimraf dist",
-    "build": "tsup && bun run check-exports",
-    "build:watch": "tsup --watch",
+    "build": "rslib build && bun run check-exports",
+    "build:watch": "rslib build --watch",
     "check-exports": "attw --pack .",
     "typecheck": "tsc --noEmit",
     "prepublish": "bun run lint && bun run build",
-    "publish": "bun publish"
+    "publish": "echo 'Publishing react...'"
   },
   "dependencies": {
-    "@frak-labs/core-sdk": "0.0.6"
+    "@frak-labs/core-sdk": "0.0.7"
   },
   "peerDependencies": {
     "viem": "^2.x",
@@ -71,10 +71,10 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.17.3",
+    "@microsoft/api-extractor": "^7.50.1",
+    "@rsbuild/plugin-react": "^1.1.1",
+    "@rslib/core": "^0.5.2",
     "@types/node": "^22",
-    "browserslist": "^4.24.4",
-    "browserslist-to-esbuild": "^2.1.1",
-    "tsup": "^8.3.6",
     "typescript": "^5"
   },
   "browserslist": [