@frak-labs/react-sdk/src/provider/FrakConfigProvider.ts

React SDK of the Frak wallet, low level library to interact directly with the frak ecosystem.

import type { FrakWalletSdkConfig } from "@frak-labs/core-sdk";
import { createContext, createElement, type PropsWithChildren } from "react";

/**
 * The context that will keep the Frak Wallet SDK configuration
 * @ignore
 */
export const FrakConfigContext = createContext<FrakWalletSdkConfig | undefined>(
    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 function FrakConfigProvider(
    parameters: PropsWithChildren<FrakConfigProviderProps>
) {
    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
                        : undefined) ??
                    "not-found",
            },
        },
        children
    );
}