@openfort/react 0.0.1

package/build/types.d.ts

@@ -0,0 +1,32 @@
+import { Languages as Lang } from './localizations';
+export type Languages = Lang;
+export type Theme = 'auto' | 'web95' | 'retro' | 'soft' | 'midnight' | 'minimal' | 'rounded' | 'nouns';
+export type Mode = 'light' | 'dark' | 'auto';
+export type CustomTheme = any;
+export type All = {
+    theme?: Theme;
+    mode?: Mode;
+    customTheme?: CustomTheme;
+    lang?: Languages;
+};
+export type { ConnectKitOptions as OpenfortKitOptions, OpenfortWalletConfig } from './components/OpenfortKit/types';
+export type { CustomAvatarProps } from './components/Common/Avatar';
+export declare enum OpenfortKitErrorType {
+    AUTHENTICATION_ERROR = "AUTHENTICATION_ERROR"
+}
+interface Data {
+    [key: string]: any;
+}
+export declare class OpenfortKitError extends Error {
+    type: OpenfortKitErrorType;
+    data: Data;
+    constructor(message: string, type: OpenfortKitErrorType, data?: Data);
+}
+export type OpenfortHookOptions<T = {
+    error?: OpenfortKitError;
+}> = {
+    onSuccess?: (data: T) => void;
+    onError?: (error: OpenfortKitError) => void;
+    onSettled?: (data: T | undefined | null, error: OpenfortKitError | null) => void;
+    throwOnError?: boolean;
+};

package/build/utils/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare const truncateEthAddress: (address?: string, separator?: string) => string;
+declare const truncateENSAddress: (ensName: string, maxLength: number) => string;
+declare const truncateUserId: (playerId?: string, separator?: string) => string;
+declare const nFormatter: (num: number, digits?: number) => string;
+declare const detectBrowser: () => "" | import("detect-browser").Browser | "bot" | "node" | "react-native";
+declare const detectOS: () => "" | import("detect-browser").OperatingSystem | NodeJS.Platform;
+declare const isAndroid: () => boolean;
+declare const isMobile: () => boolean;
+type ReactChildArray = ReturnType<typeof React.Children.toArray>;
+declare function flattenChildren(children: React.ReactNode): ReactChildArray;
+export declare const isWalletConnectConnector: (connectorId?: string) => connectorId is "walletConnect";
+export declare const isMetaMaskConnector: (connectorId?: string) => connectorId is "metaMaskSDK";
+export declare const isCoinbaseWalletConnector: (connectorId?: string) => connectorId is "coinbaseWalletSDK";
+export declare const isLedgerConnector: (connectorId?: string) => connectorId is "ledger";
+export declare const isSafeConnector: (connectorId?: string) => connectorId is "safe";
+export declare const isInjectedConnector: (connectorId?: string) => connectorId is "injected";
+export { nFormatter, truncateEthAddress, truncateENSAddress, truncateUserId, isMobile, isAndroid, detectBrowser, detectOS, flattenChildren, };

package/build/utils/localstorage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * LocalStorage helper functions to save and retrieve data on a per-app basis
+ * e.g recently connected wallets, transactions, etc.
+ */
+export declare const save: (storageKey: string, data: any[]) => any;
+export declare const get: (storageKey: string) => any;
+export declare const add: (storageKey: string, item: any) => any;
+export declare const remove: (storageKey: string, item: any) => any;
+export declare const clear: (storageKey: string) => any;

package/build/utils/p3.d.ts

@@ -0,0 +1,2 @@
+export declare const hexToP3: (hex: string) => string;
+export declare const p3Hex: (hex: string, property: string) => import("styled-components").FlattenSimpleInterpolation;

package/build/utils/wallets.d.ts

@@ -0,0 +1,24 @@
+declare global {
+    interface Window {
+        trustWallet: any;
+        trustwallet: any;
+    }
+}
+export declare const isWalletInstalled: (name: string) => boolean;
+export declare const isMetaMask: () => boolean;
+export declare const isCoinbaseWallet: () => boolean;
+export declare const isFamily: () => boolean;
+export declare const isBrave: () => boolean;
+export declare const isTokenary: () => boolean;
+export declare const isDawn: () => boolean;
+export declare const isFrame: () => boolean;
+export declare const isPhantom: () => boolean;
+export declare const isInfinityWallet: () => boolean;
+export declare const isRabby: () => boolean;
+export declare const isFrontier: () => boolean;
+export declare const isTrust: () => any;
+export declare const isTokenPocket: () => boolean;
+export declare const isTalisman: () => boolean;
+export declare const isFordefi: () => boolean;
+export declare const isRainbow: () => boolean;
+export declare const isZerion: () => boolean;

package/build/version.d.ts

@@ -0,0 +1 @@
+export declare const OPENFORTKIT_VERSION = "0.0.1";

package/build/wallets/index.d.ts

@@ -0,0 +1,7 @@
+import { CreateConnectorFn } from 'wagmi';
+import { walletConfigs } from './walletConfigs';
+type WalletIds = Extract<keyof typeof walletConfigs, string>;
+export declare const wallets: {
+    [key: WalletIds]: CreateConnectorFn;
+};
+export {};

package/build/wallets/useWallets.d.ts

@@ -0,0 +1,9 @@
+import { Connector } from 'wagmi';
+import { WalletConfigProps } from './walletConfigs';
+export type WalletProps = {
+    id: string;
+    connector: Connector;
+    isInstalled?: boolean;
+} & WalletConfigProps;
+export declare const useWallet: (id: string) => WalletProps | null;
+export declare const useWallets: () => WalletProps[];

package/build/wallets/walletConfigs.d.ts

@@ -0,0 +1,30 @@
+/**
+ * EIP-6963: Multi Injected Provider Discovery
+ * https://eips.ethereum.org/EIPS/eip-6963
+ *
+ */
+export type WalletConfigProps = {
+    name?: string;
+    shortName?: string;
+    icon?: string | React.ReactNode;
+    iconConnector?: React.ReactNode;
+    iconShape?: 'squircle' | 'circle' | 'square';
+    iconShouldShrink?: boolean;
+    downloadUrls?: {
+        download?: string;
+        website?: string;
+        desktop?: string;
+        android?: string;
+        ios?: string;
+        chrome?: string;
+        firefox?: string;
+        brave?: string;
+        edge?: string;
+        safari?: string;
+    };
+    getWalletConnectDeeplink?: (uri: string) => string;
+    shouldDeeplinkDesktop?: boolean;
+};
+export declare const walletConfigs: {
+    [rdns: string]: WalletConfigProps;
+};

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@openfort/react",
+  "version": "0.0.1",
+  "author": "Openfort (https://www.openfort.io)",
+  "license": "BSD-2-Clause license",
+  "description": "The easiest way to integrate Openfort to your project.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/openfort-xyz/openfort-kit.git",
+    "directory": "packages/openfortkit"
+  },
+  "type": "module",
+  "exports": {
+    "import": "./build/index.es.js",
+    "types": "./build/index.d.ts"
+  },
+  "types": "./build/index.d.ts",
+  "engines": {
+    "node": ">=12.4"
+  },
+  "files": [
+    "build",
+    "README.md"
+  ],
+  "scripts": {
+    "start": "rollup --config rollup.config.dev.js -w",
+    "dev": "rollup --config rollup.config.dev.js -w",
+    "build": "rollup --config rollup.config.prod.js",
+    "lint": "eslint src --ext .ts"
+  },
+  "keywords": [
+    "ens",
+    "react-hook",
+    "blockchain",
+    "hooks",
+    "Openfort",
+    "ethereum",
+    "react"
+  ],
+  "dependencies": {
+    "@openfort/openfort-js": "^0.9.5",
+    "buffer": "^6.0.3",
+    "detect-browser": "^5.3.0",
+    "framer-motion": "^6.3.11",
+    "qrcode": "^1.5.0",
+    "react-is": "^19.1.0",
+    "react-transition-state": "^1.1.4",
+    "react-use-measure": "^2.1.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "styled-components": "^5.3.5"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "react": "17.x || 18.x || 19.x",
+    "react-dom": "17.x || 18.x || 19.x",
+    "viem": "2.x",
+    "wagmi": "2.x"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.21.0",
+    "@types/node": "18.7.18",
+    "@types/qrcode": "^1.4.2",
+    "@types/react": "^18.0.6",
+    "@types/react-dom": "^18.0.2",
+    "@types/styled-components": "^5.1.25",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "typescript": "^5.0.4",
+    "typescript-eslint": "^8.24.1"
+  },
+  "resolutions": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "viem": "^2.x",
+    "wagmi": "^2.x"
+  }
+}