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

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "./chunk-X4IQIC5B.mjs";
 import {
   api_exports
-} from "./chunk-25VAJMUX.mjs";
+} from "./chunk-327CPPF5.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -17,7 +17,7 @@ import {
   ui_exports,
   useMatch,
   wagmiConfig
-} from "./chunk-BB4OTBUS.mjs";
+} from "./chunk-VIJ3M2NZ.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-Dx4OFZhG.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';
 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-hiCo96Vc.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';
 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_default,
+  Lottie: () => Lottie,
   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_default, { animationData: statusValue.lottie, style: {
+          statusValue.lottie ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Lottie, { 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,19 +1564,12 @@ function Tabs(props) {
 }
 
 // src/ui/Lottie/index.tsx
-var import_react43 = require("react");
+var LottieReact = __toESM(require("lottie-react"));
 var import_jsx_runtime99 = require("react/jsx-runtime");
-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;
+var FixedLottie = LottieReact.default || LottieReact;
+function Lottie(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FixedLottie, { loop: true, autoplay: true, ...props });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AlphaAvatar,