@matchain/matchid-sdk-react 0.1.55-alpha.11 → 0.1.55-alpha.13

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "./chunk-X4IQIC5B.mjs";
 import {
   api_exports
-} from "./chunk-JTNCYI5F.mjs";
+} from "./chunk-25VAJMUX.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -17,7 +17,7 @@ import {
   ui_exports,
   useMatch,
   wagmiConfig
-} from "./chunk-5WFY6MWJ.mjs";
+} from "./chunk-BB4OTBUS.mjs";
 import "./chunk-2E4Y2HA7.mjs";
 import "./chunk-K33FHUZM.mjs";
 import "./chunk-LA4YEM4O.mjs";

package/dist/{types-Ch54HuTY.d.mts → types-DEsY_CPH.d.mts}

@@ -1,4 +1,4 @@
-import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren, CSSProperties, ReactNode } from 'react';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
 
 interface AuthParams {

package/dist/{types-Ch54HuTY.d.ts → types-DEsY_CPH.d.ts}

@@ -1,4 +1,4 @@
-import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren, CSSProperties, ReactNode } from 'react';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
 
 interface AuthParams {

package/dist/types.d.mts

@@ -1,3 +1,3 @@
-export { A as Address, q as AnyObject, Q as AppConfigType, S as AuthParams, G as BindInfoType, F as BindItemType, T as BindWalletParam, B as ButtonProps, C as CEXType, o as ChainType, V as DeepPartial, D as DrawerProps, E as EmailModalProps, X as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, Y as IEnvName, Z as ILoginWalletReq, I as IMatchEvents, l as ISocialLoginMethod, v as IconProps, i as InputProps, L as LocaleType, b as LoginBoxProps, n as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, _ as MessageType, z as MetaPageType, j as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, m as OverviewInfo, J as PohItemType, w as PohZkpassParams, P as PopoverPositionType, k as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, $ as RecoveryType, a0 as ThemeType, U as UIProps, t as UserAssetToken, p as UserChainType, s as UserImportTokenType, a1 as UserPopoverProps, x as UserTransactionNextPageParams, a2 as UserTransactionRecordType, r as UserTransactionType, g as WalletAssetMergeType, y as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletNFTType, h as WalletPanelProps, a3 as WalletReceiveMessageType, a4 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from './types-Ch54HuTY.mjs';
+export { A as Address, q as AnyObject, Q as AppConfigType, S as AuthParams, G as BindInfoType, F as BindItemType, T as BindWalletParam, B as ButtonProps, C as CEXType, o as ChainType, V as DeepPartial, D as DrawerProps, E as EmailModalProps, X as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, Y as IEnvName, Z as ILoginWalletReq, I as IMatchEvents, l as ISocialLoginMethod, v as IconProps, i as InputProps, L as LocaleType, b as LoginBoxProps, n as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, _ as MessageType, z as MetaPageType, j as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, m as OverviewInfo, J as PohItemType, w as PohZkpassParams, P as PopoverPositionType, k as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, $ as RecoveryType, a0 as ThemeType, U as UIProps, t as UserAssetToken, p as UserChainType, s as UserImportTokenType, a1 as UserPopoverProps, x as UserTransactionNextPageParams, a2 as UserTransactionRecordType, r as UserTransactionType, g as WalletAssetMergeType, y as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletNFTType, h as WalletPanelProps, a3 as WalletReceiveMessageType, a4 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from './types-DEsY_CPH.mjs';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/types.d.ts

@@ -1,3 +1,3 @@
-export { A as Address, q as AnyObject, Q as AppConfigType, S as AuthParams, G as BindInfoType, F as BindItemType, T as BindWalletParam, B as ButtonProps, C as CEXType, o as ChainType, V as DeepPartial, D as DrawerProps, E as EmailModalProps, X as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, Y as IEnvName, Z as ILoginWalletReq, I as IMatchEvents, l as ISocialLoginMethod, v as IconProps, i as InputProps, L as LocaleType, b as LoginBoxProps, n as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, _ as MessageType, z as MetaPageType, j as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, m as OverviewInfo, J as PohItemType, w as PohZkpassParams, P as PopoverPositionType, k as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, $ as RecoveryType, a0 as ThemeType, U as UIProps, t as UserAssetToken, p as UserChainType, s as UserImportTokenType, a1 as UserPopoverProps, x as UserTransactionNextPageParams, a2 as UserTransactionRecordType, r as UserTransactionType, g as WalletAssetMergeType, y as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletNFTType, h as WalletPanelProps, a3 as WalletReceiveMessageType, a4 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from './types-Ch54HuTY.js';
+export { A as Address, q as AnyObject, Q as AppConfigType, S as AuthParams, G as BindInfoType, F as BindItemType, T as BindWalletParam, B as ButtonProps, C as CEXType, o as ChainType, V as DeepPartial, D as DrawerProps, E as EmailModalProps, X as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, Y as IEnvName, Z as ILoginWalletReq, I as IMatchEvents, l as ISocialLoginMethod, v as IconProps, i as InputProps, L as LocaleType, b as LoginBoxProps, n as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, _ as MessageType, z as MetaPageType, j as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, m as OverviewInfo, J as PohItemType, w as PohZkpassParams, P as PopoverPositionType, k as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, $ as RecoveryType, a0 as ThemeType, U as UIProps, t as UserAssetToken, p as UserChainType, s as UserImportTokenType, a1 as UserPopoverProps, x as UserTransactionNextPageParams, a2 as UserTransactionRecordType, r as UserTransactionType, g as WalletAssetMergeType, y as WalletAssetType, K as WalletChainType, W as WalletConfigType, N as WalletNFTType, h as WalletPanelProps, a3 as WalletReceiveMessageType, a4 as WalletStatusType, c as WalletType, u as useMatchWalletAssetsProps } from './types-DEsY_CPH.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/ui.d.mts

@@ -1,8 +1,8 @@
-export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-D6wTVWuu.mjs';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-Ba8t2zs6.mjs';
+export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-QPdWAVPk.mjs';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-Dx4OFZhG.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import './types-Ch54HuTY.mjs';
+import './types-DEsY_CPH.mjs';
 import '@tanstack/react-query/src/types';
 import 'viem';
 import 'lottie-react';

package/dist/ui.d.ts

@@ -1,8 +1,8 @@
-export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-BTO2pJRz.js';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-B-u8_Lcy.js';
+export { B as Button, C as ConfirmModal, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from './index-B80rDuha.js';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, L as Lottie, M as ModalDrawer, R as Radio, a as Skeleton, S as Switch, T as Tabs } from './index-hiCo96Vc.js';
 import 'react/jsx-runtime';
 import 'react';
-import './types-Ch54HuTY.js';
+import './types-DEsY_CPH.js';
 import '@tanstack/react-query/src/types';
 import 'viem';
 import 'lottie-react';

package/dist/ui.js

@@ -38,7 +38,7 @@ __export(ui_exports, {
   Field: () => Field,
   HashPanel: () => HashPanel_default,
   Input: () => Input,
-  Lottie: () => Lottie,
+  Lottie: () => Lottie_default,
   Modal: () => Modal,
   ModalDrawer: () => ModalDrawer,
   ModalWithHeader: () => ModalWithHeader,
@@ -1438,7 +1438,7 @@ function HashPanel({
           /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `matchid-hashpanel-status`, style: {
             color: statusValue.color
           }, children: statusValue.text }),
-          statusValue.lottie ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Lottie, { animationData: statusValue.lottie, style: {
+          statusValue.lottie ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Lottie_default, { animationData: statusValue.lottie, style: {
             width: "96px",
             height: "96px"
           } }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("img", { src: statusValue.icon, alt: statusValue.text, className: `matchid-hashpanel-img` }),
@@ -1564,14 +1564,19 @@ function Tabs(props) {
 }
 
 // src/ui/Lottie/index.tsx
-var import_lottie_react = __toESM(require("lottie-react"));
+var import_react43 = require("react");
 var import_jsx_runtime99 = require("react/jsx-runtime");
-function Lottie(props) {
-  console.log("Lottie", props);
-  const result = /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lottie_react.default, { loop: true, autoplay: true, ...props });
-  console.log("result", result);
-  return result;
-}
+var LazyLottie = (props) => {
+  const [LottieReact, setLottieReact] = (0, import_react43.useState)(null);
+  (0, import_react43.useEffect)(() => {
+    import("lottie-react").then((mod) => {
+      setLottieReact(mod.default || mod);
+    });
+  }, []);
+  if (!LottieReact) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: "Loading..." });
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(LottieReact, { loop: true, autoplay: true, ...props });
+};
+var Lottie_default = LazyLottie;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AlphaAvatar,