@matchain/matchid-sdk-react 0.1.46-alpha.9 → 0.1.46

package/dist/index.mjs

@@ -1,24 +1,19 @@
-import {
-  types_exports
-} from "./chunk-HBOS3RBL.mjs";
-import {
-  ui_exports
-} from "./chunk-FFTS42UP.mjs";
 import {
   chains_exports
 } from "./chunk-HYQ3T6WW.mjs";
 import {
   api_exports
-} from "./chunk-XKPX224V.mjs";
+} from "./chunk-A3XSTHEE.mjs";
 import {
   MatchProvider,
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-E4GTBGEE.mjs";
-import "./chunk-UA6XHZHX.mjs";
-import "./chunk-OBHKOOCD.mjs";
-import "./chunk-A5D3NKTK.mjs";
+} from "./chunk-TOUC33US.mjs";
+import {
+  types_exports
+} from "./chunk-SQIJR7RA.mjs";
+import "./chunk-DPXMCLYK.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   api_exports as Api,
@@ -27,7 +22,6 @@ export {
   hooks_exports as Hooks,
   MatchProvider,
   types_exports as Types,
-  ui_exports as UI,
   useMatch
 };
 //# sourceMappingURL=index.mjs.map

package/dist/types/index.d.mts

@@ -1,3 +1,3 @@
 export { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from '../mpc-CTbBWHld.mjs';
-export { A as AnyObject, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as MetaPageType, u as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, v as PohItemType, w as PohZkpassParams, P as PopoverPositionType, x as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, y as UserAssetToken, z as UserChainType, F as UserImportTokenType, G as UserPopoverProps, H as UserTransactionType, J as WalletAssetType, W as WalletConfigType, K as WalletPanelProps, N as WalletReceiveMessageType, c as WalletType } from '../types-BvsN5jj9.mjs';
+export { A as AnyObject, m as AppConfigType, n as BindInfoType, o as BindItemType, p as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, q as DrawerProps, E as EmailModalProps, a as IEnvConfigType, r as IEnvName, s as ILoginWalletReq, I as IMatchEvents, j as ISocialLoginMethod, t as IconProps, b as InputProps, L as LocaleType, d as LoginBoxProps, l as LoginMethodType, i as LoginModalProps, h as LoginPanelProps, u as MessageType, M as ModalProps, c as ModalWithHeaderProps, O as OtherLoginMethodType, k as OverviewInfo, v as PohItemType, w as PohZkpassParams, f as PopoverPositionType, P as PopoverProps, g as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, x as WalletPanelProps, y as WalletReceiveMessageType, e as WalletType } from '../types-CRumDe2M.mjs';
 import 'react';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from '../mpc-CTbBWHld.js';
-export { A as AnyObject, j as AppConfigType, k as BindInfoType, l as BindItemType, m as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, n as DrawerProps, E as EmailModalProps, a as IEnvConfigType, o as IEnvName, p as ILoginWalletReq, I as IMatchEvents, g as ISocialLoginMethod, q as IconProps, r as InputProps, L as LocaleType, b as LoginBoxProps, i as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, s as MessageType, t as MetaPageType, u as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, h as OverviewInfo, v as PohItemType, w as PohZkpassParams, P as PopoverPositionType, x as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UIProps, y as UserAssetToken, z as UserChainType, F as UserImportTokenType, G as UserPopoverProps, H as UserTransactionType, J as WalletAssetType, W as WalletConfigType, K as WalletPanelProps, N as WalletReceiveMessageType, c as WalletType } from '../types-BvsN5jj9.js';
+export { A as AnyObject, m as AppConfigType, n as BindInfoType, o as BindItemType, p as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, q as DrawerProps, E as EmailModalProps, a as IEnvConfigType, r as IEnvName, s as ILoginWalletReq, I as IMatchEvents, j as ISocialLoginMethod, t as IconProps, b as InputProps, L as LocaleType, d as LoginBoxProps, l as LoginMethodType, i as LoginModalProps, h as LoginPanelProps, u as MessageType, M as ModalProps, c as ModalWithHeaderProps, O as OtherLoginMethodType, k as OverviewInfo, v as PohItemType, w as PohZkpassParams, f as PopoverPositionType, P as PopoverProps, g as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, U as UserPopoverProps, W as WalletConfigType, x as WalletPanelProps, y as WalletReceiveMessageType, e as WalletType } from '../types-CRumDe2M.js';
 import 'react';

package/dist/types/index.mjs

@@ -1,8 +1,7 @@
-import "../chunk-HBOS3RBL.mjs";
 import {
   ChainType,
   RecoveryType
-} from "../chunk-UA6XHZHX.mjs";
+} from "../chunk-SQIJR7RA.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
   ChainType,

package/dist/{types-BvsN5jj9.d.mts → types-CRumDe2M.d.mts}

@@ -236,12 +236,9 @@ type DrawerProps = PropsWithChildren & {
     showClose?: boolean;
     onClose?: () => void;
     isOpen: boolean;
-    title?: React.ReactNode;
-    zIndex?: number;
 };
 type WalletPanelProps = DrawerProps & {
     title?: React.ReactNode;
-    drawerTitleVisible?: boolean;
 };
 type AppConfigType = {
     appid: string;
@@ -249,110 +246,5 @@ type AppConfigType = {
     app_icon?: string;
     platform: LoginMethodType[];
 };
-type UIProps = {
-    style?: CSSProperties;
-    className?: string;
-    onClick?: (e?: any) => void;
-};
-type UserChainType = {
-    id: number;
-    name: string;
-    nativeCurrency: {
-        name: string;
-        symbol: string;
-        decimals: number;
-        icon: string;
-    };
-    rpcUrls: {
-        default: {
-            http: string[];
-        };
-    };
-    blockExplorers: {
-        default: {
-            name: string;
-            url: string;
-            apiUrl: string;
-        };
-    };
-    iconUrl: string;
-    contracts: {
-        multicall3: {
-            address: string;
-        };
-    };
-};
-interface UserTransactionAssetType {
-    id: number;
-    name: string;
-    symbol: string;
-    nativeChainId: string;
-    price: number;
-    liquidity: number;
-    priceChange24hPercent: number;
-    marketCapUSD: number;
-    circulatingSupply: number;
-    totalSupply: number;
-    logo: string;
-    contract: string;
-}
-interface UserTransactionType {
-    id: string;
-    timestamp: number;
-    from: string;
-    to: string;
-    contract: any;
-    hash: string;
-    amount_usd: number;
-    amount: number;
-    block_number: number;
-    type: string;
-    blockchain: string;
-    tx_cost: number;
-    transaction: {
-        hash: string;
-        chainId: string;
-        fees: string;
-        feesUSD: number;
-        date: string;
-    };
-    asset: UserTransactionAssetType;
-}
-type UserAssetToken = {
-    symbol: string;
-    name: string;
-    balance: number;
-    price: number;
-    chain_id: string;
-    address: string;
-    decimals: string;
-    icon: string;
-};
-type UserImportTokenType = {
-    chain_id: string;
-    symbol: string;
-    address: string;
-    decimals: number;
-};
-type WalletAssetType = {
-    chain_id: string;
-    chain_name: string;
-    symbol: string;
-    name: string;
-    balance: number;
-    price: number;
-    price_change_24h: number;
-    address: string;
-    decimals: string;
-    icon: string;
-};
-type MetaPageType<T> = {
-    meta: {
-        page_num: number;
-        page_size: number;
-        total: number;
-    };
-    items: T;
-};
 
-export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, UserImportTokenType as F, UserPopoverProps as G, UserTransactionType as H, IMatchEvents as I, WalletAssetType as J, WalletPanelProps as K, LocaleType as L, ModalWithHeaderProps as M, WalletReceiveMessageType as N, OtherLoginMethodType as O, PopoverPositionType as P, RecommendLoginMethodType as R, ThemeType as T, UIProps as U, WalletConfigType as W, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, ISocialLoginMethod as g, OverviewInfo as h, LoginMethodType as i, AppConfigType as j, BindInfoType as k, BindItemType as l, BindWalletParam as m, DrawerProps as n, IEnvName as o, ILoginWalletReq as p, IconProps as q, InputProps as r, MessageType as s, MetaPageType as t, ModalProps as u, PohItemType as v, PohZkpassParams as w, PopoverProps as x, UserAssetToken as y, UserChainType as z };
+export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, IMatchEvents as I, LocaleType as L, ModalProps as M, OtherLoginMethodType as O, PopoverProps as P, RecommendLoginMethodType as R, ThemeType as T, UserPopoverProps as U, WalletConfigType as W, IEnvConfigType as a, InputProps as b, ModalWithHeaderProps as c, LoginBoxProps as d, WalletType as e, PopoverPositionType as f, PopoverTypeType as g, LoginPanelProps as h, LoginModalProps as i, ISocialLoginMethod as j, OverviewInfo as k, LoginMethodType as l, AppConfigType as m, BindInfoType as n, BindItemType as o, BindWalletParam as p, DrawerProps as q, IEnvName as r, ILoginWalletReq as s, IconProps as t, MessageType as u, PohItemType as v, PohZkpassParams as w, WalletPanelProps as x, WalletReceiveMessageType as y };

package/dist/{types-BvsN5jj9.d.ts → types-CRumDe2M.d.ts}

@@ -236,12 +236,9 @@ type DrawerProps = PropsWithChildren & {
     showClose?: boolean;
     onClose?: () => void;
     isOpen: boolean;
-    title?: React.ReactNode;
-    zIndex?: number;
 };
 type WalletPanelProps = DrawerProps & {
     title?: React.ReactNode;
-    drawerTitleVisible?: boolean;
 };
 type AppConfigType = {
     appid: string;
@@ -249,110 +246,5 @@ type AppConfigType = {
     app_icon?: string;
     platform: LoginMethodType[];
 };
-type UIProps = {
-    style?: CSSProperties;
-    className?: string;
-    onClick?: (e?: any) => void;
-};
-type UserChainType = {
-    id: number;
-    name: string;
-    nativeCurrency: {
-        name: string;
-        symbol: string;
-        decimals: number;
-        icon: string;
-    };
-    rpcUrls: {
-        default: {
-            http: string[];
-        };
-    };
-    blockExplorers: {
-        default: {
-            name: string;
-            url: string;
-            apiUrl: string;
-        };
-    };
-    iconUrl: string;
-    contracts: {
-        multicall3: {
-            address: string;
-        };
-    };
-};
-interface UserTransactionAssetType {
-    id: number;
-    name: string;
-    symbol: string;
-    nativeChainId: string;
-    price: number;
-    liquidity: number;
-    priceChange24hPercent: number;
-    marketCapUSD: number;
-    circulatingSupply: number;
-    totalSupply: number;
-    logo: string;
-    contract: string;
-}
-interface UserTransactionType {
-    id: string;
-    timestamp: number;
-    from: string;
-    to: string;
-    contract: any;
-    hash: string;
-    amount_usd: number;
-    amount: number;
-    block_number: number;
-    type: string;
-    blockchain: string;
-    tx_cost: number;
-    transaction: {
-        hash: string;
-        chainId: string;
-        fees: string;
-        feesUSD: number;
-        date: string;
-    };
-    asset: UserTransactionAssetType;
-}
-type UserAssetToken = {
-    symbol: string;
-    name: string;
-    balance: number;
-    price: number;
-    chain_id: string;
-    address: string;
-    decimals: string;
-    icon: string;
-};
-type UserImportTokenType = {
-    chain_id: string;
-    symbol: string;
-    address: string;
-    decimals: number;
-};
-type WalletAssetType = {
-    chain_id: string;
-    chain_name: string;
-    symbol: string;
-    name: string;
-    balance: number;
-    price: number;
-    price_change_24h: number;
-    address: string;
-    decimals: string;
-    icon: string;
-};
-type MetaPageType<T> = {
-    meta: {
-        page_num: number;
-        page_size: number;
-        total: number;
-    };
-    items: T;
-};
 
-export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, UserImportTokenType as F, UserPopoverProps as G, UserTransactionType as H, IMatchEvents as I, WalletAssetType as J, WalletPanelProps as K, LocaleType as L, ModalWithHeaderProps as M, WalletReceiveMessageType as N, OtherLoginMethodType as O, PopoverPositionType as P, RecommendLoginMethodType as R, ThemeType as T, UIProps as U, WalletConfigType as W, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, ISocialLoginMethod as g, OverviewInfo as h, LoginMethodType as i, AppConfigType as j, BindInfoType as k, BindItemType as l, BindWalletParam as m, DrawerProps as n, IEnvName as o, ILoginWalletReq as p, IconProps as q, InputProps as r, MessageType as s, MetaPageType as t, ModalProps as u, PohItemType as v, PohZkpassParams as w, PopoverProps as x, UserAssetToken as y, UserChainType as z };
+export type { AnyObject as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, IMatchEvents as I, LocaleType as L, ModalProps as M, OtherLoginMethodType as O, PopoverProps as P, RecommendLoginMethodType as R, ThemeType as T, UserPopoverProps as U, WalletConfigType as W, IEnvConfigType as a, InputProps as b, ModalWithHeaderProps as c, LoginBoxProps as d, WalletType as e, PopoverPositionType as f, PopoverTypeType as g, LoginPanelProps as h, LoginModalProps as i, ISocialLoginMethod as j, OverviewInfo as k, LoginMethodType as l, AppConfigType as m, BindInfoType as n, BindItemType as o, BindWalletParam as p, DrawerProps as q, IEnvName as r, ILoginWalletReq as s, IconProps as t, MessageType as u, PohItemType as v, PohZkpassParams as w, WalletPanelProps as x, WalletReceiveMessageType as y };

package/example/src/App.tsx

@@ -12,7 +12,6 @@ import {useUserInfo} from "@matchain/matchid-sdk-react/hooks";
 import RoutePrivate from "@/components/RoutePrivate";
 import useLocalStore from "@/store/useLocalStore";
 import {LoginButton}     from "@matchain/matchid-sdk-react/components";
-import UI from "@/pages/UI";
 
 
 function Nav() {
@@ -30,11 +29,6 @@ function Nav() {
                 url: '/',
                 onActive: location.pathname === '/'
             },
-            {
-                name: 'UI',
-                url: '/ui',
-                onActive: location.pathname === '/ui'
-            },
             {
                 name: 'User',
                 url: '/user',
@@ -95,7 +89,6 @@ function RouterApp() {
         <div className={`p-4`}>
             <Routes>
                 <Route path="/" element={<Home/>}/>
-                <Route path="/ui" element={<UI/>}/>
                 <Route element={<RoutePrivate/>}>
                     <Route path="/user" element={<User/>}/>
                     <Route path="/wallet" element={<Wallet/>}/>

package/example/src/config/chains/matchMain.ts

@@ -3,7 +3,7 @@ import {defineChain} from "viem";
 export const matchMain = /*#__PURE__*/ defineChain({
     id: 698,
     name: "Matchain",
-    nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18,icon:"https://cdn.matchid.ai/mid/token/bnb.png" },
+    nativeCurrency: { name: "Match Coin", symbol: "BNB", decimals: 18 },
     rpcUrls: {
         default: {
             http: ["https://rpc.matchain.io"],
@@ -16,11 +16,12 @@ export const matchMain = /*#__PURE__*/ defineChain({
             apiUrl: "https://matchscan.io/api",
         },
     },
-    iconUrl: "https://cdn.matchid.ai/tgapp/logo_black.png",
+    iconUrl: "https://match-website-cdn.s3.ap-northeast-1.amazonaws.com/tgapp/logo_black.png",
     contracts: {
         multicall3: {
             address: "0xca11bde05977b3631167028862be2a173976ca11",
         }
     },
+    // testnet: true,
 });
 

package/example/src/pages/User/components/BindListModal.tsx

@@ -1,6 +1,6 @@
 import { ModalWithHeader } from '@matchain/matchid-sdk-react/components';
 import React from "react";
-import QueryDisplay from "@/components/QueryDisplay";
+import QueryDisplay from "@/pages/User/components/QueryDisplay";
 import {Api} from "@matchain/matchid-sdk-react";
 export default function BindListModal({isOpen, onClose}: {isOpen: boolean, onClose: () => void}) {
     const bindListQuery = Api.bind.useBindList()

package/example/src/pages/User/components/PohListModal.tsx

@@ -1,6 +1,6 @@
 import { ModalWithHeader } from '@matchain/matchid-sdk-react/components';
 import React from "react";
-import QueryDisplay from "@/components/QueryDisplay";
+import QueryDisplay from "@/pages/User/components/QueryDisplay";
 import {Api} from "@matchain/matchid-sdk-react";
 export default function PohListModal({isOpen, onClose}: {isOpen: boolean, onClose: () => void}) {
     const pohListQuery = Api.poh.usePohList()

package/example/src/pages/User/index.tsx

@@ -5,10 +5,10 @@ import {useMatchEvents, useUserInfo, useWallet} from "@matchain/matchid-sdk-reac
 import {
     LoginButton,
     UsernameModal,
+    PasswordModal,
 } from "@matchain/matchid-sdk-react/components";
 import BindListModal from "@/pages/User/components/BindListModal";
 import PohListModal from "@/pages/User/components/PohListModal";
-import ChainListModal from "@/pages/Wallet/components/ChainListModal";
 import ButtonGroup from "@/components/ButtonGroup";
 
 
@@ -26,6 +26,7 @@ function LoginContent() {
         getAuthInfo
     } = useUserInfo();
     const [usernameOpen, setUsernameOpen] = useState(false)
+    const [passwordOpen, setPasswordOpen] = useState(false)
     const [modal, setModal] = useState<'bindList' | 'pohList' | ''>('')
     const refreshOv = async () => {
         await refreshOverview()
@@ -52,6 +53,10 @@ function LoginContent() {
             <button className={`bg-gray-300 p-1 rounded`}
                     onClick={() => setUsernameOpen(true)}>Set username
             </button>
+
+            <button className={`bg-gray-300 p-1 rounded mr-5`}
+                    onClick={() => setPasswordOpen(true)}>Set Password
+            </button>
             <button className={`bg-gray-300 p-1 rounded`}
                     onClick={onAuth}>Third party auth
             </button>
@@ -68,6 +73,13 @@ function LoginContent() {
                 alert('set username success')
                 setUsernameOpen(false)
             }}/>
+            <PasswordModal isOpen={passwordOpen} onClose={() => setPasswordOpen(false)} onBack={() => {
+                console.log('set password modal back event')
+                setPasswordOpen(false)
+            }} onSuccess={() => {
+                alert('set password success')
+                setPasswordOpen(false)
+            }}/>
         </ButtonGroup>
         <ButtonGroup title={"Bind"}>
             {

package/example/src/pages/{Wallet/index.tsx → Wallet.tsx}

@@ -1,4 +1,4 @@
-import {useUserInfo, useWallet} from "@matchain/matchid-sdk-react/hooks"
+import {useWallet} from "@matchain/matchid-sdk-react/hooks"
 import {Input, Button} from "@matchain/matchid-sdk-react/components"
 import React, {useEffect, useMemo, useState} from "react";
 import {
@@ -38,9 +38,6 @@ import useLocalStore from "@/store/useLocalStore";
 import ButtonGroup from "@/components/ButtonGroup";
 import Erc20Abi from "@/abi/erc20.json";
 import type {Abi} from "abitype";
-import ChainListModal from "@/pages/Wallet/components/ChainListModal";
-import AssetListModal from "@/pages/Wallet/components/AssetListModal";
-import ImportTokenListModal from "@/pages/Wallet/components/ImportTokenListModal";
 
 const chainList = [
     mainnet,
@@ -68,10 +65,8 @@ const chainList = [
 ]
 
 export default function Wallet() {
-    const [modal, setModal] = useState<'chainList' | 'assetList' | 'importTokenList' | '' >('')
 
     const {initChainId, setInitChainId} = useLocalStore()
-    const {overview} = useUserInfo()
 
     const [message, setMessage] = useState('hello')
     const [toAddress, setToAddress] = useState('')
@@ -169,19 +164,6 @@ export default function Wallet() {
         <ButtonGroup title={"Wallet Ready"}>
             {walletReady ? 'Ready' : 'Not Ready'}
         </ButtonGroup>
-
-        <ButtonGroup title={"QueryList"}>
-            <button className={`bg-gray-300 p-1 rounded`}
-                    onClick={() => setModal('chainList')}>ChainList
-            </button>
-            <button className={`bg-gray-300 p-1 rounded`}
-                    onClick={() => setModal('assetList')}>AssetList
-            </button>
-            <button className={`bg-gray-300 p-1 rounded`}
-                    onClick={() => setModal('importTokenList')}>ImportTokenList
-            </button>
-
-        </ButtonGroup>
         <ButtonGroup title={"CreateWalletClient Chain"}>
             <select value={initChainId} onChange={(e) => setInitChainId(parseInt(e.target.value))}>
                 {chainList.map((chain, index) => {
@@ -189,9 +171,6 @@ export default function Wallet() {
                 })}
             </select>
         </ButtonGroup>
-        <ButtonGroup title={"DID"}>
-            <div className={`flex-1 flex-wrap break-all`}>{overview?.did}</div>
-        </ButtonGroup>
         <ButtonGroup title={"Ethereum address"}>
             <div className={`flex-1 flex-wrap break-all`}>{address}</div>
         </ButtonGroup>
@@ -235,11 +214,6 @@ export default function Wallet() {
         <ButtonGroup title={"TxHash"}>
             <div className={`flex-1 flex-wrap break-all`}>{hash || '-'}</div>
         </ButtonGroup>
-
-        {modal == 'chainList' && <ChainListModal isOpen onClose={() => setModal('')}/>}
-        {modal == 'assetList' && <AssetListModal isOpen onClose={() => setModal('')}/>}
-        {modal == 'importTokenList' && <ImportTokenListModal isOpen onClose={() => setModal('')}/>}
-
         <ERC20/>
     </div>
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matchain/matchid-sdk-react",
-  "version": "0.1.46-alpha.9",
+  "version": "0.1.46",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -12,10 +12,6 @@
       "import": "./dist/components/index.mjs",
       "require": "./dist/components/index.js"
     },
-    "./ui": {
-      "import": "./dist/ui/index.mjs",
-      "require": "./dist/ui/index.js"
-    },
     "./hooks": {
       "import": "./dist/hooks/index.mjs",
       "require": "./dist/hooks/index.js"