@matchain/matchid-sdk-react 0.1.42-alpha.1 → 0.1.42-alpha.11

package/dist/index.css

@@ -587,6 +587,7 @@ body {
     cursor: not-allowed;
     background: var(--matchid-btn-disabled-bg);
     color: var(--matchid-btn-disabled-color);
+    border-width: 0px;
 }
 
 .matchid-btn-loading {
@@ -811,6 +812,7 @@ body {
         display: none;
         position: absolute;
         z-index: 100;
+
         .matchid-popover-content {
             background: var(--matchid-popover-bg);
             box-shadow: var(--matchid-shadow-middle);
@@ -826,13 +828,13 @@ body {
     }
 
     &.matchid-popover-click-active {
-        .matchid-popover-area{
+        .matchid-popover-area {
             display: block;
         }
     }
 
     &.matchid-popover-hover:hover {
-        .matchid-popover-area{
+        .matchid-popover-area {
             display: block;
         }
     }
@@ -945,9 +947,87 @@ body {
     padding-right: 0;
 }
 
-.matchid-cex-modal{
+.matchid-cex-modal {
     font-size: 14px;
     display: flex;
     flex-direction: column;
-    gap:12px;
+    gap: 12px;
+}
+
+.matchid-drawer {
+
+    width: 416px;
+    height: 100vh;
+    padding: 24px 24px 0;
+    background: #FFFFFF;
+    display: flex;
+    gap: 48px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    transition: all 0.3s;
+    flex-direction: column;
+    border-left: 1px solid #D3D3D3;
+    box-shadow: -20px 0px 20px 0px rgba(22, 17, 46, 0.12);
+    .matchid-drawer-header{
+        display: flex;
+        justify-content: flex-end;
+        .matchid-drawer-header-close{
+            cursor: pointer;
+        }
+    }
+}
+.matchid-hashpanel-header{
+    font-size: 16px;
+    font-weight: 500;
+    display: block;
+    @media screen and (min-width: 768px) {
+        display: none;
+    }
+}
+
+.matchid-hashpanel-box{
+    display: flex;
+    flex-direction: column;
+    gap:36px;
+    align-items: center;
+    @media screen and (min-width: 768px) {
+        justify-content: space-between;
+        flex: 1;
+        padding-bottom: 120px;
+    }
+    .matchid-hashpanel-content{
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+        align-items: center;
+        width: 100%;
+        @media screen and (min-width: 768px) {
+            gap: 48px;
+        }
+        .matchid-hashpanel-status{
+            font-size: 24px;
+            font-weight: 500;
+            display: none;
+            @media screen and (min-width: 768px) {
+                display: block;
+            }
+        }
+        .matchid-hashpanel-img{
+            width:96px;
+            height: 96px;
+        }
+        .matchid-hashpanel-hash{
+            width: 100%;
+            font-size: 14px;
+            word-break: break-all;
+            @media screen and (min-width: 768px){
+                font-size: 16px;
+            }
+            a{
+                color: #006FFF;
+                text-decoration: none;
+            }
+        }
+    }
 }

package/dist/index.d.mts

@@ -1,11 +1,15 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType } from './types.d-CLO_WLka.mjs';
-export { i as Components } from './index-COlsBC-b.mjs';
-export { i as Hooks } from './index-D7bNSBwl.mjs';
-export { i as Api } from './index-C3KZYrtu.mjs';
+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-B2B4VJ-u.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';
 
@@ -26,6 +30,7 @@ declare const MatchProvider: React.FC<{
     theme?: "light" | "dark";
     endpoints?: IEnvConfigType['endpoints'];
     locale?: LocaleType;
+    wallet: WalletConfigType;
 }>;
 declare const useMatch: () => MatchContextType;
 

package/dist/index.d.ts

@@ -1,11 +1,15 @@
 import React, { ReactNode } from 'react';
-import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType } from './types.d-CLO_WLka.js';
-export { i as Components } from './index-fS75Swm8.js';
-export { i as Hooks } from './index-BrdP6eg5.js';
-export { i as Api } from './index-Dq9Swg8r.js';
+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-Bhnio7tx.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';
 
@@ -26,6 +30,7 @@ declare const MatchProvider: React.FC<{
     theme?: "light" | "dark";
     endpoints?: IEnvConfigType['endpoints'];
     locale?: LocaleType;
+    wallet: WalletConfigType;
 }>;
 declare const useMatch: () => MatchContextType;