@matchain/matchid-sdk-react 0.1.42-alpha.4 → 0.1.42-alpha.6

package/dist/index-DY_ReBra.d.ts

@@ -0,0 +1,102 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { E as EmailModalProps, b as InputProps, B as ButtonProps, M as ModalProps, c as ModalWithHeaderProps, P as PopoverProps, d as LoginBoxProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, e as WalletType, f as PopoverPositionType, g as PopoverTypeType, h as LoginPanelProps, i as LoginModalProps } from './types-CVwZEgQ0.js';
+import { ReactNode, PropsWithChildren } from 'react';
+import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.js';
+
+declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
+
+declare function Field({ label, children, error, required, className }: {
+    label: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    className?: string;
+} & PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+declare function Input({ onChange, type, after, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+declare function Button({ size, disabled, loading, children, onClick, highlight, block, type, rounded, className, style }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function Modal({ children, isOpen, width, zIndex, className }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function ModalWithHeader({ children, onBack, onClose, title, showBorder, showClose, ...props }: ModalWithHeaderProps): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ children, content, position, type, className, gap }: PopoverProps): false | "" | 0 | react_jsx_runtime.JSX.Element | null | undefined;
+
+declare function LoginBox({ recommendMethods, methods, walletMethods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
+
+declare function LoginButton({ loginRender, methods, recommendMethods, onLoginClick, popoverPosition, popoverType, popoverGap, walletMethods, ...props }: Omit<ButtonProps, 'onClick' | 'highlight'> & {
+    loginRender?: ReactNode;
+    methods?: OtherLoginMethodType[];
+    recommendMethods?: RecommendLoginMethodType[];
+    walletMethods?: WalletType[];
+    onLoginClick?: () => void;
+    popoverPosition?: PopoverPositionType;
+    popoverType?: PopoverTypeType;
+    popoverGap?: number | string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LoginPanel({ header, onClose, ...props }: LoginPanelProps): react_jsx_runtime.JSX.Element;
+
+declare function LoginModal({ isOpen, width, ...props }: LoginModalProps): react_jsx_runtime.JSX.Element;
+
+declare function UsernameModal({ title, isOpen, onSuccess, ...props }: ModalWithHeaderProps & {
+    onSuccess?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function PasswordModal({ title, isOpen, onSuccess, chainType, recoveryType, ...props }: ModalWithHeaderProps & {
+    onSuccess?: () => void;
+    chainType?: `${ChainType}`;
+    recoveryType?: `${RecoveryType}`;
+}): react_jsx_runtime.JSX.Element;
+
+type SOLModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function SOLModal(props: SOLModalProps): false | react_jsx_runtime.JSX.Element;
+
+type TRONConnectModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function TRONModal(props: TRONConnectModalProps): false | react_jsx_runtime.JSX.Element;
+
+type TonModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function TONModal(props: TonModalProps): false | react_jsx_runtime.JSX.Element;
+
+type BTCConnectModalProps = ModalWithHeaderProps & {
+    type?: 'login' | 'bind' | '';
+    onSuccess?: () => void;
+};
+declare function BTCModal(props: BTCConnectModalProps): false | react_jsx_runtime.JSX.Element;
+
+declare function Overlay({ isOpen, children, zIndex, }: {
+    isOpen?: boolean;
+    zIndex?: number;
+} & PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+declare const index_BTCModal: typeof BTCModal;
+declare const index_Button: typeof Button;
+declare const index_EmailModal: typeof EmailModal;
+declare const index_Field: typeof Field;
+declare const index_Input: typeof Input;
+declare const index_LoginBox: typeof LoginBox;
+declare const index_LoginButton: typeof LoginButton;
+declare const index_LoginModal: typeof LoginModal;
+declare const index_LoginPanel: typeof LoginPanel;
+declare const index_Modal: typeof Modal;
+declare const index_ModalWithHeader: typeof ModalWithHeader;
+declare const index_Overlay: typeof Overlay;
+declare const index_PasswordModal: typeof PasswordModal;
+declare const index_Popover: typeof Popover;
+declare const index_SOLModal: typeof SOLModal;
+declare const index_TONModal: typeof TONModal;
+declare const index_TRONModal: typeof TRONModal;
+declare const index_UsernameModal: typeof UsernameModal;
+declare namespace index {
+  export { index_BTCModal as BTCModal, index_Button as Button, index_EmailModal as EmailModal, index_Field as Field, index_Input as Input, index_LoginBox as LoginBox, index_LoginButton as LoginButton, index_LoginModal as LoginModal, index_LoginPanel as LoginPanel, index_Modal as Modal, index_ModalWithHeader as ModalWithHeader, index_Overlay as Overlay, index_PasswordModal as PasswordModal, index_Popover as Popover, index_SOLModal as SOLModal, index_TONModal as TONModal, index_TRONModal as TRONModal, index_UsernameModal as UsernameModal };
+}
+
+export { Button as B, EmailModal as E, Field as F, Input as I, LoginBox as L, Modal as M, Overlay as O, Popover as P, SOLModal as S, TRONModal as T, UsernameModal as U, ModalWithHeader as a, LoginButton as b, LoginPanel as c, LoginModal as d, PasswordModal as e, TONModal as f, BTCModal as g, index as i };

package/dist/index-q5XDobUF.d.mts

@@ -0,0 +1,50 @@
+import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.mjs';
+import { A as AnyObject, m as BindInfoType, n as BindItemType, o as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, p as DrawerProps, E as EmailModalProps, a as IEnvConfigType, q as IEnvName, r as ILoginWalletReq, I as IMatchEvents, j as ISocialLoginMethod, s as IconProps, b as InputProps, L as LocaleType, d as LoginBoxProps, l as LoginMethodType, i as LoginModalProps, h as LoginPanelProps, t as MessageType, M as ModalProps, c as ModalWithHeaderProps, O as OtherLoginMethodType, k as OverviewInfo, u as PohItemType, v as PohZkpassParams, f as PopoverPositionType, P as PopoverProps, g as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, w as WalletPanelProps, x as WalletReceiveMessageType, e as WalletType } from './types-CVwZEgQ0.mjs';
+
+declare const index_AnyObject: typeof AnyObject;
+declare const index_AuthParams: typeof AuthParams;
+declare const index_BindInfoType: typeof BindInfoType;
+declare const index_BindItemType: typeof BindItemType;
+declare const index_BindWalletParam: typeof BindWalletParam;
+declare const index_ButtonProps: typeof ButtonProps;
+declare const index_CEXType: typeof CEXType;
+declare const index_ChainType: typeof ChainType;
+declare const index_DeepPartial: typeof DeepPartial;
+declare const index_DrawerProps: typeof DrawerProps;
+declare const index_EmailModalProps: typeof EmailModalProps;
+declare const index_EmbeddedWalletsParams: typeof EmbeddedWalletsParams;
+declare const index_IEnvConfigType: typeof IEnvConfigType;
+declare const index_IEnvName: typeof IEnvName;
+declare const index_ILoginWalletReq: typeof ILoginWalletReq;
+declare const index_IMatchEvents: typeof IMatchEvents;
+declare const index_ISocialLoginMethod: typeof ISocialLoginMethod;
+declare const index_IconProps: typeof IconProps;
+declare const index_InputProps: typeof InputProps;
+declare const index_LocaleType: typeof LocaleType;
+declare const index_LoginBoxProps: typeof LoginBoxProps;
+declare const index_LoginMethodType: typeof LoginMethodType;
+declare const index_LoginModalProps: typeof LoginModalProps;
+declare const index_LoginPanelProps: typeof LoginPanelProps;
+declare const index_MessageType: typeof MessageType;
+declare const index_ModalProps: typeof ModalProps;
+declare const index_ModalWithHeaderProps: typeof ModalWithHeaderProps;
+declare const index_OtherLoginMethodType: typeof OtherLoginMethodType;
+declare const index_OverviewInfo: typeof OverviewInfo;
+declare const index_PohItemType: typeof PohItemType;
+declare const index_PohZkpassParams: typeof PohZkpassParams;
+declare const index_PopoverPositionType: typeof PopoverPositionType;
+declare const index_PopoverProps: typeof PopoverProps;
+declare const index_PopoverTypeType: typeof PopoverTypeType;
+declare const index_RecommendLoginMethodType: typeof RecommendLoginMethodType;
+declare const index_RecoveryType: typeof RecoveryType;
+declare const index_ThemeType: typeof ThemeType;
+declare const index_UserPopoverProps: typeof UserPopoverProps;
+declare const index_WalletConfigType: typeof WalletConfigType;
+declare const index_WalletPanelProps: typeof WalletPanelProps;
+declare const index_WalletReceiveMessageType: typeof WalletReceiveMessageType;
+declare const index_WalletType: typeof WalletType;
+declare namespace index {
+  export { index_AnyObject as AnyObject, index_AuthParams as AuthParams, index_BindInfoType as BindInfoType, index_BindItemType as BindItemType, index_BindWalletParam as BindWalletParam, index_ButtonProps as ButtonProps, index_CEXType as CEXType, index_ChainType as ChainType, index_DeepPartial as DeepPartial, index_DrawerProps as DrawerProps, index_EmailModalProps as EmailModalProps, index_EmbeddedWalletsParams as EmbeddedWalletsParams, index_IEnvConfigType as IEnvConfigType, index_IEnvName as IEnvName, index_ILoginWalletReq as ILoginWalletReq, index_IMatchEvents as IMatchEvents, index_ISocialLoginMethod as ISocialLoginMethod, index_IconProps as IconProps, index_InputProps as InputProps, index_LocaleType as LocaleType, index_LoginBoxProps as LoginBoxProps, index_LoginMethodType as LoginMethodType, index_LoginModalProps as LoginModalProps, index_LoginPanelProps as LoginPanelProps, index_MessageType as MessageType, index_ModalProps as ModalProps, index_ModalWithHeaderProps as ModalWithHeaderProps, index_OtherLoginMethodType as OtherLoginMethodType, index_OverviewInfo as OverviewInfo, index_PohItemType as PohItemType, index_PohZkpassParams as PohZkpassParams, index_PopoverPositionType as PopoverPositionType, index_PopoverProps as PopoverProps, index_PopoverTypeType as PopoverTypeType, index_RecommendLoginMethodType as RecommendLoginMethodType, index_RecoveryType as RecoveryType, index_ThemeType as ThemeType, index_UserPopoverProps as UserPopoverProps, index_WalletConfigType as WalletConfigType, index_WalletPanelProps as WalletPanelProps, index_WalletReceiveMessageType as WalletReceiveMessageType, index_WalletType as WalletType };
+}
+
+export { index as i };

package/dist/index-sOVSnYF4.d.mts

@@ -0,0 +1,137 @@
+import { j as ISocialLoginMethod, k as OverviewInfo, C as CEXType, l as LoginMethodType, I as IMatchEvents } from './types-CVwZEgQ0.mjs';
+import * as viem from 'viem';
+import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters } from 'viem';
+import { C as ChainType, R as RecoveryType } from './mpc-CTbBWHld.mjs';
+import { Hash } from 'viem/types/misc';
+import { Abi } from 'abitype';
+
+declare const LOGIN_METHOD_MAP: {
+    email: string;
+    evm: string;
+    sol: string;
+    btc: string;
+    ton: string;
+    tron: string;
+    google: string;
+    facebook: string;
+    x: string;
+    telegram: string;
+    github: string;
+    discord: string;
+    linkedin: string;
+    youtube: string;
+};
+
+declare function useUserInfo(): {
+    loginByMethod: (method: ISocialLoginMethod) => Promise<Window | null>;
+    loginByTelegram: () => Promise<Window | null>;
+    loginByTwitter: () => Promise<Window | null>;
+    loginByGoogle: () => Promise<Window | null>;
+    loginByWallet: () => Promise<Window | null>;
+    loginByEmail: ({ email, code }: {
+        email: string;
+        code: string;
+    }) => Promise<boolean>;
+    bindWallet: () => Promise<Window | null>;
+    bindTelegram: () => Promise<void>;
+    token: string;
+    mid: string;
+    did: string;
+    address: string;
+    isLogin: boolean;
+    logout: () => Promise<void>;
+    getLoginEmailCode: (email: string) => Promise<string>;
+    refreshOverview: () => Promise<void>;
+    overview: OverviewInfo | null;
+    bindCex: (type: CEXType) => void;
+    username: string;
+    auth: () => Promise<any>;
+    login: (method: LoginMethodType) => Promise<void | Window | null>;
+    bind: (method: LoginMethodType) => Promise<void | Window | null>;
+    getAuthInfo: (method: keyof typeof LOGIN_METHOD_MAP) => Promise<unknown>;
+};
+
+declare function useMatchEvents(handlers: IMatchEvents): void;
+
+type initCoreType = (params: {
+    address: string;
+    did: string;
+}) => Promise<void>;
+type generateEmbeddedWalletsType = (params: {
+    chainType?: `${ChainType}`;
+    recoveryType?: `${RecoveryType}`;
+    userPasscode?: string;
+}) => Promise<string>;
+type recoveryEmbeddedWalletsType = (params: {
+    chainType?: `${ChainType}`;
+    recoveryType?: `${RecoveryType}`;
+    userPasscode?: string;
+}) => Promise<void>;
+type isRecoveredType = () => Promise<boolean>;
+type signMessageType = (params: {
+    message: SignableMessage;
+    chainType?: ChainType;
+}) => Promise<Hex>;
+type signTransactionType = (params: {
+    transaction: TransactionSerializable;
+    chainType?: ChainType;
+    chain: {
+        id: number;
+        name: string;
+        nativeCurrency: {
+            name: string;
+            symbol: string;
+            decimals: number;
+        };
+    };
+}) => Promise<`0x02${string}` | `0x01${string}` | `0x03${string}` | `0x04${string}` | viem.TransactionSerializedLegacy>;
+type recoverAfterType = (params: {
+    chainType: `${ChainType}`;
+    handle: (resolve: (value: any) => void, reject: (reason: string) => void) => Promise<any>;
+}) => Promise<any>;
+type SendTransactionReturnType = Hash;
+type SendTransactionParametersType = Omit<SendTransactionParameters, 'account'>;
+type SendTransactionType = (transaction: SendTransactionParametersType) => Promise<SendTransactionReturnType>;
+type DeployContractReturnType = SendTransactionReturnType;
+type DeployContractType = <const abi extends Abi | readonly unknown[]>(parameters: DeployContractParameters<abi>) => Promise<DeployContractReturnType>;
+type WriteContractParametersType = Omit<WriteContractParameters, 'account'>;
+type WriteContractReturnType = SendTransactionReturnType;
+type WriteContractType = (params: WriteContractParametersType) => Promise<WriteContractReturnType>;
+interface UseWalletReturnType {
+    walletReady: boolean;
+    initCore: initCoreType;
+    isRecovered: isRecoveredType;
+    signMessage: signMessageType;
+    signTransaction: signTransactionType;
+    address: string;
+    evmAccount: Account | undefined;
+    recoverAfter: recoverAfterType;
+    recoveryEmbeddedWallets: recoveryEmbeddedWalletsType;
+    generateEmbeddedWallets: generateEmbeddedWalletsType;
+    createWalletClient: (parameters: Omit<WalletClientConfig, 'account'>) => Omit<ReturnType<typeof createWalletClient>, 'sendTransaction' | 'deployContract' | 'writeContract'> & {
+        sendTransaction: SendTransactionType;
+        deployContract: DeployContractType;
+        writeContract: WriteContractType;
+    } | undefined;
+}
+declare function useWallet(): UseWalletReturnType;
+
+declare function useCopyClipboard(timeout?: number): [boolean, (toCopy: string) => void];
+
+declare function useDownMd(): boolean;
+
+declare const useLayout_useDownMd: typeof useDownMd;
+declare namespace useLayout {
+  export { useLayout_useDownMd as useDownMd };
+}
+
+declare const index_useCopyClipboard: typeof useCopyClipboard;
+declare const index_useLayout: typeof useLayout;
+declare const index_useMatchEvents: typeof useMatchEvents;
+declare const index_useUserInfo: typeof useUserInfo;
+declare const index_useWallet: typeof useWallet;
+declare namespace index {
+  export { index_useCopyClipboard as useCopyClipboard, index_useLayout as useLayout, index_useMatchEvents as useMatchEvents, index_useUserInfo as useUserInfo, index_useWallet as useWallet };
+}
+
+export { useMatchEvents as a, useWallet as b, useCopyClipboard as c, useLayout as d, index as i, useUserInfo as u };

package/dist/index.d.mts

@@ -0,0 +1,37 @@
+import React, { ReactNode } from 'react';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CVwZEgQ0.mjs';
+export { i as Components } from './index-CmH9iRLd.mjs';
+export { i as Hooks } from './index-sOVSnYF4.mjs';
+export { i as Api } from './index-DFZpfAfc.mjs';
+export { i as Chains } from './index-DXRGMAbv.mjs';
+export { i as Types } from './index-q5XDobUF.mjs';
+import 'react/jsx-runtime';
+import './mpc-CTbBWHld.mjs';
+import 'viem';
+import 'viem/types/misc';
+import 'abitype';
+import '@tanstack/react-query';
+import '@tanstack/react-query/src/types';
+
+type MatchContextType = {
+    appid: string;
+    events?: IMatchEvents;
+    login: (data: {
+        mid: string;
+        token: string;
+    }) => Promise<void>;
+    theme: "light" | "dark";
+    locale?: LocaleType;
+} & Partial<IEnvConfigType>;
+declare const MatchProvider: React.FC<{
+    children: ReactNode;
+    appid: string;
+    events?: IMatchEvents;
+    theme?: "light" | "dark";
+    endpoints?: IEnvConfigType['endpoints'];
+    locale?: LocaleType;
+    wallet?: WalletConfigType;
+}>;
+declare const useMatch: () => MatchContextType;
+
+export { MatchProvider, useMatch };

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+import React, { ReactNode } from 'react';
+import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-CVwZEgQ0.js';
+export { i as Components } from './index-DY_ReBra.js';
+export { i as Hooks } from './index-DKMrpRJC.js';
+export { i as Api } from './index-Ca9nh_8s.js';
+export { i as Chains } from './index-DXRGMAbv.js';
+export { i as Types } from './index-BxS06a5O.js';
+import 'react/jsx-runtime';
+import './mpc-CTbBWHld.js';
+import 'viem';
+import 'viem/types/misc';
+import 'abitype';
+import '@tanstack/react-query';
+import '@tanstack/react-query/src/types';
+
+type MatchContextType = {
+    appid: string;
+    events?: IMatchEvents;
+    login: (data: {
+        mid: string;
+        token: string;
+    }) => Promise<void>;
+    theme: "light" | "dark";
+    locale?: LocaleType;
+} & Partial<IEnvConfigType>;
+declare const MatchProvider: React.FC<{
+    children: ReactNode;
+    appid: string;
+    events?: IMatchEvents;
+    theme?: "light" | "dark";
+    endpoints?: IEnvConfigType['endpoints'];
+    locale?: LocaleType;
+    wallet?: WalletConfigType;
+}>;
+declare const useMatch: () => MatchContextType;
+
+export { MatchProvider, useMatch };

package/dist/index.js

@@ -3484,7 +3484,10 @@ function WalletContent({
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address, type: "SOL" }) : await getWalletNonceApi({ address, type: "SOL" });
+      const res = type == "bind" ? await getWalletInitApi({
+        address,
+        type: "SOL"
+      }) : await getWalletNonceApi({ address, type: "SOL" });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -3588,7 +3591,7 @@ var wallets = [
   new import_wallet_adapter_wallets.TrustWalletAdapter(),
   new import_wallet_adapter_wallets.XDEFIWalletAdapter()
 ];
-function SOLModal({
+function SOLConnectModal({
   type = "login",
   onSuccess,
   ...props
@@ -3600,6 +3603,9 @@ function SOLModal({
     name: "SOL"
   }), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint: (0, import_web3.clusterApiUrl)("devnet"), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_wallet_adapter_react.WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_wallet_adapter_react_ui.WalletModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(WalletContent, { onSuccess, type }) }) }) }) });
 }
+function SOLModal(props) {
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SOLConnectModal, { ...props });
+}
 
 // src/components/TRONModal/index.tsx
 var import_react21 = __toESM(require("react"));
@@ -3714,7 +3720,7 @@ var useTRONWallet = () => {
 
 // src/components/TRONModal/index.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
-function TRONModal({
+function TRONConnectModal({
   type = "login",
   onSuccess,
   ...props
@@ -3865,6 +3871,9 @@ function TRONModal({
     })
   ] }) }) });
 }
+function TRONModal(props) {
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TRONConnectModal, { ...props, type: "" });
+}
 
 // src/components/TONModal/index.tsx
 var import_react22 = __toESM(require("react"));
@@ -4023,7 +4032,7 @@ function WalletContent2({
     }
   );
 }
-function TONModal({
+function TONConnectModal({
   type = "login",
   onSuccess,
   ...props
@@ -4043,6 +4052,9 @@ function TONModal({
     }
   ) });
 }
+function TONModal(props) {
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TONConnectModal, { ...props });
+}
 
 // src/components/BTCModal/index.tsx
 var import_react24 = __toESM(require("react"));
@@ -4230,7 +4242,7 @@ var useBTCWallet = () => {
 
 // src/components/BTCModal/index.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
-function BTCModal({
+function BTCConnectModal({
   type = "login",
   onSuccess,
   ...props
@@ -4389,6 +4401,9 @@ function BTCModal({
     })
   ] }) }) });
 }
+function BTCModal(props) {
+  return props.isOpen && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BTCConnectModal, { ...props });
+}
 
 // src/components/CEXBindModal/index.tsx
 var import_react25 = require("react");