@multiversx/sdk-dapp-liquidity 0.2.0-alpha.1

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

@@ -0,0 +1,82 @@
+#!/usr/bin/env node
+"use strict";
+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 _default = require("../../../../default-H3AbmzFV.js");
+const reactjs_utils_mxClsx = require("../../../utils/mxClsx.js");
+const TokenIcon = ({
+  token,
+  size = "lg",
+  className = ""
+}) => {
+  const getIconComponent = require$$0.useCallback(
+    (assetTicker) => {
+      if (!assetTicker || !token) {
+        return /* @__PURE__ */ jsxRuntime.jsx("img", { src: _default.DefaultIcon, alt: "" });
+      }
+      return token.svgUrl && token.svgUrl !== "" ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: token.svgUrl,
+          alt: "",
+          className: "liq-asset-icon liq-sm liq-p-0"
+        }
+      ) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: _default.DefaultIcon, alt: "" });
+    },
+    [token]
+  );
+  const IconComponent = require$$0.useMemo(
+    () => getIconComponent(token == null ? void 0 : token.symbol),
+    [getIconComponent, token == null ? void 0 : token.symbol]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: reactjs_utils_mxClsx.mxClsx(
+        "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full",
+        {
+          "liq-h-4 liq-w-4": size === "xs",
+          "liq-h-5 liq-w-5": size === "2xs",
+          "liq-h-6 liq-w-6": size === "sm",
+          "liq-h-7 liq-w-7": size === "2sm",
+          "liq-h-8 liq-w-8": size === "md",
+          "liq-h-10 liq-w-10": size === "lg",
+          "liq-h-12 liq-w-12": size === "xl",
+          "liq-h-14 liq-w-14": size === "2xl",
+          "liq-h-16 liq-w-16": size === "3xl"
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: reactjs_utils_mxClsx.mxClsx(
+            {
+              "liq-h-4 liq-w-4": size === "xs",
+              "liq-h-5 liq-w-5": size === "2xs",
+              "liq-h-6 liq-w-6": size === "sm",
+              "liq-h-7 liq-w-7": size === "2sm",
+              "liq-h-8 liq-w-8": size === "md",
+              "liq-h-10 liq-w-10": size === "lg",
+              "liq-h-12 liq-w-12": size === "xl",
+              "liq-h-14 liq-w-14": size === "2xl",
+              "liq-h-16 liq-w-16": size === "3xl"
+            },
+            className
+          ),
+          children: IconComponent
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center liq-rounded-full liq-bg-black liq-p-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactFontawesome.FontAwesomeIcon,
+        {
+          icon: faDiamond.faDiamond,
+          className: "liq-text-neutral-500"
+        }
+      ) }) })
+    }
+  );
+};
+exports.TokenIcon = TokenIcon;

package/reactjs/components/TokenSelector/components/TokenIcon.mjs

@@ -0,0 +1,81 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { faDiamond } from "@fortawesome/free-solid-svg-icons/faDiamond";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useCallback, useMemo } from "react";
+import { D as DefaultIcon } from "../../../../default-BYtXv70Z.mjs";
+import { mxClsx } from "../../../utils/mxClsx.mjs";
+const TokenIcon = ({
+  token,
+  size = "lg",
+  className = ""
+}) => {
+  const getIconComponent = useCallback(
+    (assetTicker) => {
+      if (!assetTicker || !token) {
+        return /* @__PURE__ */ jsx("img", { src: DefaultIcon, alt: "" });
+      }
+      return token.svgUrl && token.svgUrl !== "" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: token.svgUrl,
+          alt: "",
+          className: "liq-asset-icon liq-sm liq-p-0"
+        }
+      ) }) : /* @__PURE__ */ jsx("img", { src: DefaultIcon, alt: "" });
+    },
+    [token]
+  );
+  const IconComponent = useMemo(
+    () => getIconComponent(token == null ? void 0 : token.symbol),
+    [getIconComponent, token == null ? void 0 : token.symbol]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: mxClsx(
+        "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full",
+        {
+          "liq-h-4 liq-w-4": size === "xs",
+          "liq-h-5 liq-w-5": size === "2xs",
+          "liq-h-6 liq-w-6": size === "sm",
+          "liq-h-7 liq-w-7": size === "2sm",
+          "liq-h-8 liq-w-8": size === "md",
+          "liq-h-10 liq-w-10": size === "lg",
+          "liq-h-12 liq-w-12": size === "xl",
+          "liq-h-14 liq-w-14": size === "2xl",
+          "liq-h-16 liq-w-16": size === "3xl"
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Fragment, { children: IconComponent ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: mxClsx(
+            {
+              "liq-h-4 liq-w-4": size === "xs",
+              "liq-h-5 liq-w-5": size === "2xs",
+              "liq-h-6 liq-w-6": size === "sm",
+              "liq-h-7 liq-w-7": size === "2sm",
+              "liq-h-8 liq-w-8": size === "md",
+              "liq-h-10 liq-w-10": size === "lg",
+              "liq-h-12 liq-w-12": size === "xl",
+              "liq-h-14 liq-w-14": size === "2xl",
+              "liq-h-16 liq-w-16": size === "3xl"
+            },
+            className
+          ),
+          children: IconComponent
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center liq-rounded-full liq-bg-black liq-p-1", children: /* @__PURE__ */ jsx(
+        FontAwesomeIcon,
+        {
+          icon: faDiamond,
+          className: "liq-text-neutral-500"
+        }
+      ) }) })
+    }
+  );
+};
+export {
+  TokenIcon
+};

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

@@ -0,0 +1,7 @@
+import { TokenType } from '../../../../types/token';
+
+export declare const TokenItem: ({ token, onClick, selected }: {
+    token: TokenType;
+    onClick: (token: TokenType) => void;
+    selected: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,69 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("../../../../react-BaXyw3AO.js");
+const require$$0 = require("react");
+const wagmi = require("wagmi");
+const reactjs_components_TokenSelector_components_TokenIcon = require("./TokenIcon.js");
+const reactjs_hooks_useGetChainId = require("../../../hooks/useGetChainId.js");
+const reactjs_hooks_useResolveTokenChain = require("../../../hooks/useResolveTokenChain.js");
+const TokenItem = ({
+  token,
+  onClick,
+  selected
+}) => {
+  const { tokenChain, chainIcon } = reactjs_hooks_useResolveTokenChain.useResolveTokenChain({
+    token
+  });
+  const { chains: sdkChains } = wagmi.useSwitchChain();
+  const { switchNetwork } = react.useAppKitNetwork();
+  const chainId = reactjs_hooks_useGetChainId.useGetChainId();
+  const activeChain = require$$0.useMemo(() => {
+    return sdkChains.find(
+      (chain) => chain.id.toString() === (chainId == null ? void 0 : chainId.toString())
+    );
+  }, [chainId, sdkChains]);
+  const handleSwitchChain = require$$0.useCallback(() => {
+    if (activeChain && (tokenChain == null ? void 0 : tokenChain.chainId) && (activeChain == null ? void 0 : activeChain.id) !== (tokenChain == null ? void 0 : tokenChain.chainId)) {
+      switchNetwork(
+        sdkChains.find(
+          (chain) => chain.id.toString() === (tokenChain == null ? void 0 : tokenChain.chainId.toString())
+        ) ?? activeChain
+      );
+    }
+  }, [activeChain, sdkChains, tokenChain == null ? void 0 : tokenChain.chainId, activeChain == null ? void 0 : activeChain.id]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `token-item ${selected ? "liq-selected" : ""} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,
+      onClick: () => {
+        handleSwitchChain();
+        onClick(token);
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-w-full liq-items-center liq-relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactjs_components_TokenSelector_components_TokenIcon.TokenIcon,
+          {
+            size: "lg",
+            token,
+            className: "liq-flex liq-items-center liq-justify-center"
+          }
+        ),
+        chainIcon && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: chainIcon,
+            alt: "",
+            className: "liq-absolute liq-left-4 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-6 liq-h-6 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-ml-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-sm liq-font-bold", children: token.symbol }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-xs liq-text-gray-400", children: token.name })
+        ] })
+      ] })
+    }
+  );
+};
+exports.TokenItem = TokenItem;

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

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { u as useAppKitNetwork } from "../../../../react-B9sQBOh0.mjs";
+import { useMemo, useCallback } from "react";
+import { useSwitchChain } from "wagmi";
+import { TokenIcon } from "./TokenIcon.mjs";
+import { useGetChainId } from "../../../hooks/useGetChainId.mjs";
+import { useResolveTokenChain } from "../../../hooks/useResolveTokenChain.mjs";
+const TokenItem = ({
+  token,
+  onClick,
+  selected
+}) => {
+  const { tokenChain, chainIcon } = useResolveTokenChain({
+    token
+  });
+  const { chains: sdkChains } = useSwitchChain();
+  const { switchNetwork } = useAppKitNetwork();
+  const chainId = useGetChainId();
+  const activeChain = useMemo(() => {
+    return 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) !== (tokenChain == null ? void 0 : tokenChain.chainId)) {
+      switchNetwork(
+        sdkChains.find(
+          (chain) => chain.id.toString() === (tokenChain == null ? void 0 : tokenChain.chainId.toString())
+        ) ?? activeChain
+      );
+    }
+  }, [activeChain, sdkChains, tokenChain == null ? void 0 : tokenChain.chainId, activeChain == null ? void 0 : activeChain.id]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `token-item ${selected ? "liq-selected" : ""} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,
+      onClick: () => {
+        handleSwitchChain();
+        onClick(token);
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-w-full liq-items-center liq-relative", children: [
+        /* @__PURE__ */ jsx(
+          TokenIcon,
+          {
+            size: "lg",
+            token,
+            className: "liq-flex liq-items-center liq-justify-center"
+          }
+        ),
+        chainIcon && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: chainIcon,
+            alt: "",
+            className: "liq-absolute liq-left-4 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-6 liq-h-6 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "liq-ml-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "liq-text-sm liq-font-bold", children: token.symbol }),
+          /* @__PURE__ */ jsx("div", { className: "liq-text-xs liq-text-gray-400", children: token.name })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  TokenItem
+};

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

@@ -0,0 +1,7 @@
+import { TokenType } from '../../../../types/token';
+
+export declare const TokenList: ({ tokens, onSelect, selectedToken }: {
+    tokens: TokenType[];
+    onSelect: (token: TokenType) => void;
+    selectedToken?: TokenType;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/TokenSelector/components/TokenList.js

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactjs_components_TokenSelector_components_TokenItem = require("./TokenItem.js");
+const TokenList = ({
+  tokens,
+  onSelect,
+  selectedToken
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "token-list liq-flex liq-flex-col liq-gap-1", children: tokens.map((token) => /* @__PURE__ */ jsxRuntime.jsx(
+    reactjs_components_TokenSelector_components_TokenItem.TokenItem,
+    {
+      token,
+      onClick: onSelect,
+      selected: (selectedToken == null ? void 0 : selectedToken.address) === token.address
+    },
+    token.address
+  )) });
+};
+exports.TokenList = TokenList;

package/reactjs/components/TokenSelector/components/TokenList.mjs

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { TokenItem } from "./TokenItem.mjs";
+const TokenList = ({
+  tokens,
+  onSelect,
+  selectedToken
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "token-list liq-flex liq-flex-col liq-gap-1", children: tokens.map((token) => /* @__PURE__ */ jsx(
+    TokenItem,
+    {
+      token,
+      onClick: onSelect,
+      selected: (selectedToken == null ? void 0 : selectedToken.address) === token.address
+    },
+    token.address
+  )) });
+};
+export {
+  TokenList
+};

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

@@ -0,0 +1,9 @@
+import { TokenType } from '../../../../types/token';
+
+interface TokenSymbolProps {
+    className?: string;
+    token: TokenType;
+    wrapperClassName?: string;
+}
+export declare const TokenSymbol: ({ token, className, wrapperClassName }: TokenSymbolProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/reactjs/components/TokenSelector/components/TokenSymbol.js

@@ -0,0 +1,26 @@
+#!/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 TokenSymbol = ({
+  token,
+  className = "",
+  wrapperClassName = ""
+}) => {
+  if (!token) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "..." });
+  }
+  const { symbol } = token;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: reactjs_utils_mxClsx.mxClsx(
+        "liq-flex liq-items-center liq-gap-2",
+        wrapperClassName
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: symbol })
+    }
+  );
+};
+exports.TokenSymbol = TokenSymbol;

package/reactjs/components/TokenSelector/components/TokenSymbol.mjs

@@ -0,0 +1,25 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { mxClsx } from "../../../utils/mxClsx.mjs";
+const TokenSymbol = ({
+  token,
+  className = "",
+  wrapperClassName = ""
+}) => {
+  if (!token) {
+    return /* @__PURE__ */ jsx(Fragment, { children: "..." });
+  }
+  const { symbol } = token;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: mxClsx(
+        "liq-flex liq-items-center liq-gap-2",
+        wrapperClassName
+      ),
+      children: /* @__PURE__ */ jsx("span", { className, children: symbol })
+    }
+  );
+};
+export {
+  TokenSymbol
+};

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

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

package/reactjs/components/TokenSelector/index.js

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

package/reactjs/components/TokenSelector/index.mjs

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

package/reactjs/components/TransactionToast/TransactionToast.d.ts

@@ -0,0 +1,9 @@
+import { ToastContentProps } from 'react-toastify';
+
+export declare const TransactionToast: ({ data, TrimAddressComponent }: ToastContentProps & {
+    TrimAddressComponent: (props: {
+        text: string;
+        color?: "muted" | "secondary" | string;
+        className?: string;
+    }) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/TransactionToast/TransactionToast.js

@@ -0,0 +1,54 @@
+#!/usr/bin/env node
+"use strict";
+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 reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
+const reactjs_components_CopyButton_CopyButton = require("../CopyButton/CopyButton.js");
+const TransactionToast = ({
+  data,
+  TrimAddressComponent
+}) => {
+  const hashes = data.hashes;
+  const { options } = reactjs_context_useWeb3App.useWeb3App();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-flex-col liq-gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "liq-text-sm liq-font-semibold liq-text-zinc-300", children: "Transactions sent" }),
+    hashes.map((hash) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-w-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "liq-m-w-[11rem] liq-mr-1 liq-whitespace-nowrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-mb-1" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TrimAddressComponent,
+          {
+            className: "liq-flex liq-items-center liq-justify-center liq-text-sm",
+            text: hash
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactjs_components_CopyButton_CopyButton.CopyButton,
+        {
+          text: hash,
+          className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-200"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: `${options.bridgeURL}/status/${hash}`,
+          target: "_blank",
+          className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center",
+          rel: "noreferrer",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactFontawesome.FontAwesomeIcon,
+            {
+              icon: faArrowUpRightFromSquare.faArrowUpRightFromSquare,
+              className: "liq-color-neutral-500"
+            }
+          )
+        }
+      )
+    ] }, hash))
+  ] });
+};
+exports.TransactionToast = TransactionToast;

package/reactjs/components/TransactionToast/TransactionToast.mjs

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useWeb3App } from "../../context/useWeb3App.mjs";
+import { CopyButton } from "../CopyButton/CopyButton.mjs";
+const TransactionToast = ({
+  data,
+  TrimAddressComponent
+}) => {
+  const hashes = data.hashes;
+  const { options } = useWeb3App();
+  return /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-flex-col liq-gap-2", children: [
+    /* @__PURE__ */ jsx("h3", { className: "liq-text-sm liq-font-semibold liq-text-zinc-300", children: "Transactions sent" }),
+    hashes.map((hash) => /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-w-full", children: [
+      /* @__PURE__ */ jsxs("span", { className: "liq-m-w-[11rem] liq-mr-1 liq-whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx("div", { className: "liq-mb-1" }),
+        /* @__PURE__ */ jsx(
+          TrimAddressComponent,
+          {
+            className: "liq-flex liq-items-center liq-justify-center liq-text-sm",
+            text: hash
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        CopyButton,
+        {
+          text: hash,
+          className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-200"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `${options.bridgeURL}/status/${hash}`,
+          target: "_blank",
+          className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center",
+          rel: "noreferrer",
+          children: /* @__PURE__ */ jsx(
+            FontAwesomeIcon,
+            {
+              icon: faArrowUpRightFromSquare,
+              className: "liq-color-neutral-500"
+            }
+          )
+        }
+      )
+    ] }, hash))
+  ] });
+};
+export {
+  TransactionToast
+};

package/reactjs/components/TransactionToast/TransactionToastContainer.d.ts

@@ -0,0 +1,3 @@
+import { ToastContainerProps } from 'react-toastify';
+
+export declare const TransactionToastContainer: (props: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/TransactionToast/TransactionToastContainer.js

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactToastify = require("react-toastify");
+const TransactionToastContainer = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactToastify.ToastContainer,
+    {
+      position: "top-right",
+      autoClose: 1e4,
+      hideProgressBar: true,
+      closeOnClick: false,
+      rtl: false,
+      draggable: false,
+      transition: reactToastify.Bounce,
+      ...props
+    }
+  );
+};
+exports.TransactionToastContainer = TransactionToastContainer;

package/reactjs/components/TransactionToast/TransactionToastContainer.mjs

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { ToastContainer, Bounce } from "react-toastify";
+const TransactionToastContainer = (props) => {
+  return /* @__PURE__ */ jsx(
+    ToastContainer,
+    {
+      position: "top-right",
+      autoClose: 1e4,
+      hideProgressBar: true,
+      closeOnClick: false,
+      rtl: false,
+      draggable: false,
+      transition: Bounce,
+      ...props
+    }
+  );
+};
+export {
+  TransactionToastContainer
+};

package/reactjs/components/TransactionToast/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TransactionToastContainer';
+export * from './TransactionToast';

package/reactjs/components/TransactionToast/index.js

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

package/reactjs/components/TransactionToast/index.mjs

@@ -0,0 +1,6 @@
+import { TransactionToastContainer } from "./TransactionToastContainer.mjs";
+import { TransactionToast } from "./TransactionToast.mjs";
+export {
+  TransactionToast,
+  TransactionToastContainer
+};

package/reactjs/components/TrimAddress/TrimAddress.d.ts

@@ -0,0 +1,8 @@
+interface WalletTruncateProps {
+    address: string;
+    startLength?: number;
+    endLength?: number;
+    className?: string;
+}
+export declare const TrimAddress: ({ address, startLength, endLength, className }: WalletTruncateProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};