@multiversx/sdk-dapp-liquidity 1.1.0-alpha.2 → 1.1.0-alpha.21

package/reactjs/components/TokenSelector/TokenSelector.mjs

@@ -19,6 +19,7 @@ const TokenSelector = ({
   areOptionsLoading = false,
   className = "",
   disabled = false,
+  isMvxSelector = false,
   omitDisableClass = false,
   color = "neutral-750",
   onBlur,
@@ -32,10 +33,16 @@ const TokenSelector = ({
     token: selectedOption
   });
   const chains = useMemo(() => {
+    if (isMvxSelector) {
+      return (data == null ? void 0 : data.filter(
+        (chain) => MVX_CHAIN_IDS.includes(chain.chainId.toString())
+      )) ?? [];
+    }
     return (data == null ? void 0 : data.filter(
-      (chain) => !MVX_CHAIN_IDS.includes(Number(chain.chainId.toString()))
+      (chain) => !MVX_CHAIN_IDS.includes(chain.chainId.toString())
     )) ?? [];
   }, [data]);
+  const isVisuallyDisabled = disabled || chains.length < 2;
   const handleOnClick = () => setShow(true);
   useEffect(() => {
     onTokenSelectorDisplay == null ? void 0 : onTokenSelectorDisplay(show);
@@ -69,6 +76,7 @@ const TokenSelector = ({
         },
         tokens: options,
         chains,
+        isMvxSelector,
         areChainsLoading,
         selectedToken: selectedOption
       }
@@ -90,19 +98,19 @@ const TokenSelector = ({
               "liq-bg-neutral-900/50 liq-outline liq-outline-1 liq-outline-neutral-700/20 hover:enabled:liq-bg-neutral-600/50 hover:enabled:liq-outline-neutral-600": color === "neutral-850"
             },
             {
-              "disabled:!liq-opacity-70": disabled && !omitDisableClass
+              "disabled:!liq-opacity-70": isVisuallyDisabled && !omitDisableClass
             },
             {
-              "!liq-cursor-not-allowed !liq-bg-transparent !liq-outline-transparent": disabled
+              "!liq-cursor-not-allowed !liq-bg-transparent !liq-outline-transparent": isVisuallyDisabled
             },
             className
           ),
           onBlur,
           onClick: handleOnClick,
-          disabled,
+          disabled: isVisuallyDisabled,
           children: [
             /* @__PURE__ */ jsx(SelectedOption, { value: selectedOption }),
-            !disabled && /* @__PURE__ */ jsx(
+            !isVisuallyDisabled && /* @__PURE__ */ jsx(
               FontAwesomeIcon,
               {
                 icon: faChevronDown,

package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.d.ts

@@ -1,8 +1,9 @@
 import { ChainDTO } from '../../../../../dto/Chain.dto';
 
-export declare const ChainSelect: ({ isLoading, selectedChainId, onChange, chains }: {
+export declare const ChainSelect: ({ isLoading, selectedChainId, ignoreAllChains, onChange, chains }: {
     isLoading?: boolean;
     selectedChainId?: string;
+    ignoreAllChains?: boolean;
     onChange?: (chainId: string) => void;
     chains: ChainDTO[];
 }) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.js

@@ -2,7 +2,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const React = require("react");
 const Select = require("react-select");
 const reactjs_components_TokenSelector_components_ChainSelect_components_FormatChainOptionLabel = require("./components/FormatChainOptionLabel.js");
 const reactjs_components_TokenSelector_components_ChainSelect_components_IndicatorSeparator = require("./components/IndicatorSeparator.js");
@@ -12,10 +12,11 @@ const reactjs_constants_chains = require("../../../../constants/chains.js");
 const ChainSelect = ({
   isLoading,
   selectedChainId,
+  ignoreAllChains = false,
   onChange,
   chains
 }) => {
-  const chainOptions = require$$0.useMemo(() => {
+  const chainOptions = React.useMemo(() => {
     const options = chains.map((chain) => ({
       label: chain.networkName,
       value: chain.chainId.toString(),
@@ -26,6 +27,9 @@ const ChainSelect = ({
         svgUrl: chain.svgUrl
       }
     }));
+    if (ignoreAllChains) {
+      return options;
+    }
     options.unshift({
       label: "All",
       value: reactjs_constants_chains.ALL_NETWORK_ID,
@@ -38,7 +42,7 @@ const ChainSelect = ({
     });
     return options;
   }, [chains]);
-  const selectedChain = require$$0.useMemo(() => {
+  const selectedChain = React.useMemo(() => {
     return chainOptions.find(
       (chainOption) => chainOption.value.toString() === (selectedChainId == null ? void 0 : selectedChainId.toString())
     ) ?? (chainOptions == null ? void 0 : chainOptions[0]);

package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.mjs

@@ -9,6 +9,7 @@ import { ALL_NETWORK_ID } from "../../../../constants/chains.mjs";
 const ChainSelect = ({
   isLoading,
   selectedChainId,
+  ignoreAllChains = false,
   onChange,
   chains
 }) => {
@@ -23,6 +24,9 @@ const ChainSelect = ({
         svgUrl: chain.svgUrl
       }
     }));
+    if (ignoreAllChains) {
+      return options;
+    }
     options.unshift({
       label: "All",
       value: ALL_NETWORK_ID,

package/reactjs/components/TokenSelector/components/SelectContent.d.ts

@@ -1,10 +1,11 @@
 import { TokenType } from '../../../../types/token';
 import { ChainDTO } from '../../../../dto/Chain.dto';
 
-export declare const SelectContent: ({ onSelect, tokens, chains, areChainsLoading, selectedToken }: {
+export declare const SelectContent: ({ onSelect, tokens, chains, isMvxSelector, areChainsLoading, selectedToken }: {
     onSelect: (token: TokenType) => void;
     tokens: TokenType[];
     chains: ChainDTO[];
+    isMvxSelector?: boolean;
     areChainsLoading?: boolean;
     selectedToken?: TokenType;
 }) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/TokenSelector/components/SelectContent.js

@@ -2,7 +2,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_components_TokenSelector_components_ChainSelect_ChainSelect = require("./ChainSelect/ChainSelect.js");
 const reactjs_components_TokenSelector_components_TokenList = require("./TokenList.js");
 require("../../../constants/index.js");
@@ -13,17 +13,19 @@ const SelectContent = ({
   onSelect,
   tokens = [],
   chains = [],
+  isMvxSelector = false,
   areChainsLoading,
   selectedToken
 }) => {
-  const [filteredTokens, setFilteredTokens] = require$$0.useState(tokens);
-  const [selected, setSelected] = require$$0.useState(selectedToken);
-  const searchPatternRef = require$$0.useRef("");
+  var _a;
+  const [filteredTokens, setFilteredTokens] = React.useState(tokens);
+  const [selected, setSelected] = React.useState(selectedToken);
+  const searchPatternRef = React.useRef("");
   const activeChainId = reactjs_hooks_useGetChainId.useGetChainId();
-  const [selectedChainId, setSelectedChainId] = require$$0.useState(
-    (activeChainId == null ? void 0 : activeChainId.toString()) ?? reactjs_constants_chains.ALL_NETWORK_ID
+  const [selectedChainId, setSelectedChainId] = React.useState(
+    isMvxSelector ? ((_a = chains[0]) == null ? void 0 : _a.chainId.toString()) ?? reactjs_constants_chains.ALL_NETWORK_ID : (activeChainId == null ? void 0 : activeChainId.toString()) ?? reactjs_constants_chains.ALL_NETWORK_ID
   );
-  const filteredTokensText = require$$0.useMemo(() => {
+  const filteredTokensText = React.useMemo(() => {
     const selectedChain = chains.find(
       (chain) => chain.chainId.toString() === selectedChainId
     );
@@ -50,11 +52,11 @@ const SelectContent = ({
     );
     setFilteredTokens(filtered);
   };
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     setFilteredTokens(tokens);
     setSelected(selectedToken);
   }, [selectedToken, tokens]);
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     handleSearch(searchPatternRef.current);
   }, [selectedChainId]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-relative liq-flex liq-max-w-full liq-flex-col liq-rounded-none liq-p-0 !liq-max-h-[22rem]", children: [
@@ -71,6 +73,7 @@ const SelectContent = ({
         reactjs_components_TokenSelector_components_ChainSelect_ChainSelect.ChainSelect,
         {
           chains,
+          ignoreAllChains: isMvxSelector,
           selectedChainId,
           onChange: (chainId) => {
             setSelectedChainId(chainId);

package/reactjs/components/TokenSelector/components/SelectContent.mjs

@@ -10,15 +10,17 @@ const SelectContent = ({
   onSelect,
   tokens = [],
   chains = [],
+  isMvxSelector = false,
   areChainsLoading,
   selectedToken
 }) => {
+  var _a;
   const [filteredTokens, setFilteredTokens] = useState(tokens);
   const [selected, setSelected] = useState(selectedToken);
   const searchPatternRef = useRef("");
   const activeChainId = useGetChainId();
   const [selectedChainId, setSelectedChainId] = useState(
-    (activeChainId == null ? void 0 : activeChainId.toString()) ?? ALL_NETWORK_ID
+    isMvxSelector ? ((_a = chains[0]) == null ? void 0 : _a.chainId.toString()) ?? ALL_NETWORK_ID : (activeChainId == null ? void 0 : activeChainId.toString()) ?? ALL_NETWORK_ID
   );
   const filteredTokensText = useMemo(() => {
     const selectedChain = chains.find(
@@ -68,6 +70,7 @@ const SelectContent = ({
         ChainSelect,
         {
           chains,
+          ignoreAllChains: isMvxSelector,
           selectedChainId,
           onChange: (chainId) => {
             setSelectedChainId(chainId);

package/reactjs/components/TokenSelector/components/TokenIcon.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const faDiamond = require("@fortawesome/free-solid-svg-icons/faDiamond");
 const reactFontawesome = require("@fortawesome/react-fontawesome");
-const require$$0 = require("react");
+const React = require("react");
 const _default = require("../../../../default-H3AbmzFV.js");
 const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
 const TokenIcon = ({
@@ -12,7 +12,7 @@ const TokenIcon = ({
   size = "lg",
   className = ""
 }) => {
-  const getIconComponent = require$$0.useCallback(
+  const getIconComponent = React.useCallback(
     (assetTicker) => {
       if (!assetTicker || !token) {
         return /* @__PURE__ */ jsxRuntime.jsx("img", { src: _default.DefaultIcon, alt: "" });
@@ -28,7 +28,7 @@ const TokenIcon = ({
     },
     [token]
   );
-  const IconComponent = require$$0.useMemo(
+  const IconComponent = React.useMemo(
     () => getIconComponent(token == null ? void 0 : token.symbol),
     [getIconComponent, token == null ? void 0 : token.symbol]
   );

package/reactjs/components/TokenSelector/components/TokenItem.js

@@ -2,10 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("../../../../react-R_xxu7fN.js");
-const require$$0 = require("react");
-const wagmi = require("wagmi");
+const react = require("@reown/appkit/react");
+const React = require("react");
 const reactjs_components_TokenSelector_components_TokenIcon = require("./TokenIcon.js");
+const reactjs_context_useWeb3App = require("../../../context/useWeb3App.js");
 const reactjs_hooks_useGetChainId = require("../../../hooks/useGetChainId.js");
 const reactjs_hooks_useResolveTokenChain = require("../../../hooks/useResolveTokenChain.js");
 const TokenItem = ({
@@ -16,20 +16,20 @@ const TokenItem = ({
   const { tokenChain, chainIcon } = reactjs_hooks_useResolveTokenChain.useResolveTokenChain({
     token
   });
-  const { chains: sdkChains } = wagmi.useSwitchChain();
+  const { supportedChains: sdkChains } = reactjs_context_useWeb3App.useWeb3App();
   const { switchNetwork } = react.useAppKitNetwork();
   const chainId = reactjs_hooks_useGetChainId.useGetChainId();
-  const activeChain = require$$0.useMemo(() => {
-    return sdkChains.find(
+  const activeChain = React.useMemo(() => {
+    return sdkChains == null ? void 0 : sdkChains.find(
       (chain) => chain.id.toString() === (chainId == null ? void 0 : chainId.toString())
     );
   }, [chainId, sdkChains]);
-  const handleSwitchChain = require$$0.useCallback(() => {
+  const handleSwitchChain = React.useCallback(() => {
     if (activeChain && (tokenChain == null ? void 0 : tokenChain.chainId) && (activeChain == null ? void 0 : activeChain.id.toString()) !== (tokenChain == null ? void 0 : tokenChain.chainId.toString())) {
       switchNetwork(
-        sdkChains.find(
+        (sdkChains == null ? void 0 : sdkChains.find(
           (chain) => chain.id.toString() === (tokenChain == null ? void 0 : tokenChain.chainId.toString())
-        ) ?? activeChain
+        )) ?? activeChain
       );
     }
   }, [activeChain, sdkChains, tokenChain == null ? void 0 : tokenChain.chainId, activeChain == null ? void 0 : activeChain.id]);

package/reactjs/components/TokenSelector/components/TokenItem.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useAppKitNetwork } from "../../../../react-B_iI3-1z.mjs";
+import { useAppKitNetwork } from "@reown/appkit/react";
 import { useMemo, useCallback } from "react";
-import { useSwitchChain } from "wagmi";
 import { TokenIcon } from "./TokenIcon.mjs";
+import { useWeb3App } from "../../../context/useWeb3App.mjs";
 import { useGetChainId } from "../../../hooks/useGetChainId.mjs";
 import { useResolveTokenChain } from "../../../hooks/useResolveTokenChain.mjs";
 const TokenItem = ({
@@ -13,20 +13,20 @@ const TokenItem = ({
   const { tokenChain, chainIcon } = useResolveTokenChain({
     token
   });
-  const { chains: sdkChains } = useSwitchChain();
+  const { supportedChains: sdkChains } = useWeb3App();
   const { switchNetwork } = useAppKitNetwork();
   const chainId = useGetChainId();
   const activeChain = useMemo(() => {
-    return sdkChains.find(
+    return sdkChains == null ? void 0 : sdkChains.find(
       (chain) => chain.id.toString() === (chainId == null ? void 0 : chainId.toString())
     );
   }, [chainId, sdkChains]);
   const handleSwitchChain = useCallback(() => {
     if (activeChain && (tokenChain == null ? void 0 : tokenChain.chainId) && (activeChain == null ? void 0 : activeChain.id.toString()) !== (tokenChain == null ? void 0 : tokenChain.chainId.toString())) {
       switchNetwork(
-        sdkChains.find(
+        (sdkChains == null ? void 0 : sdkChains.find(
           (chain) => chain.id.toString() === (tokenChain == null ? void 0 : tokenChain.chainId.toString())
-        ) ?? activeChain
+        )) ?? activeChain
       );
     }
   }, [activeChain, sdkChains, tokenChain == null ? void 0 : tokenChain.chainId, activeChain == null ? void 0 : activeChain.id]);

package/reactjs/components/base/MxCard/MxCard.js

@@ -2,9 +2,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
-const MxCard = require$$0.forwardRef(
+const MxCard = React.forwardRef(
   (props, ref) => {
     const {
       children,

package/reactjs/components/base/MxCircleLoader/MxCircleLoader.d.ts

@@ -0,0 +1,4 @@
+export declare const MxCircleLoader: ({ containerClassName, spinnerClassName }: {
+    containerClassName?: string;
+    spinnerClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/base/MxCircleLoader/MxCircleLoader.js

@@ -0,0 +1,29 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
+const MxCircleLoader = ({
+  containerClassName = "",
+  spinnerClassName = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: reactjs_utils_mxClsx.mxClsx(
+        "liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center",
+        containerClassName
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: reactjs_utils_mxClsx.mxClsx(
+            "liq-loader liq-inline-block liq-h-10 liq-w-10 liq-animate-spin liq-rounded-full liq-border-4 liq-border-primary-400 liq-border-t-neutral-850",
+            spinnerClassName
+          )
+        }
+      )
+    }
+  );
+};
+exports.MxCircleLoader = MxCircleLoader;

package/reactjs/components/base/MxCircleLoader/MxCircleLoader.mjs

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { mxClsx } from "../../../utils/mxClsx.mjs";
+const MxCircleLoader = ({
+  containerClassName = "",
+  spinnerClassName = ""
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: mxClsx(
+        "liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center",
+        containerClassName
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: mxClsx(
+            "liq-loader liq-inline-block liq-h-10 liq-w-10 liq-animate-spin liq-rounded-full liq-border-4 liq-border-primary-400 liq-border-t-neutral-850",
+            spinnerClassName
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  MxCircleLoader
+};

package/reactjs/components/base/MxCircleLoader/index.d.ts

@@ -0,0 +1 @@
+export * from './MxCircleLoader';

package/reactjs/components/base/MxCircleLoader/index.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactjs_components_base_MxCircleLoader_MxCircleLoader = require("./MxCircleLoader.js");
+exports.MxCircleLoader = reactjs_components_base_MxCircleLoader_MxCircleLoader.MxCircleLoader;

package/reactjs/components/base/MxCircleLoader/index.mjs

@@ -0,0 +1,4 @@
+import { MxCircleLoader } from "./MxCircleLoader.mjs";
+export {
+  MxCircleLoader
+};

package/reactjs/components/base/MxLink/MxLink.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const faArrowUpRightFromSquare = require("@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare");
 const reactFontawesome = require("@fortawesome/react-fontawesome");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
-const MxLink = require$$0.forwardRef(
+const MxLink = React.forwardRef(
   (props, ref) => {
     const {
       disabled,

package/reactjs/components/base/MxSearch/MxSearch.js

@@ -5,10 +5,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const faClose = require("@fortawesome/free-solid-svg-icons/faClose");
 const faSearch = require("@fortawesome/free-solid-svg-icons/faSearch");
 const reactFontawesome = require("@fortawesome/react-fontawesome");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_hooks_useDebounce = require("../../../hooks/useDebounce.js");
 const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
-const MxSearch = require$$0.forwardRef(
+const MxSearch = React.forwardRef(
   (props, ref) => {
     const {
       iconsClassName = "",
@@ -18,10 +18,10 @@ const MxSearch = require$$0.forwardRef(
       inputDefaultValue = "",
       onChange
     } = props;
-    const [inputValue, setInputValue] = require$$0.useState(inputDefaultValue);
+    const [inputValue, setInputValue] = React.useState(inputDefaultValue);
     const onDebounceInputChange = reactjs_hooks_useDebounce.useDebounce(inputValue, 200);
     const onClear = () => setInputValue("");
-    require$$0.useEffect(() => onChange(onDebounceInputChange), [onDebounceInputChange]);
+    React.useEffect(() => onChange(onDebounceInputChange), [onDebounceInputChange]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {

package/reactjs/components/base/MxSlideover/MxSlideover.js

@@ -5,7 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const faClose = require("@fortawesome/free-solid-svg-icons/faClose");
 const reactFontawesome = require("@fortawesome/react-fontawesome");
 const react = require("@headlessui/react");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
 const reactjs_components_base_MxButton_MxButton = require("../MxButton/MxButton.js");
 const MxSlideover = ({
@@ -15,11 +15,11 @@ const MxSlideover = ({
   className = "",
   onClose
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Transition.Root, { show, as: require$$0.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(react.Dialog, { as: "div", className: "liq-relative liq-z-30", onClose, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Transition.Root, { show, as: React.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(react.Dialog, { as: "div", className: "liq-relative liq-z-30", onClose, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       react.Transition.Child,
       {
-        as: require$$0.Fragment,
+        as: React.Fragment,
         enter: "liq-ease-in-out liq-duration-150",
         enterFrom: "liq-opacity-0",
         enterTo: "liq-opacity-100",
@@ -32,7 +32,7 @@ const MxSlideover = ({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-fixed liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-absolute liq-inset-0 liq-overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-pointer-events-none liq-fixed liq-inset-y-0 liq-right-0 liq-flex liq-max-w-full liq-p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
       react.Transition.Child,
       {
-        as: require$$0.Fragment,
+        as: React.Fragment,
         enter: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
         leave: "liq-transform liq-transition liq-ease-in-out liq-duration-150",
         enterFrom: "liq-translate-y-full lg:liq-translate-y-0 lg:liq-translate-x-full",

package/reactjs/components/base/MxTooltip/MxTooltip.js

@@ -2,7 +2,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const React = require("react");
 const ReactDOM = require("react-dom");
 const reactPopper = require("react-popper");
 const reactjs_components_base_MxTooltip_components_TooltipContent_TooltipContent = require("./components/TooltipContent/TooltipContent.js");
@@ -26,10 +26,10 @@ const MxTooltip = ({
   portalId,
   isSlideoverOnMobile = false
 }) => {
-  const [isHover, setIsHover] = require$$0.useState(false);
-  const [popperEl, setPopperEl] = require$$0.useState(null);
-  const [referenceEl, setReferenceEl] = require$$0.useState(null);
-  const [showSlideOver, setShowSlideOver] = require$$0.useState(false);
+  const [isHover, setIsHover] = React.useState(false);
+  const [popperEl, setPopperEl] = React.useState(null);
+  const [referenceEl, setReferenceEl] = React.useState(null);
+  const [showSlideOver, setShowSlideOver] = React.useState(false);
   const isMobile = reactjs_constants_index.safeWindow.innerWidth < 768;
   const { styles, attributes } = reactPopper.usePopper(referenceEl, popperEl, {
     placement,
@@ -48,7 +48,7 @@ const MxTooltip = ({
   });
   const showEvents = ["mouseenter", "focus"];
   const hideEvents = ["mouseleave", "blur"];
-  const hideTimeoutRef = require$$0.useRef();
+  const hideTimeoutRef = React.useRef();
   const show = () => {
     if (hideTimeoutRef.current) {
       clearTimeout(hideTimeoutRef.current);
@@ -60,14 +60,14 @@ const MxTooltip = ({
       setIsHover(false);
     }, hideDelayMs);
   };
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (hideTimeoutRef.current) {
         clearTimeout(hideTimeoutRef.current);
       }
     };
   }, []);
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     showEvents.forEach((event) => popperEl == null ? void 0 : popperEl.addEventListener(event, show));
     hideEvents.forEach((event) => popperEl == null ? void 0 : popperEl.addEventListener(event, hide));
     return () => {
@@ -75,7 +75,7 @@ const MxTooltip = ({
       hideEvents.forEach((event) => popperEl == null ? void 0 : popperEl.removeEventListener(event, hide));
     };
   }, [popperEl]);
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     showEvents.forEach((event) => referenceEl == null ? void 0 : referenceEl.addEventListener(event, show));
     hideEvents.forEach((event) => referenceEl == null ? void 0 : referenceEl.addEventListener(event, hide));
     return () => {

package/reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.js

@@ -2,9 +2,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_utils_mxClsx = require("../../../../../utils/mxClsx.js");
-const TooltipContainer = require$$0.forwardRef(({ children, variant, variantColor, containerClassName, onClick }, ref) => {
+const TooltipContainer = React.forwardRef(({ children, variant, variantColor, containerClassName, onClick }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {

package/reactjs/components/index.d.ts

@@ -11,3 +11,4 @@ export * from './SmallLoader';
 export * from './TokenSelector';
 export * from './TransactionToast';
 export * from './TrimAddress';
+export * from './Error';

package/reactjs/components/index.js

@@ -25,6 +25,7 @@ const reactjs_components_TokenSelector_TokenSelector = require("./TokenSelector/
 const reactjs_components_TransactionToast_TransactionToastContainer = require("./TransactionToast/TransactionToastContainer.js");
 const reactjs_components_TransactionToast_TransactionToast = require("./TransactionToast/TransactionToast.js");
 const reactjs_components_TrimAddress_TrimAddress = require("./TrimAddress/TrimAddress.js");
+const reactjs_components_Error_Error = require("./Error/Error.js");
 exports.AccountAddress = reactjs_components_AccountAddress_AccountAddress.AccountAddress;
 exports.AmountCard = reactjs_components_AmountCard_AmountCard.AmountCard;
 exports.AmountInput = reactjs_components_AmountInput_AmountInput.AmountInput;
@@ -49,3 +50,4 @@ exports.TokenSelector = reactjs_components_TokenSelector_TokenSelector.TokenSele
 exports.TransactionToastContainer = reactjs_components_TransactionToast_TransactionToastContainer.TransactionToastContainer;
 exports.TransactionToast = reactjs_components_TransactionToast_TransactionToast.TransactionToast;
 exports.TrimAddress = reactjs_components_TrimAddress_TrimAddress.TrimAddress;
+exports.Error = reactjs_components_Error_Error.Error;

package/reactjs/components/index.mjs

@@ -22,6 +22,7 @@ import { TokenSelector } from "./TokenSelector/TokenSelector.mjs";
 import { TransactionToastContainer } from "./TransactionToast/TransactionToastContainer.mjs";
 import { TransactionToast } from "./TransactionToast/TransactionToast.mjs";
 import { TrimAddress } from "./TrimAddress/TrimAddress.mjs";
+import { Error } from "./Error/Error.mjs";
 export {
   AccountAddress,
   AmountCard,
@@ -33,6 +34,7 @@ export {
   CopyButton,
   CustomConnectButton,
   DisplayAmount,
+  Error,
   MvxAccountDisplay,
   MvxConnectButton,
   MxButton,

package/reactjs/context/Web3AppProvider.d.ts

@@ -1,12 +1,14 @@
 import { InitOptions } from '../init/init';
 import { PropsWithChildren } from 'react';
 import { ResolvedRegister } from '@wagmi/core';
+import { AppKitNetwork } from '@reown/appkit-common';
 import { AppKit } from '@reown/appkit/react';
 
 export type Web3AppContextProps = {
     config: ResolvedRegister['config'];
     appKit: AppKit;
     options: InitOptions;
+    supportedChains: AppKitNetwork[];
 };
 export declare const Web3AppContext: import('react').Context<Web3AppContextProps | undefined>;
-export declare function Web3AppProvider({ children, config, appKit, options }: PropsWithChildren<Web3AppContextProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Web3AppProvider({ children, config, appKit, options, supportedChains }: PropsWithChildren<Web3AppContextProps>): import("react/jsx-runtime").JSX.Element;