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

package/dist/index.mjs

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

package/dist/ui.d.mts

@@ -1,5 +1,5 @@
 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-B4lczvhL.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-DEsY_CPH.mjs';

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
 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-UJfUO0uH.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-DEsY_CPH.js';

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,