@matchain/matchid-sdk-react 0.1.32 → 0.1.34

package/dist/index.css

@@ -767,3 +767,6 @@ body {
     }
 
 }
+.matchid-email-verify-field{
+    padding-right: 0;
+}

package/dist/index.d.mts

@@ -9,6 +9,7 @@ type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' | 'telegra
 type LoginMethodType = 'evm' | 'sol' | 'email' | ISocialLoginMethod
 type OtherLoginMethodType = 'email' | ISocialLoginMethod
 type RecommendLoginMethodType = 'wallet' | 'email' | ISocialLoginMethod
+type WalletType ='evm'|'sol'
 type IEnvConfigType = {
     endpoints: {
         back: string;
@@ -74,6 +75,7 @@ type LoginBoxProps = {
     methods?: OtherLoginMethodType[],
     inModal?: boolean
     recommendMethods?: RecommendLoginMethodType[]
+    walletMethods?:WalletType[]
 }
 type LoginPanelProps = {
     header?: React.ReactNode
@@ -195,12 +197,13 @@ declare function ModalWithHeader({ children, onBack, onClose, title, showBorder,
 
 declare function Popover({ children, content, position, type, className, gap }: PopoverProps): react_jsx_runtime.JSX.Element;
 
-declare function LoginBox({ recommendMethods, methods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
+declare function LoginBox({ recommendMethods, methods, walletMethods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
 
-declare function LoginButton({ loginRender, methods, recommendMethods, onLoginClick, popoverPosition, popoverType, popoverGap, ...props }: Omit<ButtonProps, 'onClick' | 'highlight'> & {
+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;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' | 'telegra
 type LoginMethodType = 'evm' | 'sol' | 'email' | ISocialLoginMethod
 type OtherLoginMethodType = 'email' | ISocialLoginMethod
 type RecommendLoginMethodType = 'wallet' | 'email' | ISocialLoginMethod
+type WalletType ='evm'|'sol'
 type IEnvConfigType = {
     endpoints: {
         back: string;
@@ -74,6 +75,7 @@ type LoginBoxProps = {
     methods?: OtherLoginMethodType[],
     inModal?: boolean
     recommendMethods?: RecommendLoginMethodType[]
+    walletMethods?:WalletType[]
 }
 type LoginPanelProps = {
     header?: React.ReactNode
@@ -195,12 +197,13 @@ declare function ModalWithHeader({ children, onBack, onClose, title, showBorder,
 
 declare function Popover({ children, content, position, type, className, gap }: PopoverProps): react_jsx_runtime.JSX.Element;
 
-declare function LoginBox({ recommendMethods, methods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
+declare function LoginBox({ recommendMethods, methods, walletMethods, inModal }: LoginBoxProps): react_jsx_runtime.JSX.Element;
 
-declare function LoginButton({ loginRender, methods, recommendMethods, onLoginClick, popoverPosition, popoverType, popoverGap, ...props }: Omit<ButtonProps, 'onClick' | 'highlight'> & {
+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;

package/dist/index.js

@@ -1931,6 +1931,7 @@ function StepVerify(props) {
         placeholder: intl.formatMessage({
           id: "codePlaceholder"
         }),
+        className: "matchid-email-verify-field",
         maxLength: codeLength,
         onChange: (e) => setCode(e.target.value),
         value: code,
@@ -2077,6 +2078,7 @@ function LoginBox({
     "telegram",
     "twitter"
   ],
+  walletMethods = ["evm"],
   inModal = false
 }) {
   const [emailOpen, setEmailOpen] = (0, import_react11.useState)(false);
@@ -2138,20 +2140,20 @@ function LoginBox({
       onClick: () => login("youtube")
     }
   };
-  const walletMethods = [
-    {
+  const walletMap = {
+    evm: {
       icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EVMDarkIcon, {}),
       activeIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EVMLightIcon, {}),
       name: "EVM",
       onClick: () => login("evm")
     },
-    {
+    sol: {
       icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLDarkIcon, {}),
       activeIcon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SOLLightIcon, {}),
       name: "SOL",
       onClick: () => login("sol")
     }
-  ];
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
     (!inModal || !emailOpen) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "matchid-login-box", children: [
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-list", children: recommendMethods.map((m) => {
@@ -2164,7 +2166,8 @@ function LoginBox({
             showChildren: m == "wallet" && showWallet,
             children: m == "wallet" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((m2) => {
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "matchid-login-recommend-wallet-list", children: walletMethods.map((n) => {
+                const m2 = walletMap[n];
                 return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
                   "div",
                   {
@@ -2382,6 +2385,7 @@ function LoginButton({
   popoverPosition = "right",
   popoverType = "hover",
   popoverGap = 20,
+  walletMethods,
   ...props
 }) {
   const intl = (0, import_react_intl9.useIntl)();
@@ -2389,7 +2393,16 @@ function LoginButton({
   const [loginOpen, setLoginOpen] = (0, import_react13.useState)(false);
   if (!isLogin) {
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LoginModal, { methods, recommendMethods, isOpen: loginOpen, onClose: () => setLoginOpen(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        LoginModal,
+        {
+          methods,
+          walletMethods,
+          recommendMethods,
+          isOpen: loginOpen,
+          onClose: () => setLoginOpen(false)
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Button, { className: "matchid-unlogin-btn", ...props, highlight: true, onClick: () => setLoginOpen(true), children: [
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(UnLoginIcon_default, {}),
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_intl9.FormattedMessage, { id: "login" }) })