@frak-labs/react-sdk 0.1.0-beta.267778ad → 0.1.0-beta.278e9605

package/package.json

@@ -11,7 +11,7 @@
       "url": "https://twitter.com/QNivelais"
     }
   ],
-  "version": "0.1.0-beta.267778ad",
+  "version": "0.1.0-beta.278e9605",
   "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",
@@ -39,6 +39,7 @@
   "types": "./dist/index.d.cts",
   "exports": {
     ".": {
+      "development": "./src/index.ts",
       "import": {
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
@@ -54,10 +55,13 @@
     "format:check": "biome check .",
     "format": "biome check --write .",
     "clean": "rimraf dist",
-    "build": "rslib build",
-    "build:watch": "rslib build --watch",
+    "build": "tsdown",
+    "build:watch": "tsdown --watch",
     "check-exports": "attw --pack .",
     "typecheck": "tsc --noEmit",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
     "prepublish": "bun run lint && bun run build",
     "publish": "echo 'Publishing react...'"
   },
@@ -72,17 +76,23 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.2",
-    "@frak-labs/browserslist-config": "0.0.1",
-    "@microsoft/api-extractor": "^7.52.8",
-    "@rsbuild/plugin-react": "^1.3.2",
-    "@rslib/core": "^0.9.2",
-    "@types/node": "^24",
-    "@types/react": "^19.1.8",
-    "react": "^19.1.8",
+    "@frak-labs/dev-tooling": "0.0.0",
+    "@frak-labs/wallet-shared": "0.0.0",
+    "@tanstack/react-query": "^5.90.7",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jsdom": "^27.0.0",
+    "@types/node": "^24.10.0",
+    "@types/react": "19.2.2",
+    "@vitest/coverage-v8": "^4.0.8",
+    "@vitest/ui": "^4.0.8",
+    "jsdom": "^27.1.0",
+    "react": "^19.2.0",
+    "tsdown": "^0.16.1",
     "typescript": "^5",
-    "@frak-labs/dev-tooling": "0.0.0"
-  },
-  "browserslist": [
-    "extends @frak-labs/browserslist-config"
-  ]
+    "viem": "^2.38.6",
+    "vitest": "^4.0.8"
+  }
 }

package/dist/hook/helper/useReferralInteraction.d.cts

@@ -1,24 +0,0 @@
-import type { DisplayEmbeddedWalletParamsType } from "@frak-labs/core-sdk";
-import { type ProcessReferralOptions } from "@frak-labs/core-sdk/actions";
-import type { Hex } from "viem";
-/**
- * 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
- *
- * @returns  The resulting referral state, or a potential error
- *
- * @description This function will automatically handle the referral interaction process
- *
- * @see {@link @frak-labs/core-sdk!actions.processReferral | `processReferral()`} for more details on the automatic referral handling process
- */
-export declare function useReferralInteraction({ productId, modalConfig, options, }?: {
-    productId?: Hex;
-    modalConfig?: DisplayEmbeddedWalletParamsType;
-    options?: ProcessReferralOptions;
-}): Error | ("error" | "no-referrer" | "idle" | "processing" | "success" | "no-wallet" | "no-session" | "self-referral");

package/dist/hook/helper/useReferralInteraction.d.ts

@@ -1,24 +0,0 @@
-import type { DisplayEmbeddedWalletParamsType } from "@frak-labs/core-sdk";
-import { type ProcessReferralOptions } from "@frak-labs/core-sdk/actions";
-import type { Hex } from "viem";
-/**
- * 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
- *
- * @returns  The resulting referral state, or a potential error
- *
- * @description This function will automatically handle the referral interaction process
- *
- * @see {@link @frak-labs/core-sdk!actions.processReferral | `processReferral()`} for more details on the automatic referral handling process
- */
-export declare function useReferralInteraction({ productId, modalConfig, options, }?: {
-    productId?: Hex;
-    modalConfig?: DisplayEmbeddedWalletParamsType;
-    options?: ProcessReferralOptions;
-}): Error | ("error" | "no-referrer" | "idle" | "processing" | "success" | "no-wallet" | "no-session" | "self-referral");

package/dist/hook/index.d.cts

@@ -1,11 +0,0 @@
-export { useFrakConfig } from "./useFrakConfig";
-export { useFrakClient } from "./useFrakClient";
-export { useWalletStatus } from "./useWalletStatus";
-export { useSendTransactionAction } from "./useSendTransaction";
-export { useSiweAuthenticate } from "./useSiweAuthenticate";
-export { useReferralInteraction } from "./helper/useReferralInteraction";
-export { useSendInteraction } from "./useSendInteraction";
-export { useDisplayModal } from "./useDisplayModal";
-export { useOpenSso } from "./useOpenSso";
-export { usePrepareSso } from "./usePrepareSso";
-export { useGetProductInformation } from "./useGetProductInformation";

package/dist/hook/index.d.ts

@@ -1,11 +0,0 @@
-export { useFrakConfig } from "./useFrakConfig";
-export { useFrakClient } from "./useFrakClient";
-export { useWalletStatus } from "./useWalletStatus";
-export { useSendTransactionAction } from "./useSendTransaction";
-export { useSiweAuthenticate } from "./useSiweAuthenticate";
-export { useReferralInteraction } from "./helper/useReferralInteraction";
-export { useSendInteraction } from "./useSendInteraction";
-export { useDisplayModal } from "./useDisplayModal";
-export { useOpenSso } from "./useOpenSso";
-export { usePrepareSso } from "./usePrepareSso";
-export { useGetProductInformation } from "./useGetProductInformation";

package/dist/hook/useDisplayModal.d.cts

@@ -1,38 +0,0 @@
-import type { DisplayModalParamsType, ModalRpcStepsResultType, ModalStepTypes } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions<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<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
- *
- * @typeParam T
- * The modal steps types to display (the result will correspond to the steps types asked in params)
- * An array of {@link @frak-labs/core-sdk!index.ModalStepTypes | `ModalStepTypes`}
- * If not provided, it will default to a generic array of `ModalStepTypes`
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `displayModal()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!index.DisplayModalParamsType | `DisplayModalParamsType<T>`}, with type params `T` being the modal steps types to display
- * The `data` result is a {@link @frak-labs/core-sdk!index.ModalRpcStepsResultType | `ModalRpcStepsResultType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.displayModal | `displayModal()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useDisplayModal<T extends ModalStepTypes[] = ModalStepTypes[]>({ mutations, }?: UseDisplayModalParams<T>): import("@tanstack/react-query").UseMutationResult<{ [K in T[number]["key"]]: Extract<T[number], {
-    key: K;
-}>["returns"]; }, FrakRpcError<undefined>, DisplayModalParamsType<T>, unknown>;
-export {};

package/dist/hook/useDisplayModal.d.ts

@@ -1,38 +0,0 @@
-import type { DisplayModalParamsType, ModalRpcStepsResultType, ModalStepTypes } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions<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<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
- *
- * @typeParam T
- * The modal steps types to display (the result will correspond to the steps types asked in params)
- * An array of {@link @frak-labs/core-sdk!index.ModalStepTypes | `ModalStepTypes`}
- * If not provided, it will default to a generic array of `ModalStepTypes`
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `displayModal()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!index.DisplayModalParamsType | `DisplayModalParamsType<T>`}, with type params `T` being the modal steps types to display
- * The `data` result is a {@link @frak-labs/core-sdk!index.ModalRpcStepsResultType | `ModalRpcStepsResultType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.displayModal | `displayModal()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useDisplayModal<T extends ModalStepTypes[] = ModalStepTypes[]>({ mutations, }?: UseDisplayModalParams<T>): import("@tanstack/react-query").UseMutationResult<{ [K in T[number]["key"]]: Extract<T[number], {
-    key: K;
-}>["returns"]; }, FrakRpcError<undefined>, DisplayModalParamsType<T>, unknown>;
-export {};

package/dist/hook/useFrakClient.d.cts

@@ -1,6 +0,0 @@
-/**
- * Get the current Frak client
- *
- * @group hooks
- */
-export declare function useFrakClient(): import("@frak-labs/core-sdk").FrakClient | undefined;

package/dist/hook/useFrakClient.d.ts

@@ -1,6 +0,0 @@
-/**
- * Get the current Frak client
- *
- * @group hooks
- */
-export declare function useFrakClient(): import("@frak-labs/core-sdk").FrakClient | undefined;

package/dist/hook/useFrakConfig.d.cts

@@ -1,9 +0,0 @@
-/**
- * Get the current Frak config
- * @throws {FrakRpcError} if the config is not found (only if this hooks is used outside a FrakConfigProvider)
- * @group hooks
- *
- * @see {@link @frak-labs/react-sdk!FrakConfigProvider | FrakConfigProvider} for the config provider
- * @see {@link @frak-labs/core-sdk!index.FrakWalletSdkConfig | FrakWalletSdkConfig} for the config type
- */
-export declare function useFrakConfig(): import("@frak-labs/core-sdk").FrakWalletSdkConfig;

package/dist/hook/useFrakConfig.d.ts

@@ -1,9 +0,0 @@
-/**
- * Get the current Frak config
- * @throws {FrakRpcError} if the config is not found (only if this hooks is used outside a FrakConfigProvider)
- * @group hooks
- *
- * @see {@link @frak-labs/react-sdk!FrakConfigProvider | FrakConfigProvider} for the config provider
- * @see {@link @frak-labs/core-sdk!index.FrakWalletSdkConfig | FrakWalletSdkConfig} for the config type
- */
-export declare function useFrakConfig(): import("@frak-labs/core-sdk").FrakWalletSdkConfig;

package/dist/hook/useGetProductInformation.d.cts

@@ -1,30 +0,0 @@
-import type { GetProductInformationReturnType } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseQueryOptions } from "@tanstack/react-query";
-/** @ignore */
-type QueryOptions = Omit<UseQueryOptions<GetProductInformationReturnType, FrakRpcError, undefined>, "queryKey" | "queryFn">;
-/** @inline */
-interface UseGetProductInformationParams {
-    /**
-     * 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
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} action
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The query hook wrapping the `getProductInformation()` action
- * The `data` result is a {@link @frak-labs/core-sdk!index.GetProductInformationReturnType | `GetProductInformationReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useQuery | `useQuery()`} for more info about the useQuery options and response
- */
-export declare function useGetProductInformation({ query, }?: UseGetProductInformationParams): import("@tanstack/react-query").UseQueryResult<undefined, FrakRpcError<undefined>>;
-export {};

package/dist/hook/useGetProductInformation.d.ts

@@ -1,30 +0,0 @@
-import type { GetProductInformationReturnType } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseQueryOptions } from "@tanstack/react-query";
-/** @ignore */
-type QueryOptions = Omit<UseQueryOptions<GetProductInformationReturnType, FrakRpcError, undefined>, "queryKey" | "queryFn">;
-/** @inline */
-interface UseGetProductInformationParams {
-    /**
-     * 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
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} action
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The query hook wrapping the `getProductInformation()` action
- * The `data` result is a {@link @frak-labs/core-sdk!index.GetProductInformationReturnType | `GetProductInformationReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.getProductInformation | `getProductInformation()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useQuery | `useQuery()`} for more info about the useQuery options and response
- */
-export declare function useGetProductInformation({ query, }?: UseGetProductInformationParams): import("@tanstack/react-query").UseQueryResult<undefined, FrakRpcError<undefined>>;
-export {};

package/dist/hook/useOpenSso.d.cts

@@ -1,33 +0,0 @@
-import type { OpenSsoParamsType, OpenSsoReturnType } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions = 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;
-}
-/**
- * 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
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `openSso()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!index.OpenSsoParamsType | `OpenSsoParamsType`}
- * The mutation doesn't output any value
- *
- * @see {@link @frak-labs/core-sdk!actions.openSso | `openSso()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useOpenSso({ mutations }?: UseOpenSsoParams): import("@tanstack/react-query").UseMutationResult<{
-    wallet?: import("viem").Hex;
-}, FrakRpcError<undefined>, OpenSsoParamsType, unknown>;
-export {};

package/dist/hook/useOpenSso.d.ts

@@ -1,33 +0,0 @@
-import type { OpenSsoParamsType, OpenSsoReturnType } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions = 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;
-}
-/**
- * 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
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `openSso()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!index.OpenSsoParamsType | `OpenSsoParamsType`}
- * The mutation doesn't output any value
- *
- * @see {@link @frak-labs/core-sdk!actions.openSso | `openSso()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useOpenSso({ mutations }?: UseOpenSsoParams): import("@tanstack/react-query").UseMutationResult<{
-    wallet?: import("viem").Hex;
-}, FrakRpcError<undefined>, OpenSsoParamsType, unknown>;
-export {};

package/dist/hook/usePrepareSso.d.cts

@@ -1,40 +0,0 @@
-import type { PrepareSsoParamsType } from "@frak-labs/core-sdk";
-/**
- * Hook that generates SSO URL for popup flow
- *
- * This is a **synchronous** hook (no async calls) that generates the SSO URL
- * client-side without communicating with the wallet iframe.
- *
- * @param params - SSO parameters for URL generation
- *
- * @group hooks
- *
- * @returns
- * Object containing:
- * - `ssoUrl`: Generated SSO URL (or undefined if client not ready)
- * - `isReady`: Boolean indicating if URL is available
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const { data } = usePrepareSso({
- *     metadata: { logoUrl: "..." },
- *     directExit: true
- *   });
- *
- *   const handleClick = () => {
- *     if (ssoUrl) {
- *       window.open(data?.ssoUrl, "_blank");
- *     }
- *   };
- *
- *   return <button onClick={handleClick} disabled={!isReady}>Login</button>;
- * }
- * ```
- *
- * @see {@link @frak-labs/core-sdk!actions.prepareSso | `prepareSso()`} for the underlying action
- * @see {@link @frak-labs/core-sdk!actions.openSso | `openSso()`} for the recommended high-level API
- */
-export declare function usePrepareSso(params: PrepareSsoParamsType): import("@tanstack/react-query").UseQueryResult<{
-    ssoUrl: string;
-}, Error>;

package/dist/hook/usePrepareSso.d.ts

@@ -1,40 +0,0 @@
-import type { PrepareSsoParamsType } from "@frak-labs/core-sdk";
-/**
- * Hook that generates SSO URL for popup flow
- *
- * This is a **synchronous** hook (no async calls) that generates the SSO URL
- * client-side without communicating with the wallet iframe.
- *
- * @param params - SSO parameters for URL generation
- *
- * @group hooks
- *
- * @returns
- * Object containing:
- * - `ssoUrl`: Generated SSO URL (or undefined if client not ready)
- * - `isReady`: Boolean indicating if URL is available
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const { data } = usePrepareSso({
- *     metadata: { logoUrl: "..." },
- *     directExit: true
- *   });
- *
- *   const handleClick = () => {
- *     if (ssoUrl) {
- *       window.open(data?.ssoUrl, "_blank");
- *     }
- *   };
- *
- *   return <button onClick={handleClick} disabled={!isReady}>Login</button>;
- * }
- * ```
- *
- * @see {@link @frak-labs/core-sdk!actions.prepareSso | `prepareSso()`} for the underlying action
- * @see {@link @frak-labs/core-sdk!actions.openSso | `openSso()`} for the recommended high-level API
- */
-export declare function usePrepareSso(params: PrepareSsoParamsType): import("@tanstack/react-query").UseQueryResult<{
-    ssoUrl: string;
-}, Error>;

package/dist/hook/useSendInteraction.d.cts

@@ -1,33 +0,0 @@
-import type { SendInteractionParamsType, SendInteractionReturnType } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions = 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;
-}
-/**
- * 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
- */
-export declare function useSendInteraction({ mutations, }?: UseSendInteractionParams): import("@tanstack/react-query").UseMutationResult<{
-    delegationId: string;
-}, FrakRpcError<undefined>, SendInteractionParamsType, unknown>;
-export {};

package/dist/hook/useSendInteraction.d.ts

@@ -1,33 +0,0 @@
-import type { SendInteractionParamsType, SendInteractionReturnType } from "@frak-labs/core-sdk";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions = 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;
-}
-/**
- * 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
- */
-export declare function useSendInteraction({ mutations, }?: UseSendInteractionParams): import("@tanstack/react-query").UseMutationResult<{
-    delegationId: string;
-}, FrakRpcError<undefined>, SendInteractionParamsType, unknown>;
-export {};

package/dist/hook/useSendTransaction.d.cts

@@ -1,34 +0,0 @@
-import type { SendTransactionReturnType } from "@frak-labs/core-sdk";
-import { type SendTransactionParams } from "@frak-labs/core-sdk/actions";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions = Omit<UseMutationOptions<SendTransactionReturnType, FrakRpcError, SendTransactionParams>, "mutationFn" | "mutationKey">;
-/** @inline */
-interface UseSendTransactionParams {
-    /**
-     * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
-     */
-    mutations?: MutationOptions;
-}
-/**
- * Hook that return a mutation helping to send a transaction
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} action
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `sendTransaction()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!actions.SendTransactionParams | `SendTransactionParams`}
- * The `data` result is a {@link @frak-labs/core-sdk!index.SendTransactionReturnType | `SendTransactionReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useSendTransactionAction({ mutations, }?: UseSendTransactionParams): import("@tanstack/react-query").UseMutationResult<{
-    hash: import("viem").Hex;
-}, FrakRpcError<undefined>, SendTransactionParams, unknown>;
-export {};

package/dist/hook/useSendTransaction.d.ts

@@ -1,34 +0,0 @@
-import type { SendTransactionReturnType } from "@frak-labs/core-sdk";
-import { type SendTransactionParams } from "@frak-labs/core-sdk/actions";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @ignore */
-type MutationOptions = Omit<UseMutationOptions<SendTransactionReturnType, FrakRpcError, SendTransactionParams>, "mutationFn" | "mutationKey">;
-/** @inline */
-interface UseSendTransactionParams {
-    /**
-     * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
-     */
-    mutations?: MutationOptions;
-}
-/**
- * Hook that return a mutation helping to send a transaction
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} action
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `sendTransaction()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!actions.SendTransactionParams | `SendTransactionParams`}
- * The `data` result is a {@link @frak-labs/core-sdk!index.SendTransactionReturnType | `SendTransactionReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.sendTransaction | `sendTransaction()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useSendTransactionAction({ mutations, }?: UseSendTransactionParams): import("@tanstack/react-query").UseMutationResult<{
-    hash: import("viem").Hex;
-}, FrakRpcError<undefined>, SendTransactionParams, unknown>;
-export {};

package/dist/hook/useSiweAuthenticate.d.cts

@@ -1,35 +0,0 @@
-import type { SiweAuthenticateReturnType } from "@frak-labs/core-sdk";
-import { type SiweAuthenticateModalParams } from "@frak-labs/core-sdk/actions";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @inline */
-type MutationOptions = Omit<UseMutationOptions<SiweAuthenticateReturnType, FrakRpcError, SiweAuthenticateModalParams>, "mutationFn" | "mutationKey">;
-/** @ignore */
-interface UseSiweAuthenticateParams {
-    /**
-     * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
-     */
-    mutations?: MutationOptions;
-}
-/**
- * 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
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `siweAuthenticate()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!actions.SiweAuthenticateModalParams | `SiweAuthenticateModalParams`}
- * The `data` result is a {@link @frak-labs/core-sdk!index.SiweAuthenticateReturnType | `SiweAuthenticateReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.siweAuthenticate | `siweAuthenticate()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useSiweAuthenticate({ mutations, }?: UseSiweAuthenticateParams): import("@tanstack/react-query").UseMutationResult<{
-    signature: import("viem").Hex;
-    message: string;
-}, FrakRpcError<undefined>, SiweAuthenticateModalParams, unknown>;
-export {};

package/dist/hook/useSiweAuthenticate.d.ts

@@ -1,35 +0,0 @@
-import type { SiweAuthenticateReturnType } from "@frak-labs/core-sdk";
-import { type SiweAuthenticateModalParams } from "@frak-labs/core-sdk/actions";
-import { type FrakRpcError } from "@frak-labs/frame-connector";
-import { type UseMutationOptions } from "@tanstack/react-query";
-/** @inline */
-type MutationOptions = Omit<UseMutationOptions<SiweAuthenticateReturnType, FrakRpcError, SiweAuthenticateModalParams>, "mutationFn" | "mutationKey">;
-/** @ignore */
-interface UseSiweAuthenticateParams {
-    /**
-     * Optional mutation options, see {@link @tanstack/react-query!useMutation | `useMutation()`} for more infos
-     */
-    mutations?: MutationOptions;
-}
-/**
- * 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
- *
- * @param args
- *
- * @group hooks
- *
- * @returns
- * The mutation hook wrapping the `siweAuthenticate()` action
- * The `mutate` and `mutateAsync` argument is of type {@link @frak-labs/core-sdk!actions.SiweAuthenticateModalParams | `SiweAuthenticateModalParams`}
- * The `data` result is a {@link @frak-labs/core-sdk!index.SiweAuthenticateReturnType | `SiweAuthenticateReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.siweAuthenticate | `siweAuthenticate()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useMutation | `useMutation()`} for more info about the mutation options and response
- */
-export declare function useSiweAuthenticate({ mutations, }?: UseSiweAuthenticateParams): import("@tanstack/react-query").UseMutationResult<{
-    signature: import("viem").Hex;
-    message: string;
-}, FrakRpcError<undefined>, SiweAuthenticateModalParams, unknown>;
-export {};

package/dist/hook/useWalletStatus.d.cts

@@ -1,16 +0,0 @@
-import type { WalletStatusReturnType } from "@frak-labs/core-sdk";
-/**
- * Hook that return a query helping to get the current wallet status.
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.watchWalletStatus | `watchWalletStatus()`} action
- *
- * @group hooks
- *
- * @returns
- * The query hook wrapping the `watchWalletStatus()` action
- * The `data` result is a {@link @frak-labs/core-sdk!index.WalletStatusReturnType | `WalletStatusReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.watchWalletStatus | `watchWalletStatus()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useQuery | `useQuery()`} for more info about the useQuery response
- */
-export declare function useWalletStatus(): import("@tanstack/react-query").UseQueryResult<WalletStatusReturnType, Error>;

package/dist/hook/useWalletStatus.d.ts

@@ -1,16 +0,0 @@
-import type { WalletStatusReturnType } from "@frak-labs/core-sdk";
-/**
- * Hook that return a query helping to get the current wallet status.
- *
- * It's a {@link @tanstack/react-query!home | `tanstack`} wrapper around the {@link @frak-labs/core-sdk!actions.watchWalletStatus | `watchWalletStatus()`} action
- *
- * @group hooks
- *
- * @returns
- * The query hook wrapping the `watchWalletStatus()` action
- * The `data` result is a {@link @frak-labs/core-sdk!index.WalletStatusReturnType | `WalletStatusReturnType`}
- *
- * @see {@link @frak-labs/core-sdk!actions.watchWalletStatus | `watchWalletStatus()`} for more info about the underlying action
- * @see {@link @tanstack/react-query!useQuery | `useQuery()`} for more info about the useQuery response
- */
-export declare function useWalletStatus(): import("@tanstack/react-query").UseQueryResult<WalletStatusReturnType, Error>;

package/dist/hook/utils/useFrakContext.d.cts

@@ -1,9 +0,0 @@
-import { type FrakContext } from "@frak-labs/core-sdk";
-/**
- * Extract the current frak context from the url
- * @ignore
- */
-export declare function useFrakContext(): {
-    frakContext: FrakContext | null | undefined;
-    updateContext: (newContext: Partial<FrakContext>) => void;
-};

package/dist/hook/utils/useFrakContext.d.ts

@@ -1,9 +0,0 @@
-import { type FrakContext } from "@frak-labs/core-sdk";
-/**
- * Extract the current frak context from the url
- * @ignore
- */
-export declare function useFrakContext(): {
-    frakContext: FrakContext | null | undefined;
-    updateContext: (newContext: Partial<FrakContext>) => void;
-};

package/dist/hook/utils/useMounted.d.cts

@@ -1,2 +0,0 @@
-/** @ignore */
-export declare function useMounted(): boolean;

package/dist/hook/utils/useMounted.d.ts

@@ -1,2 +0,0 @@
-/** @ignore */
-export declare function useMounted(): boolean;

package/dist/hook/utils/useWindowLocation.d.cts

@@ -1,8 +0,0 @@
-/**
- * Returns the current window location and href
- * @ignore
- */
-export declare function useWindowLocation(): {
-    location: Location | undefined;
-    href: string | undefined;
-};

package/dist/hook/utils/useWindowLocation.d.ts

@@ -1,8 +0,0 @@
-/**
- * Returns the current window location and href
- * @ignore
- */
-export declare function useWindowLocation(): {
-    location: Location | undefined;
-    href: string | undefined;
-};

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useOpenSso:()=>useOpenSso,useWalletStatus:()=>useWalletStatus,useReferralInteraction:()=>useReferralInteraction,useSendTransactionAction:()=>useSendTransactionAction,FrakConfigProvider:()=>FrakConfigProvider,useSendInteraction:()=>useSendInteraction,useGetProductInformation:()=>useGetProductInformation,FrakConfigContext:()=>FrakConfigContext,useDisplayModal:()=>useDisplayModal,useFrakClient:()=>useFrakClient,FrakIFrameClientProvider:()=>FrakIFrameClientProvider,useFrakConfig:()=>useFrakConfig,usePrepareSso:()=>usePrepareSso,useSiweAuthenticate:()=>useSiweAuthenticate,FrakIFrameClientContext:()=>FrakIFrameClientContext});let external_react_namespaceObject=require("react"),FrakConfigContext=(0,external_react_namespaceObject.createContext)(void 0);function FrakConfigProvider(e){let{children:t,config:r}=e;return(0,external_react_namespaceObject.createElement)(FrakConfigContext.Provider,{value:{...r,walletUrl:r.walletUrl??"https://wallet.frak.id",domain:r.domain??("undefined"!=typeof window?window?.location?.host:void 0)??"not-found"}},t)}let core_sdk_namespaceObject=require("@frak-labs/core-sdk"),frame_connector_namespaceObject=require("@frak-labs/frame-connector");function useFrakConfig(){let e=(0,external_react_namespaceObject.useContext)(FrakConfigContext);if(!e)throw new frame_connector_namespaceObject.FrakRpcError(frame_connector_namespaceObject.RpcErrorCodes.configError,"Frak config not found");return e}let FrakIFrameClientContext=(0,external_react_namespaceObject.createContext)(void 0);function FrakIFrameClientProvider({style:e,children:t}){let r=useFrakConfig(),[a,n]=(0,external_react_namespaceObject.useState)(void 0),o=(0,external_react_namespaceObject.createElement)("iframe",{...core_sdk_namespaceObject.baseIframeProps,src:`${r.walletUrl}/listener`,style:e??core_sdk_namespaceObject.baseIframeProps.style,ref:e=>{e&&!a&&n((0,core_sdk_namespaceObject.createIFrameFrakClient)({iframe:e,config:r}))}}),c=(0,external_react_namespaceObject.createElement)(FrakIFrameClientContext.Provider,{value:a},t);return(0,external_react_namespaceObject.createElement)(external_react_namespaceObject.Fragment,null,o,c)}function useFrakClient(){return(0,external_react_namespaceObject.useContext)(FrakIFrameClientContext)}let actions_namespaceObject=require("@frak-labs/core-sdk/actions"),react_query_namespaceObject=require("@tanstack/react-query");function useWalletStatus(){let e=(0,react_query_namespaceObject.useQueryClient)(),t=useFrakClient(),r=(0,external_react_namespaceObject.useCallback)(t=>{e.setQueryData(["frak-sdk","wallet-status-listener"],t)},[e]);return(0,react_query_namespaceObject.useQuery)({gcTime:0,staleTime:0,queryKey:["frak-sdk","wallet-status-listener"],queryFn:async()=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.watchWalletStatus)(t,r)},enabled:!!t})}function useSendTransactionAction({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","send-transaction"],mutationFn:async e=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.sendTransaction)(t,e)}})}function useSendInteraction({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","send-interaction"],mutationFn:async e=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.sendInteraction)(t,e)}})}function useSiweAuthenticate({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","siwe-authenticate",t?.config.domain??"no-domain"],mutationFn:async e=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.siweAuthenticate)(t,e)}})}function useMounted(){let[e,t]=(0,external_react_namespaceObject.useState)(!1);return(0,external_react_namespaceObject.useEffect)(()=>{t(!0)},[]),e}function useWindowLocation(){let e=useMounted(),[t,r]=(0,external_react_namespaceObject.useState)(e?window.location:void 0);(0,external_react_namespaceObject.useEffect)(()=>{if(e)return t||a(),window.addEventListener("popstate",a),()=>{window.removeEventListener("popstate",a)};function a(){r(window.location)}},[e,t]);let a=(0,external_react_namespaceObject.useMemo)(()=>t?.href,[t?.href]);return{location:t,href:a}}function useFrakContext(){let{location:e}=useWindowLocation();return{frakContext:(0,external_react_namespaceObject.useMemo)(()=>e?.href?core_sdk_namespaceObject.FrakContextManager.parse({url:e.href}):null,[e?.href]),updateContext:(0,external_react_namespaceObject.useCallback)(t=>{console.log("Updating context",{newContext:t}),core_sdk_namespaceObject.FrakContextManager.replaceUrl({url:e?.href,context:t})},[e?.href])}}function useReferralInteraction({productId:e,modalConfig:t,options:r}={}){let a=useFrakClient(),{frakContext:n}=useFrakContext(),{data:o}=useWalletStatus(),{data:c,error:s,status:_}=(0,react_query_namespaceObject.useQuery)({gcTime:0,staleTime:0,queryKey:["frak-sdk","auto-referral-interaction",n?.r??"no-referrer",o?.key??"no-wallet-status",e??"no-product-id"],queryFn:()=>{if(!a)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.processReferral)(a,{walletStatus:o,frakContext:n,modalConfig:t,productId:e,options:r})},enabled:!!o});return(0,external_react_namespaceObject.useMemo)(()=>"pending"===_?"processing":"error"===_?s:c||"idle",[c,_,s])}function useDisplayModal({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","display-modal"],mutationFn:async e=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.displayModal)(t,e)}})}function useOpenSso({mutations:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useMutation)({...e,mutationKey:["frak-sdk","open-sso"],mutationFn:async e=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.openSso)(t,e)}})}function usePrepareSso(e){let t=useFrakClient();return(0,react_query_namespaceObject.useQuery)({queryKey:["frak-sdk","prepare-sso",e],queryFn:async()=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.prepareSso)(t,e)}})}function useGetProductInformation({query:e}={}){let t=useFrakClient();return(0,react_query_namespaceObject.useQuery)({...e,queryKey:["frak-sdk","get-product-information"],queryFn:async()=>{if(!t)throw new frame_connector_namespaceObject.ClientNotFound;return(0,actions_namespaceObject.getProductInformation)(t)}})}for(var __webpack_i__ in exports.FrakConfigContext=__webpack_exports__.FrakConfigContext,exports.FrakConfigProvider=__webpack_exports__.FrakConfigProvider,exports.FrakIFrameClientContext=__webpack_exports__.FrakIFrameClientContext,exports.FrakIFrameClientProvider=__webpack_exports__.FrakIFrameClientProvider,exports.useDisplayModal=__webpack_exports__.useDisplayModal,exports.useFrakClient=__webpack_exports__.useFrakClient,exports.useFrakConfig=__webpack_exports__.useFrakConfig,exports.useGetProductInformation=__webpack_exports__.useGetProductInformation,exports.useOpenSso=__webpack_exports__.useOpenSso,exports.usePrepareSso=__webpack_exports__.usePrepareSso,exports.useReferralInteraction=__webpack_exports__.useReferralInteraction,exports.useSendInteraction=__webpack_exports__.useSendInteraction,exports.useSendTransactionAction=__webpack_exports__.useSendTransactionAction,exports.useSiweAuthenticate=__webpack_exports__.useSiweAuthenticate,exports.useWalletStatus=__webpack_exports__.useWalletStatus,__webpack_exports__)-1===["FrakConfigContext","FrakConfigProvider","FrakIFrameClientContext","FrakIFrameClientProvider","useDisplayModal","useFrakClient","useFrakConfig","useGetProductInformation","useOpenSso","usePrepareSso","useReferralInteraction","useSendInteraction","useSendTransactionAction","useSiweAuthenticate","useWalletStatus"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/index.d.cts

@@ -1,3 +0,0 @@
-export { FrakConfigContext, FrakConfigProvider, FrakIFrameClientContext, FrakIFrameClientProvider, } from "./provider";
-export type { FrakConfigProviderProps, FrakIFrameClientProps, } from "./provider";
-export { useFrakConfig, useFrakClient, useWalletStatus, useSendTransactionAction, useSendInteraction, useSiweAuthenticate, useReferralInteraction, useDisplayModal, useOpenSso, usePrepareSso, useGetProductInformation, } from "./hook";

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export { FrakConfigContext, FrakConfigProvider, FrakIFrameClientContext, FrakIFrameClientProvider, } from "./provider";
-export type { FrakConfigProviderProps, FrakIFrameClientProps, } from "./provider";
-export { useFrakConfig, useFrakClient, useWalletStatus, useSendTransactionAction, useSendInteraction, useSiweAuthenticate, useReferralInteraction, useDisplayModal, useOpenSso, usePrepareSso, useGetProductInformation, } from "./hook";

package/dist/index.js

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

package/dist/provider/FrakConfigProvider.d.cts

@@ -1,29 +0,0 @@
-import type { FrakWalletSdkConfig } from "@frak-labs/core-sdk";
-import { type PropsWithChildren } from "react";
-/**
- * The context that will keep the Frak Wallet SDK configuration
- * @ignore
- */
-export declare const FrakConfigContext: import("react").Context<FrakWalletSdkConfig | undefined>;
-/**
- * Props to instantiate the Frak Wallet SDK configuration provider
- *
- * @group provider
- */
-export type FrakConfigProviderProps = {
-    /**
-     * The wanted Frak configuration
-     * @see {@link @frak-labs/core-sdk!index.FrakWalletSdkConfig | FrakWalletSdkConfig}
-     */
-    config: FrakWalletSdkConfig;
-};
-/**
- * Simple config provider for the Frak Wallet SDK
- *
- * Should be wrapped within a {@link @tanstack/react-query!QueryClientProvider | `QueryClientProvider`}
- *
- * @group provider
- *
- * @param parameters
- */
-export declare function FrakConfigProvider(parameters: PropsWithChildren<FrakConfigProviderProps>): import("react").FunctionComponentElement<import("react").ProviderProps<FrakWalletSdkConfig | undefined>>;

package/dist/provider/FrakConfigProvider.d.ts

@@ -1,29 +0,0 @@
-import type { FrakWalletSdkConfig } from "@frak-labs/core-sdk";
-import { type PropsWithChildren } from "react";
-/**
- * The context that will keep the Frak Wallet SDK configuration
- * @ignore
- */
-export declare const FrakConfigContext: import("react").Context<FrakWalletSdkConfig | undefined>;
-/**
- * Props to instantiate the Frak Wallet SDK configuration provider
- *
- * @group provider
- */
-export type FrakConfigProviderProps = {
-    /**
-     * The wanted Frak configuration
-     * @see {@link @frak-labs/core-sdk!index.FrakWalletSdkConfig | FrakWalletSdkConfig}
-     */
-    config: FrakWalletSdkConfig;
-};
-/**
- * Simple config provider for the Frak Wallet SDK
- *
- * Should be wrapped within a {@link @tanstack/react-query!QueryClientProvider | `QueryClientProvider`}
- *
- * @group provider
- *
- * @param parameters
- */
-export declare function FrakConfigProvider(parameters: PropsWithChildren<FrakConfigProviderProps>): import("react").FunctionComponentElement<import("react").ProviderProps<FrakWalletSdkConfig | undefined>>;

package/dist/provider/FrakIFrameClientProvider.d.cts

@@ -1,32 +0,0 @@
-import { type FrakClient, type FrakWalletSdkConfig } from "@frak-labs/core-sdk";
-import { type CSSProperties, type ReactNode } from "react";
-/**
- * The context that will keep the Frak Wallet SDK client
- * @ignore
- */
-export declare const FrakIFrameClientContext: import("react").Context<FrakClient | undefined>;
-/**
- * Props to instantiate the Frak Wallet SDK configuration provider
- *
- * @group provider
- */
-export type FrakIFrameClientProps = {
-    config: FrakWalletSdkConfig;
-};
-/**
- * IFrame client provider for the Frak Wallet SDK
- * It will automatically create the frak wallet iFrame (required for the wallet to communicate with the SDK securely), and provide it in the context
- *
- * @group provider
- *
- * @remarks
- * This provider must be wrapped within a {@link FrakConfigProvider} to work properly
- *
- * @param args
- * @param args.style - Some custom styles to apply to the iFrame
- * @param args.children - Descedant components that will have access to the Frak Client
- */
-export declare function FrakIFrameClientProvider({ style, children, }: {
-    style?: CSSProperties;
-    children?: ReactNode;
-}): import("react").FunctionComponentElement<import("react").FragmentProps>;

package/dist/provider/FrakIFrameClientProvider.d.ts

@@ -1,32 +0,0 @@
-import { type FrakClient, type FrakWalletSdkConfig } from "@frak-labs/core-sdk";
-import { type CSSProperties, type ReactNode } from "react";
-/**
- * The context that will keep the Frak Wallet SDK client
- * @ignore
- */
-export declare const FrakIFrameClientContext: import("react").Context<FrakClient | undefined>;
-/**
- * Props to instantiate the Frak Wallet SDK configuration provider
- *
- * @group provider
- */
-export type FrakIFrameClientProps = {
-    config: FrakWalletSdkConfig;
-};
-/**
- * IFrame client provider for the Frak Wallet SDK
- * It will automatically create the frak wallet iFrame (required for the wallet to communicate with the SDK securely), and provide it in the context
- *
- * @group provider
- *
- * @remarks
- * This provider must be wrapped within a {@link FrakConfigProvider} to work properly
- *
- * @param args
- * @param args.style - Some custom styles to apply to the iFrame
- * @param args.children - Descedant components that will have access to the Frak Client
- */
-export declare function FrakIFrameClientProvider({ style, children, }: {
-    style?: CSSProperties;
-    children?: ReactNode;
-}): import("react").FunctionComponentElement<import("react").FragmentProps>;

package/dist/provider/index.d.cts

@@ -1,4 +0,0 @@
-export { FrakConfigProvider, FrakConfigContext } from "./FrakConfigProvider";
-export type { FrakConfigProviderProps } from "./FrakConfigProvider";
-export { FrakIFrameClientContext, FrakIFrameClientProvider, } from "./FrakIFrameClientProvider";
-export type { FrakIFrameClientProps } from "./FrakIFrameClientProvider";

package/dist/provider/index.d.ts

@@ -1,4 +0,0 @@
-export { FrakConfigProvider, FrakConfigContext } from "./FrakConfigProvider";
-export type { FrakConfigProviderProps } from "./FrakConfigProvider";
-export { FrakIFrameClientContext, FrakIFrameClientProvider, } from "./FrakIFrameClientProvider";
-export type { FrakIFrameClientProps } from "./FrakIFrameClientProvider";