@aurora-is-near/intents-swap-widget 3.15.3 → 3.16.1

package/dist/hooks/useToggleTheme.js

@@ -1,30 +1,28 @@
-import { useState as h, useEffect as u } from "react";
-import { isBrowser as m } from "browser-or-node";
-const d = (t, o) => {
-  m && (o ?? document.body).setAttribute("data-sw-theme", t);
+import { useState as i, useEffect as g } from "react";
+import { isBrowser as u } from "browser-or-node";
+const h = (t, o) => {
+  (o ?? document.body).setAttribute("data-sw-theme", t);
 }, T = ({
   defaultTheme: t,
   themeParentElementSelector: o,
-  onChange: c
+  onChange: m
 }) => {
-  const [g, i] = h(), [e, r] = h(() => m && t === void 0 ? localStorage.getItem("theme") || "dark" : t);
-  return u(() => {
-    if (m) {
-      const n = o ? document.querySelector(o) : null;
-      if (e === void 0)
-        r(localStorage.getItem("theme") || "dark");
-      else if (e === "auto") {
-        const a = window.matchMedia("(prefers-color-scheme: dark)"), s = () => {
-          const l = a.matches ? "dark" : "light";
-          d(l, n), i(l), c?.(l);
-        };
-        return s(), a.addEventListener("change", s), localStorage.setItem("theme", "auto"), () => a.removeEventListener("change", s);
-      } else
-        localStorage.setItem("theme", e), d(e, n), i(e), c?.(e);
-    }
+  const [d, c] = i(), [e, r] = i(() => u && t === void 0 ? localStorage.getItem("theme") || "dark" : t);
+  return g(() => {
+    const n = o ? document.querySelector(o) : null;
+    if (e === void 0)
+      r(localStorage.getItem("theme") || "dark");
+    else if (e === "auto") {
+      const a = window.matchMedia("(prefers-color-scheme: dark)"), s = () => {
+        const l = a.matches ? "dark" : "light";
+        h(l, n), c(l), m?.(l);
+      };
+      return s(), a.addEventListener("change", s), localStorage.setItem("theme", "auto"), () => a.removeEventListener("change", s);
+    } else
+      localStorage.setItem("theme", e), h(e, n), c(e), m?.(e);
   }, [e]), {
     theme: e,
-    colorPalette: g,
+    colorPalette: d,
     toggleTheme: () => {
       r(!e || e === "dark" ? "light" : e === "light" ? "auto" : "dark");
     }

package/dist/hooks/useToggleTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggleTheme.js","sources":["../../src/hooks/useToggleTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { isBrowser } from 'browser-or-node';\n\ntype ThemeMode = 'light' | 'dark' | 'auto';\n\nconst applyThemeDataAttr = (theme: ThemeMode, parentEl: Element | null) => {\n  if (isBrowser) {\n    (parentEl ?? document.body).setAttribute('data-sw-theme', theme);\n  }\n};\n\ntype Args = {\n  defaultTheme?: ThemeMode;\n  themeParentElementSelector?: string;\n  onChange?: (colorPalette: 'light' | 'dark') => void;\n};\n\nexport const useToggleTheme = ({\n  defaultTheme,\n  themeParentElementSelector,\n  onChange,\n}: Args) => {\n  const [colorPalette, setColorPalette] = useState<'light' | 'dark'>();\n  const [theme, setTheme] = useState<ThemeMode | undefined>(() => {\n    if (isBrowser && defaultTheme === undefined) {\n      return (localStorage.getItem('theme') as ThemeMode) || 'dark';\n    }\n\n    return defaultTheme;\n  });\n\n  useEffect(() => {\n    if (isBrowser) {\n      const themeParentElement = themeParentElementSelector\n        ? document.querySelector(themeParentElementSelector)\n        : null;\n\n      if (theme === undefined) {\n        setTheme((localStorage.getItem('theme') as ThemeMode) || 'dark');\n      } else if (theme === 'auto') {\n        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n        const updateTheme = () => {\n          const palette = mediaQuery.matches ? 'dark' : 'light';\n\n          applyThemeDataAttr(palette, themeParentElement);\n          setColorPalette(palette);\n          onChange?.(palette);\n        };\n\n        updateTheme();\n        mediaQuery.addEventListener('change', updateTheme);\n        localStorage.setItem('theme', 'auto');\n\n        return () => mediaQuery.removeEventListener('change', updateTheme);\n      } else {\n        localStorage.setItem('theme', theme);\n        applyThemeDataAttr(theme, themeParentElement);\n        setColorPalette(theme);\n        onChange?.(theme);\n      }\n    }\n  }, [theme]);\n\n  const toggleTheme = () => {\n    if (!theme || theme === 'dark') {\n      setTheme('light');\n    } else if (theme === 'light') {\n      setTheme('auto');\n    } else {\n      setTheme('dark');\n    }\n  };\n\n  return {\n    theme,\n    colorPalette,\n    toggleTheme,\n  };\n};\n"],"names":["applyThemeDataAttr","theme","parentEl","isBrowser","useToggleTheme","defaultTheme","themeParentElementSelector","onChange","colorPalette","setColorPalette","useState","setTheme","useEffect","themeParentElement","mediaQuery","updateTheme","palette"],"mappings":";;AAKA,MAAMA,IAAqB,CAACC,GAAkBC,MAA6B;AACzE,EAAIC,MACDD,KAAY,SAAS,MAAM,aAAa,iBAAiBD,CAAK;AAEnE,GAQaG,IAAiB,CAAC;AAAA,EAC7B,cAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,UAAAC;AACF,MAAY;AACV,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACT,GAAOU,CAAQ,IAAID,EAAgC,MACpDP,KAAaE,MAAiB,SACxB,aAAa,QAAQ,OAAO,KAAmB,SAGlDA,CACR;AAED,SAAAO,EAAU,MAAM;AACd,QAAIT,GAAW;AACb,YAAMU,IAAqBP,IACvB,SAAS,cAAcA,CAA0B,IACjD;AAEJ,UAAIL,MAAU;AACZ,QAAAU,EAAU,aAAa,QAAQ,OAAO,KAAmB,MAAM;AAAA,eACtDV,MAAU,QAAQ;AAC3B,cAAMa,IAAa,OAAO,WAAW,8BAA8B,GAC7DC,IAAc,MAAM;AACxB,gBAAMC,IAAUF,EAAW,UAAU,SAAS;AAE9C,UAAAd,EAAmBgB,GAASH,CAAkB,GAC9CJ,EAAgBO,CAAO,GACvBT,IAAWS,CAAO;AAAA,QACpB;AAEA,eAAAD,EAAA,GACAD,EAAW,iBAAiB,UAAUC,CAAW,GACjD,aAAa,QAAQ,SAAS,MAAM,GAE7B,MAAMD,EAAW,oBAAoB,UAAUC,CAAW;AAAA,MACnE;AACE,qBAAa,QAAQ,SAASd,CAAK,GACnCD,EAAmBC,GAAOY,CAAkB,GAC5CJ,EAAgBR,CAAK,GACrBM,IAAWN,CAAK;AAAA,IAEpB;AAAA,EACF,GAAG,CAACA,CAAK,CAAC,GAYH;AAAA,IACL,OAAAA;AAAA,IACA,cAAAO;AAAA,IACA,aAbkB,MAAM;AACxB,MACEG,EADE,CAACV,KAASA,MAAU,SACb,UACAA,MAAU,UACV,SAEA,MAJO;AAAA,IAMpB;AAAA,EAKE;AAEJ;"}
+{"version":3,"file":"useToggleTheme.js","sources":["../../src/hooks/useToggleTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { isBrowser } from 'browser-or-node';\n\ntype ThemeMode = 'light' | 'dark' | 'auto';\n\nconst applyThemeDataAttr = (theme: ThemeMode, parentEl: Element | null) => {\n  (parentEl ?? document.body).setAttribute('data-sw-theme', theme);\n};\n\ntype Args = {\n  defaultTheme?: ThemeMode;\n  themeParentElementSelector?: string;\n  onChange?: (colorPalette: 'light' | 'dark') => void;\n};\n\nexport const useToggleTheme = ({\n  defaultTheme,\n  themeParentElementSelector,\n  onChange,\n}: Args) => {\n  const [colorPalette, setColorPalette] = useState<'light' | 'dark'>();\n  const [theme, setTheme] = useState<ThemeMode | undefined>(() => {\n    if (isBrowser && defaultTheme === undefined) {\n      return (localStorage.getItem('theme') as ThemeMode) || 'dark';\n    }\n\n    return defaultTheme;\n  });\n\n  useEffect(() => {\n    const themeParentElement = themeParentElementSelector\n      ? document.querySelector(themeParentElementSelector)\n      : null;\n\n    if (theme === undefined) {\n      setTheme((localStorage.getItem('theme') as ThemeMode) || 'dark');\n    } else if (theme === 'auto') {\n      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n      const updateTheme = () => {\n        const palette = mediaQuery.matches ? 'dark' : 'light';\n\n        applyThemeDataAttr(palette, themeParentElement);\n        setColorPalette(palette);\n        onChange?.(palette);\n      };\n\n      updateTheme();\n      mediaQuery.addEventListener('change', updateTheme);\n      localStorage.setItem('theme', 'auto');\n\n      return () => mediaQuery.removeEventListener('change', updateTheme);\n    } else {\n      localStorage.setItem('theme', theme);\n      applyThemeDataAttr(theme, themeParentElement);\n      setColorPalette(theme);\n      onChange?.(theme);\n    }\n  }, [theme]);\n\n  const toggleTheme = () => {\n    if (!theme || theme === 'dark') {\n      setTheme('light');\n    } else if (theme === 'light') {\n      setTheme('auto');\n    } else {\n      setTheme('dark');\n    }\n  };\n\n  return {\n    theme,\n    colorPalette,\n    toggleTheme,\n  };\n};\n"],"names":["applyThemeDataAttr","theme","parentEl","useToggleTheme","defaultTheme","themeParentElementSelector","onChange","colorPalette","setColorPalette","useState","setTheme","isBrowser","useEffect","themeParentElement","mediaQuery","updateTheme","palette"],"mappings":";;AAKA,MAAMA,IAAqB,CAACC,GAAkBC,MAA6B;AACzE,GAACA,KAAY,SAAS,MAAM,aAAa,iBAAiBD,CAAK;AACjE,GAQaE,IAAiB,CAAC;AAAA,EAC7B,cAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,UAAAC;AACF,MAAY;AACV,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACR,GAAOS,CAAQ,IAAID,EAAgC,MACpDE,KAAaP,MAAiB,SACxB,aAAa,QAAQ,OAAO,KAAmB,SAGlDA,CACR;AAED,SAAAQ,EAAU,MAAM;AACd,UAAMC,IAAqBR,IACvB,SAAS,cAAcA,CAA0B,IACjD;AAEJ,QAAIJ,MAAU;AACZ,MAAAS,EAAU,aAAa,QAAQ,OAAO,KAAmB,MAAM;AAAA,aACtDT,MAAU,QAAQ;AAC3B,YAAMa,IAAa,OAAO,WAAW,8BAA8B,GAC7DC,IAAc,MAAM;AACxB,cAAMC,IAAUF,EAAW,UAAU,SAAS;AAE9C,QAAAd,EAAmBgB,GAASH,CAAkB,GAC9CL,EAAgBQ,CAAO,GACvBV,IAAWU,CAAO;AAAA,MACpB;AAEA,aAAAD,EAAA,GACAD,EAAW,iBAAiB,UAAUC,CAAW,GACjD,aAAa,QAAQ,SAAS,MAAM,GAE7B,MAAMD,EAAW,oBAAoB,UAAUC,CAAW;AAAA,IACnE;AACE,mBAAa,QAAQ,SAASd,CAAK,GACnCD,EAAmBC,GAAOY,CAAkB,GAC5CL,EAAgBP,CAAK,GACrBK,IAAWL,CAAK;AAAA,EAEpB,GAAG,CAACA,CAAK,CAAC,GAYH;AAAA,IACL,OAAAA;AAAA,IACA,cAAAM;AAAA,IACA,aAbkB,MAAM;AACxB,MACEG,EADE,CAACT,KAASA,MAAU,SACb,UACAA,MAAU,UACV,SAEA,MAJO;AAAA,IAMpB;AAAA,EAKE;AAEJ;"}

package/dist/hooks/useTokenInputPair.js

@@ -1,5 +1,5 @@
 import { useState as m } from "react";
-import { b as k } from "../config-DKdwFIJc.js";
+import { b as k } from "../config-DJ258QoC.js";
 import "ethers";
 import "../machine/machine.js";
 import { fireEvent as o } from "../machine/events/utils/fireEvent.js";

package/dist/hooks/useTokens.js

@@ -1,9 +1,9 @@
 import "react";
 import "@tanstack/react-query";
 import "@defuse-protocol/one-click-sdk-typescript";
-import { n } from "../config-DKdwFIJc.js";
-import "../constants/tokens.js";
+import { n } from "../config-DJ258QoC.js";
 import "../constants/chains.js";
+import "../constants/tokens.js";
 import "../utils/checkers/isValidChain.js";
 export {
   n as useTokens

package/dist/hooks/useTokensFiltered.js

@@ -1,4 +1,4 @@
-import { m as p } from "../config-DKdwFIJc.js";
+import { m as p } from "../config-DJ258QoC.js";
 import "../utils/tokens/sort.js";
 import "../utils/tokens/filterByIntents.js";
 import "../utils/tokens/filterBySearchString.js";

package/dist/hooks/useTokensIntentsUnique.js

@@ -1,5 +1,5 @@
 import "react";
-import { ac as s } from "../config-DKdwFIJc.js";
+import { ac as s } from "../config-DJ258QoC.js";
 export {
   s as useTokensIntentsUnique
 };

package/dist/icons/index.d.ts

@@ -0,0 +1,4 @@
+import { Chains } from '../types/chain';
+export declare const UNKNOWN_ICON: React.ReactElement;
+export declare const CHAIN_ICONS: Record<Chains, React.ReactElement>;
+export declare const ASSET_ICONS: Record<string, React.ReactElement>;