@stokr/components-library 3.0.72-beta.7 → 3.0.73

package/dist/utils/copyToClipboard.js

@@ -1,39 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState } from "react";
+import React__default from "react";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { CopyToClipboard as CopyToClipboard2 } from "react-copy-to-clipboard";
-import { Tooltip } from "react-tippy";
-import { CopyToClipboardButton } from "../components/CryptoAddress/CryptoAddress.styles.js";
-const copyTextToClipboard = async (text, onCopy, onError) => {
-  try {
-    if (navigator.clipboard && window.isSecureContext) {
-      await navigator.clipboard.writeText(text);
-      if (onCopy) onCopy(text, true);
-      return true;
-    } else {
-      const textArea = document.createElement("textarea");
-      textArea.value = text;
-      textArea.style.position = "fixed";
-      textArea.style.left = "-999999px";
-      textArea.style.top = "-999999px";
-      document.body.appendChild(textArea);
-      textArea.focus();
-      textArea.select();
-      const successful = document.execCommand("copy");
-      document.body.removeChild(textArea);
-      if (successful) {
-        if (onCopy) onCopy(text, true);
-        return true;
-      } else {
-        if (onError) onError(new Error("Failed to copy text"));
-        return false;
-      }
-    }
-  } catch (error) {
-    if (onError) onError(error);
-    return false;
-  }
-};
+import { copyTextToClipboard } from "./copy-text-to-clipboard.js";
+import { CopyToClipboardTooltip } from "../components/CopyToClipboardTooltip/CopyToClipboardTooltip.js";
 const withCopyToClipboard = (WrappedComponent, options = {}) => {
   const { textProp = "text", onCopyProp = "onCopy", onErrorProp = "onError" } = options;
   return function CopyToClipboardWrapper(props) {
@@ -67,25 +37,11 @@ const useCopyToClipboard = (text) => {
   );
   return { copy, copied };
 };
-const CopyToClipBoardTooltip = ({ value, buttonStyle }) => {
-  const [copied, setCopied] = useState(false);
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      position: "top",
-      title: copied ? "Copied to clipboard!" : "Click to copy to clipboard.",
-      theme: "light",
-      arrow: true,
-      hideOnClick: false,
-      onHidden: () => setCopied(false),
-      duration: 200,
-      children: /* @__PURE__ */ jsx(CopyToClipboard, { text: value, onCopy: () => setCopied(true), children: /* @__PURE__ */ jsx(CopyToClipboardButton, { style: buttonStyle }) })
-    }
-  );
-};
+const CopyToClipBoardTooltip = CopyToClipboardTooltip;
 export {
   CopyToClipBoardTooltip,
   CopyToClipboard2 as CopyToClipboard,
+  CopyToClipboardTooltip,
   copyTextToClipboard,
   useCopyToClipboard,
   withCopyToClipboard

package/dist/utils/formatCurrencyValue.js

@@ -4,6 +4,8 @@ import BitcoinLogo from "../static/images/currency/bitcoin-logo.png.js";
 import BMN2Logo from "../static/images/currency/bmn2-logo.png.js";
 import ETHLogo from "../static/images/currency/eth_logo.svg.js";
 import USDTLogo from "../static/images/currency/usdt-logo.png.js";
+import USDLogo from "../static/images/currency/usd.svg.js";
+import EURLogo from "../static/images/currency/eur.svg.js";
 import { formatDisplayNumber } from "./fix-decimals.js";
 const CURRENCY_CONFIG = {
   tether: ["USDT", 2],
@@ -88,6 +90,12 @@ const getCurrencyIcon = (currency, customIcon) => {
     case "eth":
     case "eth-fb":
       return ETHLogo;
+    case "usd":
+    case "usd-in-kind":
+      return USDLogo;
+    case "euro":
+    case "eur":
+      return EURLogo;
     default:
       return null;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.72-beta.7",
+  "version": "3.0.73",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",
@@ -54,6 +54,7 @@
     "serve": "npx http-server ./storybook-static -p 9009"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.20",
     "@lottiefiles/dotlottie-react": "^0.19.4",
     "axios": "^1.13.5",
     "country-flag-icons": "^1.6.17",
@@ -81,7 +82,6 @@
     "react-select": "^5.7.0",
     "react-slick": "^0.31.0",
     "react-table": "^7.8.0",
-    "react-tippy": "^1.4.0",
     "slick-carousel": "^1.8.1",
     "yup": "^1.0.0"
   },