@matchain/matchid-sdk-react 0.1.46-alpha.2 → 0.1.46-alpha.4

package/dist/assets/icon/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-Q3WHZX4Z.mjs';
+import { q as IconProps$1 } from '../../types-B3mt9Gli.mjs';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/assets/icon/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { CSSProperties } from 'react';
-import { q as IconProps$1 } from '../../types-Q3WHZX4Z.js';
+import { q as IconProps$1 } from '../../types-B3mt9Gli.js';
 
 declare function BackIcon({ color, size, className, style }: {
     color?: string;

package/dist/{chunk-V35GNYR2.mjs → chunk-2LQFR5NU.mjs}

@@ -10,7 +10,7 @@ import {
   matchlog_default,
   useDownMd,
   useLayout_exports
-} from "./chunk-VBGOGJ6U.mjs";
+} from "./chunk-DMXBTN4A.mjs";
 import {
   ArrowDownIcon,
   ArrowRightIcon,
@@ -4182,4 +4182,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-V35GNYR2.mjs.map
+//# sourceMappingURL=chunk-2LQFR5NU.mjs.map

package/dist/{chunk-W4ZOHVKA.mjs → chunk-5PHUBS6V.mjs}

@@ -9,7 +9,7 @@ import {
   ModalWithHeader,
   Overlay,
   Popover
-} from "./chunk-VBGOGJ6U.mjs";
+} from "./chunk-DMXBTN4A.mjs";
 import {
   LoadingIcon_default
 } from "./chunk-I62Y5HZS.mjs";
@@ -85,4 +85,4 @@ export {
   AlphaAvatar,
   ui_exports
 };
-//# sourceMappingURL=chunk-W4ZOHVKA.mjs.map
+//# sourceMappingURL=chunk-5PHUBS6V.mjs.map

package/dist/{chunk-VBGOGJ6U.mjs → chunk-DMXBTN4A.mjs}

@@ -228,25 +228,33 @@ function Drawer({
   children,
   showClose = true,
   onClose,
-  isOpen = false
+  isOpen = false,
+  title
 }) {
   if (!isOpen) {
     return /* @__PURE__ */ jsx7(Fragment2, {});
   }
   return /* @__PURE__ */ jsx7(Overlay, { isOpen, children: /* @__PURE__ */ jsxs5("div", { className: "matchid-drawer", children: [
-    showClose && /* @__PURE__ */ jsx7("div", { className: `matchid-drawer-header`, children: /* @__PURE__ */ jsx7(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose }) }),
+    /* @__PURE__ */ jsxs5("div", { className: `matchid-drawer-header`, children: [
+      /* @__PURE__ */ jsx7("div", { children: title }),
+      showClose && /* @__PURE__ */ jsx7(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
+    ] }),
     children
   ] }) });
 }
 
 // src/ui/ModalDrawer/index.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
-function ModalDrawer({ title, ...props }) {
+function ModalDrawer({
+  title,
+  drawerTitleVisible = true,
+  ...props
+}) {
   const isDownMd = useDownMd();
   if (isDownMd) {
     return /* @__PURE__ */ jsx8(ModalWithHeader, { ...props, title });
   }
-  return /* @__PURE__ */ jsx8(Drawer, { ...props });
+  return /* @__PURE__ */ jsx8(Drawer, { ...props, title: drawerTitleVisible ? title : null });
 }
 
 // src/ui/HashPanel/index.tsx
@@ -406,4 +414,4 @@ export {
   ModalDrawer,
   HashPanel_default
 };
-//# sourceMappingURL=chunk-VBGOGJ6U.mjs.map
+//# sourceMappingURL=chunk-DMXBTN4A.mjs.map

package/dist/chunk-DMXBTN4A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useLayout.tsx","../src/ui/Overlay/index.tsx","../src/ui/Modal/index.tsx","../src/ui/Button/index.tsx","../src/ui/Input/index.tsx","../src/ui/Field/index.tsx","../src/ui/Popover/index.tsx","../src/ui/Drawer/index.tsx","../src/ui/ModalDrawer/index.tsx","../src/ui/HashPanel/index.tsx","../src/utils/matchlog.ts"],"sourcesContent":["import { useState ,useEffect} from \"react\";\n\nexport function useDownMd(): boolean {\n    const [isBelowMd, setIsBelowMd] = useState(window.matchMedia('(max-width: 767px)').matches);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setIsBelowMd(window.matchMedia('(max-width: 767px)').matches);\n        };\n\n        window.addEventListener('resize', handleResize);\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, []);\n\n    return isBelowMd;\n}","import React, {PropsWithChildren, useEffect} from \"react\";\n\nexport default function Overlay({\n                                    isOpen = false,\n                                    children,\n                                    zIndex = 100,\n                                }: {\n    isOpen?: boolean\n    zIndex?: number\n} & PropsWithChildren) {\n    useEffect(() => {\n        if (isOpen) {\n            document.body.style.overflow = \"hidden\";\n        } else {\n            document.body.style.overflow = \"\";\n        }\n\n        return () => {\n            document.body.style.overflow = \"\";\n        };\n    }, [isOpen]);\n    return isOpen ? <div\n        className=\"matchid-overlay\"\n        style={{\n            zIndex\n        }}\n    >\n        {children}\n    </div> : <></>\n}","import React, {useEffect} from \"react\";\nimport {ModalProps, ModalWithHeaderProps} from \"../../types\";\nimport ArrowLeftIcon from \"../../assets/icon/ArrowLeftIcon\";\nimport {CloseRoundIcon} from \"../../assets/icon\";\nimport {useDownMd} from \"../../hooks/useLayout\";\nimport Overlay from \"../Overlay\";\n\nexport default function Modal({\n                                  children,\n                                  isOpen,\n                                  width = 480,\n                                  zIndex = 100,\n                                  className = ''\n                              }: ModalProps) {\n\n    return <Overlay isOpen={isOpen} zIndex={zIndex}>\n        <div className={`matchid-modal ${className}`} style={{\n            width\n        }}>\n            <div className=\"matchid-modal-mobile-header\"></div>\n            {children}\n        </div>\n    </Overlay>\n}\n\nexport function ModalWithHeader({\n                                    children,\n                                    onBack,\n                                    onClose,\n                                    title,\n                                    showBorder = true,\n                                    showClose = true,\n                                    ...props\n\n                                }: ModalWithHeaderProps) {\n    const isDownMd = useDownMd()\n    return <Modal {...props}>\n        <div className={`matchid-modal-header ${showBorder ? 'matchid-modal-header-border' : ''}`}>\n            <div className=\"matchid-modal-header-content\">\n                {\n                    onBack &&\n                    <ArrowLeftIcon height={isDownMd ? 20 : 25} width={isDownMd ? 20 : 24} className=\"matchid-modal-header-back\" onClick={onBack}/>\n                }\n                <span className=\"matchid-modal-header-title\">{title}</span>\n            </div>\n            {onClose &&\n                <CloseRoundIcon size={isDownMd ? 24 : 30} className=\"matchid-modal-header-close\" onClick={onClose}/>}\n        </div>\n        {children}\n    </Modal>\n\n}","import {LoadingIcon} from \"assets/icon\";\nimport {ButtonProps} from \"../../types/types\";\n\nexport default function Button({\n                                   size = \"df\",\n                                   disabled = false,\n                                   loading = false,\n                                   children,\n                                   onClick,\n                                   highlight = false,\n                                   block = false,\n                                   type = \"button\",\n                                   rounded = true,\n                                   className = '',\n                                   style = {}\n                               }: ButtonProps) {\n\n    const onAction = () => {\n        if (!disabled && !loading) {\n            onClick && onClick()\n        }\n    }\n    return <button\n        type={type}\n        className={`${className} matchid-btn ${'matchid-btn-' + size} ${highlight ? \"matchid-btn-highlight\" : ''} ${loading ? \"matchid-btn-loading\" : ''}  ${block ? \"matchid-btn-block\" : ''}  ${rounded ? \"matchid-btn-rounded\" : ''}`}\n        disabled={disabled || loading}\n        style={{\n            ...style\n        }}\n        onClick={onAction}\n    >\n        {\n            loading ?\n                <LoadingIcon className=\"matchid-btn-loading-icon\" color=\"var(--matchid-btn-loading-color)\"/> :\n                children\n        }\n    </button>\n}","import {InputProps} from \"types/types\";\nimport {DeleteRoundIcon, CloseEyeIcon, OpenEyeIcon} from \"assets/icon\";\nimport {useState} from \"react\";\nimport {useDownMd} from \"../../hooks/useLayout\";\n\nexport default function Input({\n                                  onChange,\n                                  type,\n                                  after,\n                                  className = '',\n                                  ...props\n                              }: InputProps) {\n    const [inputType, setInputType] = useState(type)\n    const isDownMd = useDownMd()\n    return <div\n        className={`matchid-input-box ${props.value && props.value.length > 0 ? 'matchid-input-has-content' : ''} ${className}`}>\n        <input type={inputType} onChange={onChange} {...props} className=\"matchid-input-field\"/>\n        {\n            props.value && props.value.length > 0\n            && <div className=\"matchid-input-delete-icon\" onClick={(e) => {\n                if (onChange) {\n                    onChange({target: {value: ''}});\n                }\n            }}>\n                <DeleteRoundIcon height={isDownMd ? 16 : 21} width={isDownMd ? 16 : 20}\n                                 color=\"var(--matchid-input-delete-icon-color)\"/>\n            </div>\n        }\n        {\n            type === 'password' && <div className=\"matchid-input-eye-icon\" onClick={() => {\n                setInputType(inputType === 'password' ? 'text' : 'password')\n            }}>\n                {\n                    inputType === 'password' ? <CloseEyeIcon size={isDownMd ? 16 : 20}/> :\n                        <OpenEyeIcon size={isDownMd ? 16 : 20}/>\n                }\n            </div>\n        }\n        {\n            after\n        }\n    </div>\n\n}","import {PropsWithChildren, ReactNode} from \"react\";\n\nexport default function Field({\n    label,\n    children,\n    error,\n    required,\n    className=''\n                              }:{\n    label: ReactNode,\n    error?: ReactNode,\n    required?: boolean\n    className?: string\n\n}&PropsWithChildren){\n    return <div className={`matchid-field-box ${className}`}>\n        <div className=\"matchid-field-label\">{required&&<span className={\"matchid-field-required\"}>*</span>}{label}</div>\n        {children}\n        {error && <div className=\"matchid-field-error\">{error}</div>}\n    </div>\n\n}","import {useState} from \"react\";\nimport {PopoverProps} from \"../../types/types\";\n\nexport default function Popover({\n                                    children,\n                                    content,\n                                    position = \"right\",\n                                    type = \"hover\",\n                                    className = \"\",\n                                    gap = '20px'\n                                }: PopoverProps) {\n    const [active, setActive] = useState(false)\n    return children && <div\n        onClick={() => {\n            if (type == 'click') {\n                setActive(!active)\n            }\n        }}\n        className={`matchid-popover-box matchid-popover-${position} matchid-popover-${type} ${className} ${type == 'click' && active ? 'matchid-popover-click-active' : ''}`}>\n        {children}\n        <div style={{\n            paddingTop: gap\n        }} className={`matchid-popover-area`}>\n            <div className={`matchid-popover-content`}>\n                {content}\n            </div>\n        </div>\n    </div>\n\n}","import {PropsWithChildren} from \"react\";\nimport Overlay from \"../Overlay\";\nimport {CloseRoundIcon} from \"assets/icon\";\nimport {DrawerProps} from \"../../types\";\n\nexport default function Drawer({\n                                   children,\n                                   showClose = true,\n                                   onClose,\n                                   isOpen = false,\n                                   title\n                               }: DrawerProps) {\n\n    if (!isOpen) {\n        return <></>\n    }\n\n\n    return <Overlay isOpen={isOpen}>\n        <div className={\"matchid-drawer\"}>\n            <div className={`matchid-drawer-header`}>\n                <div>{title}</div>\n                {\n                    showClose && <CloseRoundIcon className={\"matchid-drawer-header-close\"} onClick={onClose}/>\n                }\n            </div>\n\n            {children}\n        </div>\n    </Overlay>\n}","import {useDownMd} from \"hooks/useLayout\";\nimport {ModalWithHeader} from \"../Modal\";\nimport Drawer from \"../Drawer\";\nimport {WalletPanelProps} from \"../../types\";\n\nexport default function ModalDrawer({\n                                        title,\n                                        drawerTitleVisible=true,\n                                        ...props}:WalletPanelProps){\n\n    const isDownMd = useDownMd()\n    if(isDownMd){\n        return <ModalWithHeader {...props} title={title}/>\n    }\n    return <Drawer {...props} title={drawerTitleVisible ? title : null}/>\n}","import {\n    http,\n    Hash,\n    createPublicClient, Chain,\n} from \"viem\";\nimport {useEffect, useState} from \"react\";\nimport {useQuery} from \"@tanstack/react-query\";\nimport ModalDrawer from \"../ModalDrawer\";\nimport Button from \"../Button\";\nimport ConfirmImg from \"assets/img/confirm.gif\"\nimport PendingImg from \"assets/img/pending.gif\"\nimport SuccessImg from \"assets/img/success.gif\"\nimport FailImg from \"assets/img/fail.gif\"\nimport matchlog from \"../../utils/matchlog\";\n\ntype statusType = 'pending' | 'success' | 'fail' | 'confirm'\ntype HashPanelProps = {\n    hash?: Hash | null,\n    chain?: Chain | null,\n    isOpen: boolean,\n    onClose: () => void\n}\nfunction HashPanel({\n                                      hash,\n                                      chain,\n                                      isOpen,\n                                      onClose\n                                  }: HashPanelProps) {\n    const [status, setStatus] = useState<statusType>('confirm')\n\n    const statusMaps: Record<statusType, {\n        icon: string;\n        text: string;\n        color: string\n    }> = {\n        'confirm': {\n            icon: ConfirmImg,\n            text: 'Confirming...',\n            color: '#FC802D'\n        },\n        'pending': {\n            icon: PendingImg,\n            text: 'Pending...',\n            color: '#FC802D'\n        },\n        'success': {\n            icon: SuccessImg,\n            text: 'Successful!',\n            color: '#2CBF68'\n        },\n        'fail': {\n            icon: FailImg,\n            text: 'Failed!',\n            color: '#F14141'\n        }\n    }\n\n    const statusValue = statusMaps[status]\n\n    useEffect(() => {\n        if (hash) {\n            setStatus('pending')\n        } else {\n            setStatus('confirm')\n        }\n    }, [hash])\n\n    useQuery(\n        {\n            queryKey: ['txhash', hash, chain],\n            queryFn: async () => {\n                if (!chain || !hash) return false\n                const publicClient = createPublicClient({\n                    chain,\n                    transport: http(),\n                });\n                try {\n                    const receipt = await publicClient.getTransactionReceipt({hash});\n\n                    if (!receipt) {\n                        setStatus('pending');\n                        return false\n                    }\n                    matchlog.log('getTransactionReceipt', receipt)\n                    if (receipt.status === 'success') {\n                        setStatus('success');\n                        return true\n\n                    }\n                    setStatus('fail');\n                    return true\n\n                } catch (error) {\n                    console.error('getTransactionReceiptError', error)\n                }\n                return false\n            },\n            enabled: !!chain && !!hash && isOpen,\n            refetchInterval: 3000,\n            // refetchIntervalInBackground: false\n        }\n    );\n\n    const link = chain ? `${chain?.blockExplorers?.default.url}/tx/${hash}` : '';\n\n    return <ModalDrawer isOpen={isOpen}\n                        showClose\n                        onClose={onClose}\n                        title={\n                            <div className={\"matchid-hashpanel-header\"}\n                                 style={{\n                                     color: statusValue.color\n                                 }}>{statusValue.text}</div>\n                        }\n    >\n        <div className=\"matchid-hashpanel-box\">\n            <div className=\"matchid-hashpanel-content\">\n                <div className={`matchid-hashpanel-status`} style={{\n                    color: statusValue.color\n                }}>{statusValue.text}</div>\n\n                <img src={statusValue.icon} alt={statusValue.text} className={`matchid-hashpanel-img`}/>\n\n                {hash&&<div className=\"matchid-hashpanel-hash\">\n                    Hash:<a href={link} target=\"_blank\">{hash}</a>\n                </div>}\n            </div>\n            <Button onClick={onClose} size=\"lg\" block>Back</Button>\n        </div>\n    </ModalDrawer>\n}\nexport default function(props: HashPanelProps) {\n    return props.isOpen && <HashPanel {...props}/>\n\n}","// src/utils/logger.ts\nconst matchDevExists = () => localStorage.getItem('matchid-sdk-react-debug') !== null;\n\nconst handler = {\n    get(target: any, prop: string) {\n        if (matchDevExists() && typeof target[prop] === 'function') {\n            return target[prop].bind(console);\n        }\n        return () => {};\n    }\n};\n\nconst matchlog = new Proxy(console, handler);\n\nexport default matchlog;"],"mappings":"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","names":["useEffect","jsx","jsx","useState","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","Fragment","jsx","jsxs","jsx","useEffect","useState","jsx","jsxs","useState","useEffect"]}

package/dist/{chunk-3XIGN55C.mjs → chunk-O7OTDNMH.mjs}

@@ -9,7 +9,7 @@ import {
   unBindWalletApi,
   useUserInfo,
   verifyPohApi
-} from "./chunk-V35GNYR2.mjs";
+} from "./chunk-2LQFR5NU.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -90,4 +90,4 @@ export {
   user_exports,
   api_exports
 };
-//# sourceMappingURL=chunk-3XIGN55C.mjs.map
+//# sourceMappingURL=chunk-O7OTDNMH.mjs.map

package/dist/components/index.d.mts

@@ -1,5 +1,5 @@
-export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-Ch94kI1m.mjs';
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-B6OKNMN_.mjs';
+export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-CJ9aVnab.mjs';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-3nGz1VI4.mjs';
 import 'react/jsx-runtime';
-import '../types-Q3WHZX4Z.mjs';
+import '../types-B3mt9Gli.mjs';
 import 'react';

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-CD6roBbT.js';
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-C9lQIgOD.js';
+export { B as BTCModal, E as EmailModal, L as LoginBox, a as LoginButton, c as LoginModal, b as LoginPanel, S as SOLModal, d as TONModal, T as TRONModal, U as UsernameModal, W as WalletModal } from '../index-DZAjep0n.js';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-C9DQFgc8.js';
 import 'react/jsx-runtime';
-import '../types-Q3WHZX4Z.js';
+import '../types-B3mt9Gli.js';
 import 'react';