@matchain/matchid-sdk-react 0.1.37-alpha.2 → 0.1.37-alpha.3

package/dist/types.d-Cqt8ifXa.d.mts

@@ -0,0 +1,176 @@
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+
+type ISocialLoginMethod =
+    'google'
+    | 'twitter'
+    | 'discord'
+    | 'github'
+    | 'telegram'
+    | 'linkedin'
+    | 'facebook'
+    | 'youtube'
+type WalletType = 'evm' | 'sol' | 'tron' | 'btc'
+type LoginMethodType = WalletType | 'email' | ISocialLoginMethod
+type CEXType = "Gate" | "Coinbase" | "Kucoin" | 'Bitget' | 'OKX' | 'Bybit' | 'Binance'
+type OtherLoginMethodType = 'email' | ISocialLoginMethod
+type RecommendLoginMethodType = 'wallet' | 'email' | ISocialLoginMethod
+type IEnvConfigType = {
+    endpoints: {
+        back: string;
+        auth: string;
+    };
+}
+type IMatchEvents = {
+    onLogin?: (data: {
+        mid?: string;
+        token: string;
+        did: string
+    }) => void
+    onLogout?: () => void,
+    onBind?: (data: {
+        type: string
+    }) => void
+}
+
+type OverviewInfo = {
+    score: number,
+    total_assets: number,
+    wallets: number,
+    followers: number,
+    sbt: number,
+    is_kyc: boolean,
+    is_poh: boolean,
+    mid: string
+    user_identity: string
+    identities: { [key: string]: string }
+    did: string
+    address: string
+    username?: string
+}
+
+type IconProps = {
+    color?: string,
+    size?: number | string,
+    width?: number | string,
+    height?: number | string,
+    style?: CSSProperties
+    className?: string
+    onClick?: (e?: any) => void
+}
+
+type ModalProps = PropsWithChildren & {
+    isOpen: boolean,
+    width?: number
+    className?: string
+    zIndex?: number
+}
+
+type ModalWithHeaderProps = ModalProps & {
+    onBack?: () => void,
+    onClose?: () => void,
+    title?: string
+    showClose?: boolean
+    showBorder?: boolean
+}
+
+type InputProps = {
+    placeholder?: string,
+    value?: string,
+    onChange?: (e?: any) => void,
+    disabled?: boolean,
+    readonly?: boolean
+    type?: string
+    maxLength?: number
+    className?: string
+    after?: React.ReactNode
+}
+
+type LoginBoxProps = {
+    methods?: OtherLoginMethodType[],
+    inModal?: boolean
+    recommendMethods?: RecommendLoginMethodType[]
+    walletMethods?: WalletType[]
+}
+type LoginPanelProps = {
+    header?: React.ReactNode
+    onClose?: () => void
+} & LoginBoxProps
+type LoginModalProps = LoginPanelProps & ModalProps
+type EmailModalProps = ModalProps & {
+    onClose?: () => void,
+    onBack?: () => void,
+    onLogin?: () => void
+}
+type ButtonProps = {
+    size?: 'sm' | 'df' | 'lg',
+    type?: "button" | "submit" | "reset",
+    rounded?: boolean,
+    block?: boolean,
+    disabled?: boolean,
+    loading?: boolean,
+    children?: React.ReactNode,
+    onClick?: () => void,
+    highlight?: boolean,
+    style?: CSSProperties
+    className?: string
+}
+
+type BindItemType = {
+    type: string,
+    type_sort: string,
+    platform_name: string,
+    platform_id: number,
+    platform_uid: string,
+    platform_nickname: string,
+    platform_status: number
+}
+
+type PohItemType = {
+    user_id: number,
+    poh_market_id: number,
+    image_type: string,
+    category: string,
+    name: string,
+    app_id: string,
+    schema_id: string,
+    active: boolean,
+}
+
+type BindInfoType = {
+    progress_count: number,
+    progress_current: number,
+    total_assets: number,
+    wallet_count: number,
+    wallet_current: number,
+    cex_count: number,
+    cex_current: number,
+    social_count: number,
+    social_current: number,
+    others_count: number,
+    others_current: number,
+}
+
+type PohZkpassParams = {
+    taskId: string,
+    schemaId: string,
+    publicFields: any,
+    allocatorAddress: string,
+    publicFieldsHash: string,
+    allocatorSignature: string,
+    uHash: string,
+    validatorAddress: string,
+    validatorSignature: string,
+}
+type PopoverPositionType = "center" | "left" | "right"
+type PopoverTypeType = "hover" | "click"
+type PopoverProps = PropsWithChildren & {
+    position?: PopoverPositionType
+    type?: PopoverTypeType
+    content: ReactNode,
+    className?: string,
+    gap?: number | string
+}
+
+type LocaleType = "en" | "zh" | "tw" | "fr" | "ja" | "ko" | "vi" | "es" | "pt"
+
+export type { ButtonProps as B, CEXType as C, EmailModalProps as E, IMatchEvents as I, LocaleType as L, ModalProps as M, OverviewInfo as O, PopoverProps as P, RecommendLoginMethodType as R, WalletType as W, IEnvConfigType as a, ISocialLoginMethod as b, LoginMethodType as c, InputProps as d, ModalWithHeaderProps as e, LoginBoxProps as f, OtherLoginMethodType as g, PopoverPositionType as h, PopoverTypeType as i, LoginPanelProps as j, LoginModalProps as k, IconProps as l, PohZkpassParams as m, BindItemType as n, BindInfoType as o, PohItemType as p };

package/dist/types.d-Cqt8ifXa.d.ts

@@ -0,0 +1,176 @@
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+
+type ISocialLoginMethod =
+    'google'
+    | 'twitter'
+    | 'discord'
+    | 'github'
+    | 'telegram'
+    | 'linkedin'
+    | 'facebook'
+    | 'youtube'
+type WalletType = 'evm' | 'sol' | 'tron' | 'btc'
+type LoginMethodType = WalletType | 'email' | ISocialLoginMethod
+type CEXType = "Gate" | "Coinbase" | "Kucoin" | 'Bitget' | 'OKX' | 'Bybit' | 'Binance'
+type OtherLoginMethodType = 'email' | ISocialLoginMethod
+type RecommendLoginMethodType = 'wallet' | 'email' | ISocialLoginMethod
+type IEnvConfigType = {
+    endpoints: {
+        back: string;
+        auth: string;
+    };
+}
+type IMatchEvents = {
+    onLogin?: (data: {
+        mid?: string;
+        token: string;
+        did: string
+    }) => void
+    onLogout?: () => void,
+    onBind?: (data: {
+        type: string
+    }) => void
+}
+
+type OverviewInfo = {
+    score: number,
+    total_assets: number,
+    wallets: number,
+    followers: number,
+    sbt: number,
+    is_kyc: boolean,
+    is_poh: boolean,
+    mid: string
+    user_identity: string
+    identities: { [key: string]: string }
+    did: string
+    address: string
+    username?: string
+}
+
+type IconProps = {
+    color?: string,
+    size?: number | string,
+    width?: number | string,
+    height?: number | string,
+    style?: CSSProperties
+    className?: string
+    onClick?: (e?: any) => void
+}
+
+type ModalProps = PropsWithChildren & {
+    isOpen: boolean,
+    width?: number
+    className?: string
+    zIndex?: number
+}
+
+type ModalWithHeaderProps = ModalProps & {
+    onBack?: () => void,
+    onClose?: () => void,
+    title?: string
+    showClose?: boolean
+    showBorder?: boolean
+}
+
+type InputProps = {
+    placeholder?: string,
+    value?: string,
+    onChange?: (e?: any) => void,
+    disabled?: boolean,
+    readonly?: boolean
+    type?: string
+    maxLength?: number
+    className?: string
+    after?: React.ReactNode
+}
+
+type LoginBoxProps = {
+    methods?: OtherLoginMethodType[],
+    inModal?: boolean
+    recommendMethods?: RecommendLoginMethodType[]
+    walletMethods?: WalletType[]
+}
+type LoginPanelProps = {
+    header?: React.ReactNode
+    onClose?: () => void
+} & LoginBoxProps
+type LoginModalProps = LoginPanelProps & ModalProps
+type EmailModalProps = ModalProps & {
+    onClose?: () => void,
+    onBack?: () => void,
+    onLogin?: () => void
+}
+type ButtonProps = {
+    size?: 'sm' | 'df' | 'lg',
+    type?: "button" | "submit" | "reset",
+    rounded?: boolean,
+    block?: boolean,
+    disabled?: boolean,
+    loading?: boolean,
+    children?: React.ReactNode,
+    onClick?: () => void,
+    highlight?: boolean,
+    style?: CSSProperties
+    className?: string
+}
+
+type BindItemType = {
+    type: string,
+    type_sort: string,
+    platform_name: string,
+    platform_id: number,
+    platform_uid: string,
+    platform_nickname: string,
+    platform_status: number
+}
+
+type PohItemType = {
+    user_id: number,
+    poh_market_id: number,
+    image_type: string,
+    category: string,
+    name: string,
+    app_id: string,
+    schema_id: string,
+    active: boolean,
+}
+
+type BindInfoType = {
+    progress_count: number,
+    progress_current: number,
+    total_assets: number,
+    wallet_count: number,
+    wallet_current: number,
+    cex_count: number,
+    cex_current: number,
+    social_count: number,
+    social_current: number,
+    others_count: number,
+    others_current: number,
+}
+
+type PohZkpassParams = {
+    taskId: string,
+    schemaId: string,
+    publicFields: any,
+    allocatorAddress: string,
+    publicFieldsHash: string,
+    allocatorSignature: string,
+    uHash: string,
+    validatorAddress: string,
+    validatorSignature: string,
+}
+type PopoverPositionType = "center" | "left" | "right"
+type PopoverTypeType = "hover" | "click"
+type PopoverProps = PropsWithChildren & {
+    position?: PopoverPositionType
+    type?: PopoverTypeType
+    content: ReactNode,
+    className?: string,
+    gap?: number | string
+}
+
+type LocaleType = "en" | "zh" | "tw" | "fr" | "ja" | "ko" | "vi" | "es" | "pt"
+
+export type { ButtonProps as B, CEXType as C, EmailModalProps as E, IMatchEvents as I, LocaleType as L, ModalProps as M, OverviewInfo as O, PopoverProps as P, RecommendLoginMethodType as R, WalletType as W, IEnvConfigType as a, ISocialLoginMethod as b, LoginMethodType as c, InputProps as d, ModalWithHeaderProps as e, LoginBoxProps as f, OtherLoginMethodType as g, PopoverPositionType as h, PopoverTypeType as i, LoginPanelProps as j, LoginModalProps as k, IconProps as l, PohZkpassParams as m, BindItemType as n, BindInfoType as o, PohItemType as p };

package/example/src/config/index.ts

@@ -1,6 +1,8 @@
 export const LoginMethod = [
     'evm',
     'sol',
+    'tron',
+    'btc',
     'twitter',
     'google',
     'telegram',
@@ -12,4 +14,7 @@ export const LoginMethod = [
 ]
 export const LocaleList = [
     "en", "zh", "tw", "fr", "ja", "ko", "vi", "es", "pt"
-]
+]
+
+export const CEXList = [
+    "Gate", "Coinbase", "Kucoin", 'Bitget', 'OKX', 'Bybit', 'Binance']

package/example/src/pages/User.tsx

@@ -1,7 +1,7 @@
 import {Hooks, Components, Api} from "@matchain/matchid-sdk-react"
 import React from "react";
 import RoutePrivate from "../components/RoutePrivate";
-import {LoginMethod} from "@/config";
+import {CEXList, LoginMethod} from "@/config";
 import {LoginMethodType} from "../../../src/types/types";
 
 const {useMatchEvents, useUserInfo, useWallet} = Hooks
@@ -50,7 +50,8 @@ function LoginContent() {
         did,
         address,
         bind,
-        auth
+        auth,
+        bindCex
     } = useUserInfo();
     const [usernameOpen, setUsernameOpen] = React.useState(false)
     const [passwordOpen, setPasswordOpen] = React.useState(false)
@@ -97,7 +98,6 @@ function LoginContent() {
             }}/>
         </div>
         <div className={`flex gap-[20px] flex-wrap`}>
-
             {
                 LoginMethod.map((method) => {
                     return <button key={method} className={`bg-gray-300 p-1 capitalize rounded`}
@@ -106,6 +106,15 @@ function LoginContent() {
                 })
             }
         </div>
+        <div className={`flex gap-[20px] flex-wrap`}>
+            {
+                CEXList.map((method) => {
+                    return <button key={method} className={`bg-gray-300 p-1 capitalize rounded`}
+                                   onClick={() => bindCex(method)}>CEX {method}
+                    </button>
+                })
+            }
+        </div>
         <div className={`flex gap-[20px]`}>
             <button className={`bg-gray-300 p-1 rounded`}
                     onClick={onAuth}>Third party auth

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matchain/matchid-sdk-react",
-  "version": "0.1.37-alpha.2",
+  "version": "0.1.37-alpha.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -8,6 +8,26 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./components": {
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./hooks": {
+      "import": "./dist/hooks/index.mjs",
+      "require": "./dist/hooks/index.js"
+    },
+    "./api": {
+      "import": "./dist/hooks/api/index.mjs",
+      "require": "./dist/hooks/api/index.js"
+    },
+    "./chains": {
+      "import": "./dist/config/chains/index.mjs",
+      "require": "./dist/config/chains/index.js"
+    },
+    "./icon": {
+      "import": "./dist/assets/icon/index.mjs",
+      "require": "./dist/assets/icon/index.js"
+    },
     "./index.css": "./dist/index.css"
   },
   "scripts": {
@@ -26,7 +46,7 @@
     "matchid",
     "react"
   ],
-  "author": "Matchain.io",
+  "author": "MatchaID.AI",
   "license": "ISC",
   "description": "MatchID SDK",
   "peerDependencies": {
@@ -44,6 +64,7 @@
     "ethers": "^5.7.2",
     "react-intl": "^7.1.0",
     "react-router-dom": "^6.0.0",
+    "sats-connect": "^3.0.1",
     "siwe": "^2.3.2",
     "styled-components": "^6.1.13",
     "viem": "2.17",