@velora-dex/widget 0.0.14 → 0.0.16

package/dist/widget/state/configAtom.js

@@ -1,15 +1,5 @@
 import { atom, useAtomValue } from 'jotai';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const getDefaultTheme = () => {
   if (typeof window !== "undefined" && window.matchMedia) {
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -21,10 +11,10 @@ const defaultWidgetConfig = {
   theme: getDefaultTheme(),
   enableDelta: true,
   privyAppId: "cmb549ngz00omi90lifm9ifv5",
-  privyClientId: "client-WY6LzDz2oxeGCDsUEdenrY8z7Qf7WHMmUKVbxSXZ31RqT"
+  privyClientId: "client-WY6LzDz2oxeGCDsUEdenrY8z7Qf7WHMmUKVbxSXZ31RqT",
+  widgetMode: "standalone"
 };
-const widgetConfigAtom = globalThis.jotaiAtomCache.get("/Users/andriishymkiv/work/velora/widget/packages/ui/src/widget/state/configAtom.ts/widgetConfigAtom", atom(defaultWidgetConfig));
-widgetConfigAtom.debugLabel = "widgetConfigAtom";
+const widgetConfigAtom = atom(defaultWidgetConfig);
 const useWidgetConfig = () => {
   return useAtomValue(widgetConfigAtom);
 };

package/dist/widget/state/configAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"configAtom.js","sources":["../../../src/widget/state/configAtom.ts"],"sourcesContent":["import { atom, useAtomValue } from \"jotai\";\nimport type { WidgetConfig, WidgetTheme } from \"../types\";\nimport type { MarkRequired } from \"ts-essentials\";\n\n// Function to get the default theme based on system preference\nconst getDefaultTheme = (): WidgetTheme => {\n  // Check if we're in a browser environment\n  if (typeof window !== \"undefined\" && window.matchMedia) {\n    const prefersDark = window.matchMedia(\n      \"(prefers-color-scheme: dark)\"\n    ).matches;\n    return prefersDark ? \"dark\" : \"light\";\n  }\n  // Fallback to light theme if not in browser or media query not supported\n  return \"light\";\n};\n\ntype WidgetConfigState = MarkRequired<\n  WidgetConfig,\n  \"theme\" | \"enableDelta\" | \"privyAppId\" | \"privyClientId\"\n>;\n\nexport const defaultWidgetConfig: WidgetConfigState = {\n  theme: getDefaultTheme(),\n  enableDelta: true,\n  privyAppId: import.meta.env.VITE_PRIVY_APP_ID,\n  privyClientId: import.meta.env.VITE_PRIVY_CLIENT_ID,\n};\n\nexport const widgetConfigAtom = atom<WidgetConfigState>(defaultWidgetConfig);\n\nexport const useWidgetConfig = () => {\n  return useAtomValue(widgetConfigAtom);\n};\n"],"names":["getDefaultTheme","window","matchMedia","prefersDark","matches","defaultWidgetConfig","theme","enableDelta","privyAppId","import","privyClientId","widgetConfigAtom","globalThis","jotaiAtomCache","get","atom","debugLabel","useWidgetConfig","useAtomValue"],"mappings":";;;;;;;;;;;;AAKA,MAAMA,kBAAkBA,MAAmB;AAEzC,EAAA,IAAI,OAAOC,MAAAA,KAAW,WAAA,IAAeA,MAAAA,CAAOC,UAAAA,EAAY;AACtD,IAAA,MAAMC,WAAAA,GAAcF,MAAAA,CAAOC,UAAAA,CACzB,8BACF,CAAA,CAAEE,OAAAA;AACF,IAAA,OAAOD,cAAc,MAAA,GAAS,OAAA;AAAA;AAGhC,EAAA,OAAO,OAAA;AACT,CAAA;AAOO,MAAME,mBAAAA,GAAyC;AAAA,EACpDC,OAAON,eAAAA,EAAgB;AAAA,EACvBO,WAAAA,EAAa,IAAA;AAAA,EACbC,UAAAA,EAAYC,2BAAAA;AAAAA,EACZC,aAAAA,EAAeD;AACjB;AAEA,MAAAE,mBAAAC,UAAAA,CAAAC,cAAAA,CAAAC,IAAA,qGAAA,EAAgCC,IAAAA,CAAwBV,mBAAmB,CAAC;AAACM,gBAAAA,CAAAK,UAAAA,GAAA,kBAAA;AAEtE,MAAMC,kBAAkBA,MAAA;AAAA,EAAA,OACtBC,aAAAP,gBAA6B,CAAA;AAAC;;;;"}
+{"version":3,"file":"configAtom.js","sources":["../../../src/widget/state/configAtom.ts"],"sourcesContent":["import { atom, useAtomValue } from \"jotai\";\nimport type { WidgetConfig, WidgetTheme } from \"../types\";\nimport type { MarkRequired } from \"ts-essentials\";\n\n// Function to get the default theme based on system preference\nconst getDefaultTheme = (): WidgetTheme => {\n  // Check if we're in a browser environment\n  if (typeof window !== \"undefined\" && window.matchMedia) {\n    const prefersDark = window.matchMedia(\n      \"(prefers-color-scheme: dark)\"\n    ).matches;\n    return prefersDark ? \"dark\" : \"light\";\n  }\n  // Fallback to light theme if not in browser or media query not supported\n  return \"light\";\n};\n\ntype WidgetConfigState = MarkRequired<\n  WidgetConfig,\n  \"theme\" | \"enableDelta\" | \"privyAppId\" | \"privyClientId\" | \"widgetMode\"\n>;\n\nexport const defaultWidgetConfig: WidgetConfigState = {\n  theme: getDefaultTheme(),\n  enableDelta: true,\n  privyAppId: import.meta.env.VITE_PRIVY_APP_ID,\n  privyClientId: import.meta.env.VITE_PRIVY_CLIENT_ID,\n  widgetMode: \"standalone\",\n};\n\nexport const widgetConfigAtom = atom<WidgetConfigState>(defaultWidgetConfig);\n\nexport const useWidgetConfig = () => {\n  return useAtomValue(widgetConfigAtom);\n};\n"],"names":["getDefaultTheme","window","matchMedia","prefersDark","matches","defaultWidgetConfig","theme","enableDelta","privyAppId","import","privyClientId","widgetMode","widgetConfigAtom","atom","useWidgetConfig","useAtomValue"],"mappings":";;AAKA,MAAMA,kBAAkBA,MAAmB;AAEzC,EAAA,IAAI,OAAOC,MAAAA,KAAW,WAAA,IAAeA,MAAAA,CAAOC,UAAAA,EAAY;AACtD,IAAA,MAAMC,WAAAA,GAAcF,MAAAA,CAAOC,UAAAA,CACzB,8BACF,CAAA,CAAEE,OAAAA;AACF,IAAA,OAAOD,cAAc,MAAA,GAAS,OAAA;AAAA;AAGhC,EAAA,OAAO,OAAA;AACT,CAAA;AAOO,MAAME,mBAAAA,GAAyC;AAAA,EACpDC,OAAON,eAAAA,EAAgB;AAAA,EACvBO,WAAAA,EAAa,IAAA;AAAA,EACbC,UAAAA,EAAYC,2BAAAA;AAAAA,EACZC,aAAAA,EAAeD,sDAAAA;AAAAA,EACfE,UAAAA,EAAY;AACd;AAEO,MAAMC,gBAAAA,GAAmBC,KAAwBR,mBAAmB;AAEpE,MAAMS,kBAAkBA,MAAA;AAAA,EAAA,OACtBC,aAAAH,gBAA6B,CAAA;AAAC;;;;"}

package/dist/widget/state/containerAtom.js

@@ -1,17 +1,6 @@
-import { useAtomValue, atom } from 'jotai';
+import { atom, useAtomValue } from 'jotai';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-const containerAtom = globalThis.jotaiAtomCache.get("/Users/andriishymkiv/work/velora/widget/packages/ui/src/widget/state/containerAtom.ts/containerAtom", atom(null));
-containerAtom.debugLabel = "containerAtom";
+const containerAtom = atom(null);
 const useContainerAtom = () => {
   return useAtomValue(containerAtom);
 };

package/dist/widget/state/containerAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"containerAtom.js","sources":["../../../src/widget/state/containerAtom.ts"],"sourcesContent":["import { atom, useAtomValue } from \"jotai\";\n\nexport const containerAtom = atom<HTMLDivElement | null>(null);\n\nexport const useContainerAtom = () => {\n  return useAtomValue(containerAtom);\n};\n"],"names":["containerAtom","globalThis","jotaiAtomCache","get","atom","debugLabel","useContainerAtom","useAtomValue"],"mappings":";;;;;;;;;;;;AAEA,MAAAA,gBAAAC,UAAAA,CAAAC,cAAAA,CAAAC,IAAA,qGAAA,EAA6BC,IAAAA,CAA4B,IAAI,CAAC;AAACJ,aAAAA,CAAAK,UAAAA,GAAA,eAAA;AAExD,MAAMC,mBAAmBA,MAAA;AAAA,EAAA,OACvBC,aAAAP,aAA0B,CAAA;AAAC;;;;"}
+{"version":3,"file":"containerAtom.js","sources":["../../../src/widget/state/containerAtom.ts"],"sourcesContent":["import { atom, useAtomValue } from \"jotai\";\n\nexport const containerAtom = atom<HTMLDivElement | null>(null);\n\nexport const useContainerAtom = () => {\n  return useAtomValue(containerAtom);\n};\n"],"names":["containerAtom","atom","useContainerAtom","useAtomValue"],"mappings":";;AAEO,MAAMA,aAAAA,GAAgBC,KAA4B,IAAI;AAEtD,MAAMC,mBAAmBA,MAAA;AAAA,EAAA,OACvBC,aAAAH,aAA0B,CAAA;AAAC;;;;"}

package/dist/widget/state/currentSwapInputAtom.js

@@ -1,17 +1,6 @@
 import { atom } from 'jotai';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-const currentSwapInputAtom = globalThis.jotaiAtomCache.get("/Users/andriishymkiv/work/velora/widget/packages/ui/src/widget/state/currentSwapInputAtom.ts/currentSwapInputAtom", atom("from"));
-currentSwapInputAtom.debugLabel = "currentSwapInputAtom";
+const currentSwapInputAtom = atom("from");
 
 export { currentSwapInputAtom };
 //# sourceMappingURL=currentSwapInputAtom.js.map

package/dist/widget/state/currentSwapInputAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"currentSwapInputAtom.js","sources":["../../../src/widget/state/currentSwapInputAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\n\nexport const currentSwapInputAtom = atom<\"from\" | \"to\">(\"from\");\n"],"names":["currentSwapInputAtom","globalThis","jotaiAtomCache","get","atom","debugLabel"],"mappings":";;;;;;;;;;;;AAEA,MAAAA,uBAAAC,UAAAA,CAAAC,cAAAA,CAAAC,IAAA,mHAAA,EAAoCC,IAAAA,CAAoB,MAAM,CAAC;AAACJ,oBAAAA,CAAAK,UAAAA,GAAA,sBAAA;;;;"}
+{"version":3,"file":"currentSwapInputAtom.js","sources":["../../../src/widget/state/currentSwapInputAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\n\nexport const currentSwapInputAtom = atom<\"from\" | \"to\">(\"from\");\n"],"names":["currentSwapInputAtom","atom"],"mappings":";;AAEO,MAAMA,oBAAAA,GAAuBC,KAAoB,MAAM;;;;"}

package/dist/widget/state/externalProviderAtom.d.ts

@@ -0,0 +1,23 @@
+export declare const externalProviderAtom: import('jotai').PrimitiveAtom<{
+    on: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+    removeListener: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+    request: import('viem').EIP1193RequestFn<import('viem').EIP1474Methods>;
+} | null> & {
+    init: {
+        on: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+        removeListener: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+        request: import('viem').EIP1193RequestFn<import('viem').EIP1474Methods>;
+    } | null;
+};
+export declare const externalProviderToUseAtom: import('jotai').Atom<{
+    on: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+    removeListener: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+    request: import('viem').EIP1193RequestFn<import('viem').EIP1474Methods>;
+} | null>;
+export declare const useExternalProvider: () => {
+    on: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+    removeListener: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
+    request: import('viem').EIP1193RequestFn<import('viem').EIP1474Methods>;
+} | null;
+export declare const useIsDappMode: () => boolean;
+//# sourceMappingURL=externalProviderAtom.d.ts.map

package/dist/widget/state/externalProviderAtom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"externalProviderAtom.d.ts","sourceRoot":"","sources":["../../../src/widget/state/externalProviderAtom.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB;;;;;;;;;;CAAqC,CAAC;AAEvE,eAAO,MAAM,yBAAyB;;;;SAQpC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;QAE/B,CAAC;AAEF,eAAO,MAAM,aAAa,eAEzB,CAAC"}

package/dist/widget/state/externalProviderAtom.js

@@ -0,0 +1,20 @@
+import { atom, useAtomValue } from 'jotai';
+import { widgetConfigAtom } from './configAtom.js';
+
+const externalProviderAtom = atom(null);
+const externalProviderToUseAtom = atom((get) => {
+  const widgetConfig = get(widgetConfigAtom);
+  if (widgetConfig.widgetMode !== "dapp") {
+    return null;
+  }
+  return get(externalProviderAtom);
+});
+const useExternalProvider = () => {
+  return useAtomValue(externalProviderToUseAtom);
+};
+const useIsDappMode = () => {
+  return useAtomValue(widgetConfigAtom).widgetMode === "dapp";
+};
+
+export { externalProviderAtom, externalProviderToUseAtom, useExternalProvider, useIsDappMode };
+//# sourceMappingURL=externalProviderAtom.js.map

package/dist/widget/state/externalProviderAtom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"externalProviderAtom.js","sources":["../../../src/widget/state/externalProviderAtom.ts"],"sourcesContent":["import { atom, useAtomValue } from \"jotai\";\nimport type { EIP1193Provider } from \"viem\";\nimport { widgetConfigAtom } from \"./configAtom\";\n\nexport const externalProviderAtom = atom<EIP1193Provider | null>(null);\n\nexport const externalProviderToUseAtom = atom<EIP1193Provider | null>((get) => {\n  const widgetConfig = get(widgetConfigAtom);\n\n  if (widgetConfig.widgetMode !== \"dapp\") {\n    return null;\n  }\n\n  return get(externalProviderAtom);\n});\n\nexport const useExternalProvider = () => {\n  return useAtomValue(externalProviderToUseAtom);\n};\n\nexport const useIsDappMode = () => {\n  return useAtomValue(widgetConfigAtom).widgetMode === \"dapp\";\n};\n"],"names":["externalProviderAtom","atom","externalProviderToUseAtom","get","widgetConfig","widgetConfigAtom","widgetMode","useExternalProvider","useAtomValue","useIsDappMode"],"mappings":";;;AAIO,MAAMA,oBAAAA,GAAuBC,KAA6B,IAAI;AAE9D,MAAMC,yBAAAA,GAA4BD,KAA8BE,CAAAA,GAAAA,KAAQ;AAC7E,EAAA,MAAMC,YAAAA,GAAeD,IAAIE,gBAAgB,CAAA;AAEzC,EAAA,IAAID,YAAAA,CAAaE,eAAe,MAAA,EAAQ;AACtC,IAAA,OAAO,IAAA;AAAA;AAGT,EAAA,OAAOH,IAAIH,oBAAoB,CAAA;AACjC,CAAC;AAEM,MAAMO,sBAAsBA,MAAA;AAAA,EAAA,OAC1BC,aAAAN,yBAAsC,CAAA;AAAC;AAGzC,MAAMO,gBAAgBA,MAAA;AAAA,EAAA,OACpBD,YAAAA,CAAAH,gBAA6B,CAAA,CAACC,UAAAA,KAAgB,MAAA;AAAM;;;;"}

package/dist/widget/state/isCrosschainAtom.js

@@ -1,23 +1,12 @@
 import { atom, useAtomValue } from 'jotai';
 import { tokenFromAtom, tokenToAtom } from '../inputs/state/selectedTokenAtom.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
-const isCrossChainAtom = globalThis.jotaiAtomCache.get("/Users/andriishymkiv/work/velora/widget/packages/ui/src/widget/state/isCrosschainAtom.ts/isCrossChainAtom", atom((get) => {
+const isCrossChainAtom = atom((get) => {
   const tokenFrom = get(tokenFromAtom);
   const tokenTo = get(tokenToAtom);
   if (!tokenTo) return false;
   return tokenFrom.network !== tokenTo.network;
-}));
-isCrossChainAtom.debugLabel = "isCrossChainAtom";
+});
 const useIsCrossChain = () => {
   return useAtomValue(isCrossChainAtom);
 };

package/dist/widget/state/isCrosschainAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"isCrosschainAtom.js","sources":["../../../src/widget/state/isCrosschainAtom.ts"],"sourcesContent":["import { atom, useAtomValue } from \"jotai\";\nimport { tokenFromAtom, tokenToAtom } from \"../inputs/state/selectedTokenAtom\";\n\nexport const isCrossChainAtom = atom((get) => {\n  const tokenFrom = get(tokenFromAtom);\n  const tokenTo = get(tokenToAtom);\n\n  if (!tokenTo) return false;\n\n  return tokenFrom.network !== tokenTo.network;\n});\n\nexport const useIsCrossChain = () => {\n  return useAtomValue(isCrossChainAtom);\n};\n"],"names":["isCrossChainAtom","globalThis","jotaiAtomCache","get","atom","tokenFrom","tokenFromAtom","tokenTo","tokenToAtom","network","debugLabel","useIsCrossChain","useAtomValue"],"mappings":";;;;;;;;;;;;;AAGA,MAAAA,mBAAAC,UAAAA,CAAAC,cAAAA,CAAAC,GAAAA,CAAA,2GAAA,EAAgCC,KAAMD,CAAAA,GAAAA,KAAQ;AAC5C,EAAA,MAAME,SAAAA,GAAYF,IAAIG,aAAa,CAAA;AACnC,EAAA,MAAMC,OAAAA,GAAUJ,IAAIK,WAAW,CAAA;AAE/B,EAAA,IAAI,CAACD,SAAS,OAAO,KAAA;AAErB,EAAA,OAAOF,SAAAA,CAAUI,YAAYF,OAAAA,CAAQE,OAAAA;AACvC,CAAC,CAAC;AAACT,gBAAAA,CAAAU,UAAAA,GAAA,kBAAA;AAEI,MAAMC,kBAAkBA,MAAA;AAAA,EAAA,OACtBC,aAAAZ,gBAA6B,CAAA;AAAC;;;;"}
+{"version":3,"file":"isCrosschainAtom.js","sources":["../../../src/widget/state/isCrosschainAtom.ts"],"sourcesContent":["import { atom, useAtomValue } from \"jotai\";\nimport { tokenFromAtom, tokenToAtom } from \"../inputs/state/selectedTokenAtom\";\n\nexport const isCrossChainAtom = atom((get) => {\n  const tokenFrom = get(tokenFromAtom);\n  const tokenTo = get(tokenToAtom);\n\n  if (!tokenTo) return false;\n\n  return tokenFrom.network !== tokenTo.network;\n});\n\nexport const useIsCrossChain = () => {\n  return useAtomValue(isCrossChainAtom);\n};\n"],"names":["isCrossChainAtom","atom","get","tokenFrom","tokenFromAtom","tokenTo","tokenToAtom","network","useIsCrossChain","useAtomValue"],"mappings":";;;AAGO,MAAMA,gBAAAA,GAAmBC,KAAMC,CAAAA,GAAAA,KAAQ;AAC5C,EAAA,MAAMC,SAAAA,GAAYD,IAAIE,aAAa,CAAA;AACnC,EAAA,MAAMC,OAAAA,GAAUH,IAAII,WAAW,CAAA;AAE/B,EAAA,IAAI,CAACD,SAAS,OAAO,KAAA;AAErB,EAAA,OAAOF,SAAAA,CAAUI,YAAYF,OAAAA,CAAQE,OAAAA;AACvC,CAAC;AAEM,MAAMC,kBAAkBA,MAAA;AAAA,EAAA,OACtBC,aAAAT,gBAA6B,CAAA;AAAC;;;;"}

package/dist/widget/subscriptions.js

@@ -2,16 +2,6 @@ import { observeTokenLists } from '../tokens/lists/state/observer.js';
 import { subscribeToWalletChainIdChanges } from './inputs/state/subscriptions.js';
 import { subscribeToAccountChanges } from '../components/widget/ReceiverAddress/state/subscriptions.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function runSubscriptions() {
   observeTokenLists();
   subscribeToWalletChainIdChanges();

package/dist/widget/subscriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.js","sources":["../../src/widget/subscriptions.ts"],"sourcesContent":["import { observeTokenLists } from \"@/tokens/lists/state/observer\";\nimport { subscribeToWalletChainIdChanges } from \"./inputs/state/subscriptions\";\nimport { subscribeToAccountChanges } from \"@/components/widget/ReceiverAddress/state/subscriptions\";\n\nexport function runSubscriptions() {\n  observeTokenLists();\n  subscribeToWalletChainIdChanges();\n  subscribeToAccountChanges();\n}\n"],"names":["runSubscriptions","observeTokenLists","subscribeToWalletChainIdChanges","subscribeToAccountChanges"],"mappings":";;;;;;;;;;;;;;AAIO,SAASA,gBAAAA,GAAmB;AACjCC,EAAAA,iBAAAA,EAAkB;AAClBC,EAAAA,+BAAAA,EAAgC;AAChCC,EAAAA,yBAAAA,EAA0B;AAC5B;;;;"}
+{"version":3,"file":"subscriptions.js","sources":["../../src/widget/subscriptions.ts"],"sourcesContent":["import { observeTokenLists } from \"@/tokens/lists/state/observer\";\nimport { subscribeToWalletChainIdChanges } from \"./inputs/state/subscriptions\";\nimport { subscribeToAccountChanges } from \"@/components/widget/ReceiverAddress/state/subscriptions\";\n\nexport function runSubscriptions() {\n  observeTokenLists();\n  subscribeToWalletChainIdChanges();\n  subscribeToAccountChanges();\n}\n"],"names":["runSubscriptions","observeTokenLists","subscribeToWalletChainIdChanges","subscribeToAccountChanges"],"mappings":";;;;AAIO,SAASA,gBAAAA,GAAmB;AACjCC,EAAAA,iBAAAA,EAAkB;AAClBC,EAAAA,+BAAAA,EAAgC;AAChCC,EAAAA,yBAAAA,EAA0B;AAC5B;;;;"}

package/dist/widget/swapDetails/fees.js

@@ -2,16 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { formatFiatPrice } from '../../lib/utils/formatFiatPrice.js';
 import { calculateFeeUSD } from '../../lib/utils/fee.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function constructSwapFeesDetail({
   price,
   isLoading

package/dist/widget/swapDetails/fees.js.map

@@ -1 +1 @@
-{"version":3,"file":"fees.js","sources":["../../../src/widget/swapDetails/fees.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { calculateFeeUSD } from \"@/lib/utils/fee\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\n\nexport function constructSwapFeesDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue | undefined {\n  // quit early if there are no fees or destUSD in price,\n  // because we cannot calculate the fee\n  if (price?.partnerFee === 0 || typeof price?.destUSD !== \"string\") return;\n\n  const partnerFeeUSD = calculateFeeUSD(price.partnerFee, price.destUSD);\n  const formattedFee = partnerFeeUSD\n    ? formatFiatPrice(partnerFeeUSD.toNumber())\n    : null;\n\n  return {\n    title: \"Swap Fees\",\n    value: formattedFee === \"$0.00\" ? \"<$0.01\" : formattedFee,\n    isLoading,\n  };\n}\n\nexport function constructNetworkFeesDetail({\n  price,\n  swapMode,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  swapMode: SwapMode;\n  isLoading: boolean;\n}): DetailWithValue {\n  let value: React.ReactNode = null;\n\n  if (swapMode === \"delta\") {\n    value = <div className=\"text-[#A5D712]\">Gasless</div>;\n  } else if (price?.gasCostUSD !== undefined) {\n    const formattedPrice = formatFiatPrice(Number(price.gasCostUSD));\n    value = formattedPrice === \"$0.00\" ? \"<$0.01\" : formattedPrice;\n  }\n\n  return { title: \"Network Fees\", value, isLoading };\n}\n"],"names":["constructSwapFeesDetail","price","isLoading","partnerFee","destUSD","partnerFeeUSD","calculateFeeUSD","formattedFee","formatFiatPrice","toNumber","title","value","constructNetworkFeesDetail","swapMode","gasCostUSD","undefined","formattedPrice","Number"],"mappings":";;;;;;;;;;;;;;AAMO,SAASA,uBAAAA,CAAwB;AAAA,EACtCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAAgC;AAG9B,EAAA,IAAID,OAAOE,UAAAA,KAAe,CAAA,IAAK,OAAOF,KAAAA,EAAOG,YAAY,QAAA,EAAU;AAEnE,EAAA,MAAMC,aAAAA,GAAgBC,eAAAA,CAAgBL,KAAAA,CAAME,UAAAA,EAAYF,MAAMG,OAAO,CAAA;AACrE,EAAA,MAAMG,eAAeF,aAAAA,GACjBG,eAAAA,CAAgBH,aAAAA,CAAcI,QAAAA,EAAU,CAAA,GACxC,IAAA;AAEJ,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,WAAA;AAAA,IACPC,KAAAA,EAAOJ,YAAAA,KAAiB,OAAA,GAAU,QAAA,GAAWA,YAAAA;AAAAA,IAC7CL;AAAAA,GACF;AACF;AAEO,SAASU,0BAAAA,CAA2B;AAAA,EACzCX,KAAAA;AAAAA,EACAY,QAAAA;AAAAA,EACAX;AAKF,CAAA,EAAoB;AAClB,EAAA,IAAIS,KAAAA,GAAyB,IAAA;AAE7B,EAAA,IAAIE,aAAa,OAAA,EAAS;AACxBF,IAAAA,KAAAA,mBAAQ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EAAiB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,GACjD,MAAA,IAAWV,KAAAA,EAAOa,UAAAA,KAAeC,MAAAA,EAAW;AAC1C,IAAA,MAAMC,cAAAA,GAAiBR,eAAAA,CAAgBS,MAAAA,CAAOhB,KAAAA,CAAMa,UAAU,CAAC,CAAA;AAC/DH,IAAAA,KAAAA,GAAQK,cAAAA,KAAmB,UAAU,QAAA,GAAWA,cAAAA;AAAAA;AAGlD,EAAA,OAAO;AAAA,IAAEN,KAAAA,EAAO,cAAA;AAAA,IAAgBC,KAAAA;AAAAA,IAAOT;AAAAA,GAAU;AACnD;;;;"}
+{"version":3,"file":"fees.js","sources":["../../../src/widget/swapDetails/fees.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { calculateFeeUSD } from \"@/lib/utils/fee\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\n\nexport function constructSwapFeesDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue | undefined {\n  // quit early if there are no fees or destUSD in price,\n  // because we cannot calculate the fee\n  if (price?.partnerFee === 0 || typeof price?.destUSD !== \"string\") return;\n\n  const partnerFeeUSD = calculateFeeUSD(price.partnerFee, price.destUSD);\n  const formattedFee = partnerFeeUSD\n    ? formatFiatPrice(partnerFeeUSD.toNumber())\n    : null;\n\n  return {\n    title: \"Swap Fees\",\n    value: formattedFee === \"$0.00\" ? \"<$0.01\" : formattedFee,\n    isLoading,\n  };\n}\n\nexport function constructNetworkFeesDetail({\n  price,\n  swapMode,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  swapMode: SwapMode;\n  isLoading: boolean;\n}): DetailWithValue {\n  let value: React.ReactNode = null;\n\n  if (swapMode === \"delta\") {\n    value = <div className=\"text-[#A5D712]\">Gasless</div>;\n  } else if (price?.gasCostUSD !== undefined) {\n    const formattedPrice = formatFiatPrice(Number(price.gasCostUSD));\n    value = formattedPrice === \"$0.00\" ? \"<$0.01\" : formattedPrice;\n  }\n\n  return { title: \"Network Fees\", value, isLoading };\n}\n"],"names":["constructSwapFeesDetail","price","isLoading","partnerFee","destUSD","partnerFeeUSD","calculateFeeUSD","formattedFee","formatFiatPrice","toNumber","title","value","constructNetworkFeesDetail","swapMode","gasCostUSD","undefined","formattedPrice","Number"],"mappings":";;;;AAMO,SAASA,uBAAAA,CAAwB;AAAA,EACtCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAAgC;AAG9B,EAAA,IAAID,OAAOE,UAAAA,KAAe,CAAA,IAAK,OAAOF,KAAAA,EAAOG,YAAY,QAAA,EAAU;AAEnE,EAAA,MAAMC,aAAAA,GAAgBC,eAAAA,CAAgBL,KAAAA,CAAME,UAAAA,EAAYF,MAAMG,OAAO,CAAA;AACrE,EAAA,MAAMG,eAAeF,aAAAA,GACjBG,eAAAA,CAAgBH,aAAAA,CAAcI,QAAAA,EAAU,CAAA,GACxC,IAAA;AAEJ,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,WAAA;AAAA,IACPC,KAAAA,EAAOJ,YAAAA,KAAiB,OAAA,GAAU,QAAA,GAAWA,YAAAA;AAAAA,IAC7CL;AAAAA,GACF;AACF;AAEO,SAASU,0BAAAA,CAA2B;AAAA,EACzCX,KAAAA;AAAAA,EACAY,QAAAA;AAAAA,EACAX;AAKF,CAAA,EAAoB;AAClB,EAAA,IAAIS,KAAAA,GAAyB,IAAA;AAE7B,EAAA,IAAIE,aAAa,OAAA,EAAS;AACxBF,IAAAA,KAAAA,mBAAQ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EAAiB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,GACjD,MAAA,IAAWV,KAAAA,EAAOa,UAAAA,KAAeC,MAAAA,EAAW;AAC1C,IAAA,MAAMC,cAAAA,GAAiBR,eAAAA,CAAgBS,MAAAA,CAAOhB,KAAAA,CAAMa,UAAU,CAAC,CAAA;AAC/DH,IAAAA,KAAAA,GAAQK,cAAAA,KAAmB,UAAU,QAAA,GAAWA,cAAAA;AAAAA;AAGlD,EAAA,OAAO;AAAA,IAAEN,KAAAA,EAAO,cAAA;AAAA,IAAgBC,KAAAA;AAAAA,IAAOT;AAAAA,GAAU;AACnD;;;;"}

package/dist/widget/swapDetails/orderRouting.js

@@ -2,16 +2,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { DeltaIcon } from '../../components/widget/Icon/DeltaIcon.js';
 import { isSimplePath, isMultiSwap, isMegaSwap } from '../../lib/utils/dexes.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function constructOrderRoutingDetail({
   swapMode,
   isLoading,

package/dist/widget/swapDetails/orderRouting.js.map

@@ -1 +1 @@
-{"version":3,"file":"orderRouting.js","sources":["../../../src/widget/swapDetails/orderRouting.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { isSimplePath, isMultiSwap, isMegaSwap } from \"@/lib/utils/dexes\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport type { JSX } from \"react\";\n\nexport function constructOrderRoutingDetail({\n  swapMode,\n  isLoading,\n  bestRoutes,\n}: {\n  swapMode: SwapMode;\n  isLoading: boolean;\n  bestRoutes?: OptimalRate[\"bestRoute\"];\n}): DetailWithValue {\n  const title = \"Order Routing\";\n  let routing: string | JSX.Element | null = null;\n\n  if (swapMode === \"delta\") {\n    return {\n      title,\n      value: (\n        <div className=\"flex items-center gap-1\">\n          <DeltaIcon /> Delta\n        </div>\n      ),\n      isLoading: false, // Delta mode does not have routing\n    };\n  }\n\n  if (!bestRoutes || bestRoutes.length === 0) {\n    return { title, value: null, isLoading };\n  }\n\n  if (isSimplePath(bestRoutes)) {\n    const [{ swapExchanges }] = bestRoutes[0].swaps;\n\n    if (swapExchanges.length > 1) {\n      routing = \"Multi. Exchanges\";\n    } else {\n      const swapExchange = swapExchanges[0];\n\n      if (swapExchange) {\n        routing = (\n          <div className=\"max-w-[200px] whitespace-nowrap overflow-hidden text-ellipsis\">\n            100% {swapExchange.exchange}\n          </div>\n        );\n      }\n    }\n  } else if (isMultiSwap(bestRoutes)) {\n    routing = \"MultiSwap\";\n  } else if (isMegaSwap(bestRoutes)) {\n    routing = \"MegaSwap\";\n  }\n\n  return { title: \"Order Routing\", value: routing, isLoading };\n}\n"],"names":["constructOrderRoutingDetail","swapMode","isLoading","bestRoutes","title","routing","value","length","isSimplePath","swapExchanges","swaps","swapExchange","exchange","isMultiSwap","isMegaSwap"],"mappings":";;;;;;;;;;;;;;AAOO,SAASA,2BAAAA,CAA4B;AAAA,EAC1CC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC;AAKF,CAAA,EAAoB;AAClB,EAAA,MAAMC,KAAAA,GAAQ,eAAA;AACd,EAAA,IAAIC,OAAAA,GAAuC,IAAA;AAE3C,EAAA,IAAIJ,aAAa,OAAA,EAAS;AACxB,IAAA,OAAO;AAAA,MACLG,KAAAA;AAAAA,MACAE,KAAAA,kBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAS,CAAA;AAAA,QAAG;AAAA,OAAA,EACf,CAAA;AAAA,MAEFJ,SAAAA,EAAW;AAAA;AAAA,KACb;AAAA;AAGF,EAAA,IAAI,CAACC,UAAAA,IAAcA,UAAAA,CAAWI,MAAAA,KAAW,CAAA,EAAG;AAC1C,IAAA,OAAO;AAAA,MAAEH,KAAAA;AAAAA,MAAOE,KAAAA,EAAO,IAAA;AAAA,MAAMJ;AAAAA,KAAU;AAAA;AAGzC,EAAA,IAAIM,YAAAA,CAAaL,UAAU,CAAA,EAAG;AAC5B,IAAA,MAAM,CAAC;AAAA,MAAEM;AAAAA,KAAe,CAAA,GAAIN,UAAAA,CAAW,CAAC,CAAA,CAAEO,KAAAA;AAE1C,IAAA,IAAID,aAAAA,CAAcF,SAAS,CAAA,EAAG;AAC5BF,MAAAA,OAAAA,GAAU,kBAAA;AAAA,KACZ,MAAO;AACL,MAAA,MAAMM,YAAAA,GAAeF,cAAc,CAAC,CAAA;AAEpC,MAAA,IAAIE,YAAAA,EAAc;AAChBN,QAAAA,OAAAA,mBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EAA+D,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UACtEM,YAAAA,CAAaC;AAAAA,SAAAA,EACrB,CAAA;AAAA;AAEJ;AACF,GACF,MAAA,IAAWC,WAAAA,CAAYV,UAAU,CAAA,EAAG;AAClCE,IAAAA,OAAAA,GAAU,WAAA;AAAA,GACZ,MAAA,IAAWS,UAAAA,CAAWX,UAAU,CAAA,EAAG;AACjCE,IAAAA,OAAAA,GAAU,UAAA;AAAA;AAGZ,EAAA,OAAO;AAAA,IAAED,KAAAA,EAAO,eAAA;AAAA,IAAiBE,KAAAA,EAAOD,OAAAA;AAAAA,IAASH;AAAAA,GAAU;AAC7D;;;;"}
+{"version":3,"file":"orderRouting.js","sources":["../../../src/widget/swapDetails/orderRouting.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { isSimplePath, isMultiSwap, isMegaSwap } from \"@/lib/utils/dexes\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport type { JSX } from \"react\";\n\nexport function constructOrderRoutingDetail({\n  swapMode,\n  isLoading,\n  bestRoutes,\n}: {\n  swapMode: SwapMode;\n  isLoading: boolean;\n  bestRoutes?: OptimalRate[\"bestRoute\"];\n}): DetailWithValue {\n  const title = \"Order Routing\";\n  let routing: string | JSX.Element | null = null;\n\n  if (swapMode === \"delta\") {\n    return {\n      title,\n      value: (\n        <div className=\"flex items-center gap-1\">\n          <DeltaIcon /> Delta\n        </div>\n      ),\n      isLoading: false, // Delta mode does not have routing\n    };\n  }\n\n  if (!bestRoutes || bestRoutes.length === 0) {\n    return { title, value: null, isLoading };\n  }\n\n  if (isSimplePath(bestRoutes)) {\n    const [{ swapExchanges }] = bestRoutes[0].swaps;\n\n    if (swapExchanges.length > 1) {\n      routing = \"Multi. Exchanges\";\n    } else {\n      const swapExchange = swapExchanges[0];\n\n      if (swapExchange) {\n        routing = (\n          <div className=\"max-w-[200px] whitespace-nowrap overflow-hidden text-ellipsis\">\n            100% {swapExchange.exchange}\n          </div>\n        );\n      }\n    }\n  } else if (isMultiSwap(bestRoutes)) {\n    routing = \"MultiSwap\";\n  } else if (isMegaSwap(bestRoutes)) {\n    routing = \"MegaSwap\";\n  }\n\n  return { title: \"Order Routing\", value: routing, isLoading };\n}\n"],"names":["constructOrderRoutingDetail","swapMode","isLoading","bestRoutes","title","routing","value","length","isSimplePath","swapExchanges","swaps","swapExchange","exchange","isMultiSwap","isMegaSwap"],"mappings":";;;;AAOO,SAASA,2BAAAA,CAA4B;AAAA,EAC1CC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC;AAKF,CAAA,EAAoB;AAClB,EAAA,MAAMC,KAAAA,GAAQ,eAAA;AACd,EAAA,IAAIC,OAAAA,GAAuC,IAAA;AAE3C,EAAA,IAAIJ,aAAa,OAAA,EAAS;AACxB,IAAA,OAAO;AAAA,MACLG,KAAAA;AAAAA,MACAE,KAAAA,kBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAS,CAAA;AAAA,QAAG;AAAA,OAAA,EACf,CAAA;AAAA,MAEFJ,SAAAA,EAAW;AAAA;AAAA,KACb;AAAA;AAGF,EAAA,IAAI,CAACC,UAAAA,IAAcA,UAAAA,CAAWI,MAAAA,KAAW,CAAA,EAAG;AAC1C,IAAA,OAAO;AAAA,MAAEH,KAAAA;AAAAA,MAAOE,KAAAA,EAAO,IAAA;AAAA,MAAMJ;AAAAA,KAAU;AAAA;AAGzC,EAAA,IAAIM,YAAAA,CAAaL,UAAU,CAAA,EAAG;AAC5B,IAAA,MAAM,CAAC;AAAA,MAAEM;AAAAA,KAAe,CAAA,GAAIN,UAAAA,CAAW,CAAC,CAAA,CAAEO,KAAAA;AAE1C,IAAA,IAAID,aAAAA,CAAcF,SAAS,CAAA,EAAG;AAC5BF,MAAAA,OAAAA,GAAU,kBAAA;AAAA,KACZ,MAAO;AACL,MAAA,MAAMM,YAAAA,GAAeF,cAAc,CAAC,CAAA;AAEpC,MAAA,IAAIE,YAAAA,EAAc;AAChBN,QAAAA,OAAAA,mBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EAA+D,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UACtEM,YAAAA,CAAaC;AAAAA,SAAAA,EACrB,CAAA;AAAA;AAEJ;AACF,GACF,MAAA,IAAWC,WAAAA,CAAYV,UAAU,CAAA,EAAG;AAClCE,IAAAA,OAAAA,GAAU,WAAA;AAAA,GACZ,MAAA,IAAWS,UAAAA,CAAWX,UAAU,CAAA,EAAG;AACjCE,IAAAA,OAAAA,GAAU,UAAA;AAAA;AAGZ,EAAA,OAAO;AAAA,IAAED,KAAAA,EAAO,eAAA;AAAA,IAAiBE,KAAAA,EAAOD,OAAAA;AAAAA,IAASH;AAAAA,GAAU;AAC7D;;;;"}

package/dist/widget/swapDetails/priceImpact.js

@@ -3,16 +3,6 @@ import { cn } from '../../lib/utils/index.js';
 import { getPriceImpact } from '../../lib/utils/priceImpact.js';
 import { TriangleAlert } from 'lucide-react';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function constructPriceImpactDetail({
   price,
   isLoading

package/dist/widget/swapDetails/priceImpact.js.map

@@ -1 +1 @@
-{"version":3,"file":"priceImpact.js","sources":["../../../src/widget/swapDetails/priceImpact.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { cn } from \"@/lib/utils\";\nimport { getPriceImpact } from \"@/lib/utils/priceImpact\";\nimport { TriangleAlert } from \"lucide-react\";\n\nexport function constructPriceImpactDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue {\n  const title = \"Price Impact\";\n\n  if (!price) {\n    return {\n      title,\n      value: null,\n      isLoading,\n    };\n  }\n  const { priceImpact, isHighImpact } = getPriceImpact(price);\n\n  const priceImpactPercent = `${priceImpact.toFixed(2)}%`;\n\n  return {\n    title,\n    value: isHighImpact ? (\n      <div className=\"flex items-center gap-1\">\n        <TriangleAlert size={14} /> {priceImpactPercent}\n      </div>\n    ) : (\n      priceImpactPercent\n    ),\n    classes: {\n      value: cn({\n        \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n          isHighImpact,\n      }),\n    },\n    isLoading,\n  };\n}\n"],"names":["constructPriceImpactDetail","price","isLoading","title","value","priceImpact","isHighImpact","getPriceImpact","priceImpactPercent","toFixed","classes","cn"],"mappings":";;;;;;;;;;;;;;;AAMO,SAASA,0BAAAA,CAA2B;AAAA,EACzCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAAoB;AAClB,EAAA,MAAMC,KAAAA,GAAQ,cAAA;AAEd,EAAA,IAAI,CAACF,KAAAA,EAAO;AACV,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPF;AAAAA,KACF;AAAA;AAEF,EAAA,MAAM;AAAA,IAAEG,WAAAA;AAAAA,IAAaC;AAAAA,GAAa,GAAIC,eAAeN,KAAK,CAAA;AAE1D,EAAA,MAAMO,kBAAAA,GAAqB,CAAA,EAAGH,WAAAA,CAAYI,OAAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAEpD,EAAA,OAAO;AAAA,IACLN,KAAAA;AAAAA,IACAC,KAAAA,EAAOE,YAAAA,mBACL,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAM,EAAA,EAAG,CAAA;AAAA,MAAG,GAAA;AAAA,MAAEE;AAAAA,KAAAA,EAC/B,CAAA,GAEAA,kBAAAA;AAAAA,IAEFE,OAAAA,EAAS;AAAA,MACPN,OAAOO,EAAAA,CAAG;AAAA,QACR,gEAAA,EACEL;AAAAA,OACH;AAAA,KACH;AAAA,IACAJ;AAAAA,GACF;AACF;;;;"}
+{"version":3,"file":"priceImpact.js","sources":["../../../src/widget/swapDetails/priceImpact.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { cn } from \"@/lib/utils\";\nimport { getPriceImpact } from \"@/lib/utils/priceImpact\";\nimport { TriangleAlert } from \"lucide-react\";\n\nexport function constructPriceImpactDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue {\n  const title = \"Price Impact\";\n\n  if (!price) {\n    return {\n      title,\n      value: null,\n      isLoading,\n    };\n  }\n  const { priceImpact, isHighImpact } = getPriceImpact(price);\n\n  const priceImpactPercent = `${priceImpact.toFixed(2)}%`;\n\n  return {\n    title,\n    value: isHighImpact ? (\n      <div className=\"flex items-center gap-1\">\n        <TriangleAlert size={14} /> {priceImpactPercent}\n      </div>\n    ) : (\n      priceImpactPercent\n    ),\n    classes: {\n      value: cn({\n        \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n          isHighImpact,\n      }),\n    },\n    isLoading,\n  };\n}\n"],"names":["constructPriceImpactDetail","price","isLoading","title","value","priceImpact","isHighImpact","getPriceImpact","priceImpactPercent","toFixed","classes","cn"],"mappings":";;;;;AAMO,SAASA,0BAAAA,CAA2B;AAAA,EACzCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAAoB;AAClB,EAAA,MAAMC,KAAAA,GAAQ,cAAA;AAEd,EAAA,IAAI,CAACF,KAAAA,EAAO;AACV,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPF;AAAAA,KACF;AAAA;AAEF,EAAA,MAAM;AAAA,IAAEG,WAAAA;AAAAA,IAAaC;AAAAA,GAAa,GAAIC,eAAeN,KAAK,CAAA;AAE1D,EAAA,MAAMO,kBAAAA,GAAqB,CAAA,EAAGH,WAAAA,CAAYI,OAAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAEpD,EAAA,OAAO;AAAA,IACLN,KAAAA;AAAAA,IACAC,KAAAA,EAAOE,YAAAA,mBACL,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAM,EAAA,EAAG,CAAA;AAAA,MAAG,GAAA;AAAA,MAAEE;AAAAA,KAAAA,EAC/B,CAAA,GAEAA,kBAAAA;AAAAA,IAEFE,OAAAA,EAAS;AAAA,MACPN,OAAOO,EAAAA,CAAG;AAAA,QACR,gEAAA,EACEL;AAAAA,OACH;AAAA,KACH;AAAA,IACAJ;AAAAA,GACF;AACF;;;;"}

package/dist/widget/swapDetails/useSwapDetailsListProps.js

@@ -13,16 +13,6 @@ import { isTruthy } from '../../lib/utils/index.js';
 import { constructYouGetDetail } from './youGet.js';
 import { useSlippage } from '../../hooks/useSlippage.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const useSwapDetailsListProps = () => {
   const $ = distExports.c(20);
   const {

package/dist/widget/swapDetails/useSwapDetailsListProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwapDetailsListProps.js","sources":["../../../src/widget/swapDetails/useSwapDetailsListProps.tsx"],"sourcesContent":["import type {\n  DetailWithValue,\n  DetailWithValueListExpandableProps,\n} from \"@/components/widget/Details/types\";\nimport { SwapRate } from \"@/components/widget/SwapRate/SwapRate\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useWidgetTokens } from \"../inputs/state/selectedTokenAtom\";\nimport { useAtomValue } from \"jotai\";\nimport {\n  payInputAmountWeiAtom,\n  receiveInputAmountWeiAtom,\n} from \"../inputs/state/inputAmountAtom\";\n\nimport { constructOrderRoutingDetail } from \"./orderRouting\";\nimport { constructPriceImpactDetail } from \"./priceImpact\";\nimport { constructSwapFeesDetail, constructNetworkFeesDetail } from \"./fees\";\nimport { useSwapSide } from \"@/components/widget/SwapModeSwitcher/state/swapSideAtom\";\nimport { isTruthy } from \"@/lib/utils\";\nimport { constructYouGetDetail } from \"./youGet\";\nimport { useSlippage } from \"@/hooks/useSlippage\";\n\nexport const useSwapDetailsListProps =\n  (): DetailWithValueListExpandableProps => {\n    const { tokenFrom, tokenTo } = useWidgetTokens();\n\n    const srcAmountWei = useAtomValue(payInputAmountWeiAtom);\n    const destAmountWei = useAtomValue(receiveInputAmountWeiAtom);\n\n    const { isLoading, price, priceMode } = useCurrentSwapPrice({\n      enabled: false,\n    });\n\n    const { resolvedSlippage } = useSlippage();\n    const swapSide = useSwapSide();\n\n    const orderRoutingDetail = constructOrderRoutingDetail({\n      bestRoutes: price && \"bestRoute\" in price ? price.bestRoute : undefined,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const priceImpactDetail = constructPriceImpactDetail({\n      price,\n      isLoading,\n    });\n\n    const swapFeesDetail = constructSwapFeesDetail({\n      price,\n      isLoading,\n    });\n\n    const networkFeesDetail = constructNetworkFeesDetail({\n      price,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const youGetDetail = constructYouGetDetail({\n      price,\n      isLoading,\n      priceMode,\n      slippagePercent: resolvedSlippage,\n      tokenTo,\n      swapSide,\n    });\n\n    const details: DetailWithValue[] = [\n      orderRoutingDetail,\n      priceImpactDetail,\n      swapFeesDetail,\n      youGetDetail,\n      networkFeesDetail,\n      // @TODO: Max To Pay detail for BUY mode\n    ].filter(isTruthy);\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      trigger: (\n        <SwapRate\n          srcToken={tokenFrom}\n          destToken={tokenTo}\n          srcAmountWei={srcAmountWei}\n          destAmountWei={destAmountWei}\n          isLoading={isLoading}\n          reverse={isBuy}\n        />\n      ),\n      details,\n      classes: {\n        root: \"mt-4\",\n      },\n    };\n  };\n"],"names":["useSwapDetailsListProps","$","_c","tokenFrom","tokenTo","useWidgetTokens","srcAmountWei","useAtomValue","payInputAmountWeiAtom","destAmountWei","receiveInputAmountWeiAtom","t0","Symbol","for","enabled","isLoading","price","priceMode","useCurrentSwapPrice","resolvedSlippage","useSlippage","swapSide","useSwapSide","t1","bestRoute","undefined","t2","orderRoutingDetail","constructOrderRoutingDetail","bestRoutes","swapMode","priceImpactDetail","constructPriceImpactDetail","swapFeesDetail","constructSwapFeesDetail","networkFeesDetail","constructNetworkFeesDetail","youGetDetail","constructYouGetDetail","slippagePercent","filter","isTruthy","details","isBuy","t3","t4","root","t5","trigger","classes"],"mappings":"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"}
+{"version":3,"file":"useSwapDetailsListProps.js","sources":["../../../src/widget/swapDetails/useSwapDetailsListProps.tsx"],"sourcesContent":["import type {\n  DetailWithValue,\n  DetailWithValueListExpandableProps,\n} from \"@/components/widget/Details/types\";\nimport { SwapRate } from \"@/components/widget/SwapRate/SwapRate\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useWidgetTokens } from \"../inputs/state/selectedTokenAtom\";\nimport { useAtomValue } from \"jotai\";\nimport {\n  payInputAmountWeiAtom,\n  receiveInputAmountWeiAtom,\n} from \"../inputs/state/inputAmountAtom\";\n\nimport { constructOrderRoutingDetail } from \"./orderRouting\";\nimport { constructPriceImpactDetail } from \"./priceImpact\";\nimport { constructSwapFeesDetail, constructNetworkFeesDetail } from \"./fees\";\nimport { useSwapSide } from \"@/components/widget/SwapModeSwitcher/state/swapSideAtom\";\nimport { isTruthy } from \"@/lib/utils\";\nimport { constructYouGetDetail } from \"./youGet\";\nimport { useSlippage } from \"@/hooks/useSlippage\";\n\nexport const useSwapDetailsListProps =\n  (): DetailWithValueListExpandableProps => {\n    const { tokenFrom, tokenTo } = useWidgetTokens();\n\n    const srcAmountWei = useAtomValue(payInputAmountWeiAtom);\n    const destAmountWei = useAtomValue(receiveInputAmountWeiAtom);\n\n    const { isLoading, price, priceMode } = useCurrentSwapPrice({\n      enabled: false,\n    });\n\n    const { resolvedSlippage } = useSlippage();\n    const swapSide = useSwapSide();\n\n    const orderRoutingDetail = constructOrderRoutingDetail({\n      bestRoutes: price && \"bestRoute\" in price ? price.bestRoute : undefined,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const priceImpactDetail = constructPriceImpactDetail({\n      price,\n      isLoading,\n    });\n\n    const swapFeesDetail = constructSwapFeesDetail({\n      price,\n      isLoading,\n    });\n\n    const networkFeesDetail = constructNetworkFeesDetail({\n      price,\n      swapMode: priceMode,\n      isLoading,\n    });\n\n    const youGetDetail = constructYouGetDetail({\n      price,\n      isLoading,\n      priceMode,\n      slippagePercent: resolvedSlippage,\n      tokenTo,\n      swapSide,\n    });\n\n    const details: DetailWithValue[] = [\n      orderRoutingDetail,\n      priceImpactDetail,\n      swapFeesDetail,\n      youGetDetail,\n      networkFeesDetail,\n      // @TODO: Max To Pay detail for BUY mode\n    ].filter(isTruthy);\n\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      trigger: (\n        <SwapRate\n          srcToken={tokenFrom}\n          destToken={tokenTo}\n          srcAmountWei={srcAmountWei}\n          destAmountWei={destAmountWei}\n          isLoading={isLoading}\n          reverse={isBuy}\n        />\n      ),\n      details,\n      classes: {\n        root: \"mt-4\",\n      },\n    };\n  };\n"],"names":["useSwapDetailsListProps","$","_c","tokenFrom","tokenTo","useWidgetTokens","srcAmountWei","useAtomValue","payInputAmountWeiAtom","destAmountWei","receiveInputAmountWeiAtom","t0","Symbol","for","enabled","isLoading","price","priceMode","useCurrentSwapPrice","resolvedSlippage","useSlippage","swapSide","useSwapSide","t1","bestRoute","undefined","t2","orderRoutingDetail","constructOrderRoutingDetail","bestRoutes","swapMode","priceImpactDetail","constructPriceImpactDetail","swapFeesDetail","constructSwapFeesDetail","networkFeesDetail","constructNetworkFeesDetail","youGetDetail","constructYouGetDetail","slippagePercent","filter","isTruthy","details","isBuy","t3","t4","root","t5","trigger","classes"],"mappings":"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"}

package/dist/widget/swapDetails/youGet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"youGet.d.ts","sourceRoot":"","sources":["../../../src/widget/swapDetails/youGet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AACjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,QAAQ,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC;CAC1B,GAAG,eAAe,GAAG,SAAS,CAiC9B"}
+{"version":3,"file":"youGet.d.ts","sourceRoot":"","sources":["../../../src/widget/swapDetails/youGet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AACjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,QAAQ,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC;CAC1B,GAAG,eAAe,GAAG,SAAS,CA+B9B"}

package/dist/widget/swapDetails/youGet.js

@@ -1,18 +1,7 @@
 import { getDestAmountAfterFeeAndSlippage } from '../../lib/utils/price.js';
-import { removeTrailingZeros } from '../../lib/utils/removeZeroDecimals.js';
-import { toDecimal } from '../../lib/utils/toDecimal.js';
+import { toDecimalTrimmed } from '../../lib/utils/toDecimal.js';
 import { formatUnits } from 'viem';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 function constructYouGetDetail({
   price,
   priceMode,
@@ -36,7 +25,7 @@ function constructYouGetDetail({
     priceMode
   });
   const minDestAmountUnit = formatUnits(BigInt(minDestAmount), tokenTo.decimals);
-  const formattedMinDestAmountUnit = removeTrailingZeros(toDecimal(+minDestAmountUnit));
+  const formattedMinDestAmountUnit = toDecimalTrimmed(minDestAmountUnit);
   return {
     title,
     value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,

package/dist/widget/swapDetails/youGet.js.map

@@ -1 +1 @@
-{"version":3,"file":"youGet.js","sources":["../../../src/widget/swapDetails/youGet.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { getDestAmountAfterFeeAndSlippage } from \"@/lib/utils/price\";\nimport { removeTrailingZeros } from \"@/lib/utils/removeZeroDecimals\";\nimport { toDecimal } from \"@/lib/utils/toDecimal\";\nimport type { Token } from \"@/tokens/state/types\";\n\nimport { formatUnits } from \"viem\";\n\nexport function constructYouGetDetail({\n  price,\n  priceMode,\n  slippagePercent,\n  isLoading,\n  tokenTo,\n  swapSide,\n}: {\n  price?: DeltaOrMarketPrice;\n  priceMode: SwapMode;\n  slippagePercent: number;\n  isLoading: boolean;\n  tokenTo?: Token;\n  swapSide: \"SELL\" | \"BUY\";\n}): DetailWithValue | undefined {\n  if (swapSide === \"BUY\") return;\n\n  const title = \"You Get (at least)\";\n\n  if (!price || !tokenTo) {\n    return {\n      title,\n      value: null,\n      isLoading,\n    };\n  }\n\n  const minDestAmount = getDestAmountAfterFeeAndSlippage({\n    price,\n    slippagePercent,\n    priceMode,\n  });\n\n  const minDestAmountUnit = formatUnits(\n    BigInt(minDestAmount),\n    tokenTo.decimals\n  );\n\n  const formattedMinDestAmountUnit = removeTrailingZeros(\n    toDecimal(+minDestAmountUnit)\n  );\n\n  return {\n    title,\n    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,\n    isLoading,\n  };\n}\n"],"names":["constructYouGetDetail","price","priceMode","slippagePercent","isLoading","tokenTo","swapSide","title","value","minDestAmount","getDestAmountAfterFeeAndSlippage","minDestAmountUnit","formatUnits","BigInt","decimals","formattedMinDestAmountUnit","removeTrailingZeros","toDecimal","symbol"],"mappings":";;;;;;;;;;;;;;;AAUO,SAASA,qBAAAA,CAAsB;AAAA,EACpCC,KAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC;AAQF,CAAA,EAAgC;AAC9B,EAAA,IAAIA,aAAa,KAAA,EAAO;AAExB,EAAA,MAAMC,KAAAA,GAAQ,oBAAA;AAEd,EAAA,IAAI,CAACN,KAAAA,IAAS,CAACI,OAAAA,EAAS;AACtB,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPJ;AAAAA,KACF;AAAA;AAGF,EAAA,MAAMK,gBAAgBC,gCAAAA,CAAiC;AAAA,IACrDT,KAAAA;AAAAA,IACAE,eAAAA;AAAAA,IACAD;AAAAA,GACD,CAAA;AAED,EAAA,MAAMS,oBAAoBC,WAAAA,CACxBC,MAAAA,CAAOJ,aAAa,CAAA,EACpBJ,QAAQS,QACV,CAAA;AAEA,EAAA,MAAMC,0BAAAA,GAA6BC,mBAAAA,CACjCC,SAAAA,CAAU,CAACN,iBAAiB,CAC9B,CAAA;AAEA,EAAA,OAAO;AAAA,IACLJ,KAAAA;AAAAA,IACAC,KAAAA,EAAO,CAAA,EAAGO,0BAA0B,CAAA,CAAA,EAAIV,QAAQa,MAAM,CAAA,CAAA;AAAA,IACtDd;AAAAA,GACF;AACF;;;;"}
+{"version":3,"file":"youGet.js","sources":["../../../src/widget/swapDetails/youGet.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { getDestAmountAfterFeeAndSlippage } from \"@/lib/utils/price\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport type { Token } from \"@/tokens/state/types\";\n\nimport { formatUnits } from \"viem\";\n\nexport function constructYouGetDetail({\n  price,\n  priceMode,\n  slippagePercent,\n  isLoading,\n  tokenTo,\n  swapSide,\n}: {\n  price?: DeltaOrMarketPrice;\n  priceMode: SwapMode;\n  slippagePercent: number;\n  isLoading: boolean;\n  tokenTo?: Token;\n  swapSide: \"SELL\" | \"BUY\";\n}): DetailWithValue | undefined {\n  if (swapSide === \"BUY\") return;\n\n  const title = \"You Get (at least)\";\n\n  if (!price || !tokenTo) {\n    return {\n      title,\n      value: null,\n      isLoading,\n    };\n  }\n\n  const minDestAmount = getDestAmountAfterFeeAndSlippage({\n    price,\n    slippagePercent,\n    priceMode,\n  });\n\n  const minDestAmountUnit = formatUnits(\n    BigInt(minDestAmount),\n    tokenTo.decimals\n  );\n\n  const formattedMinDestAmountUnit = toDecimalTrimmed(minDestAmountUnit);\n\n  return {\n    title,\n    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,\n    isLoading,\n  };\n}\n"],"names":["constructYouGetDetail","price","priceMode","slippagePercent","isLoading","tokenTo","swapSide","title","value","minDestAmount","getDestAmountAfterFeeAndSlippage","minDestAmountUnit","formatUnits","BigInt","decimals","formattedMinDestAmountUnit","toDecimalTrimmed","symbol"],"mappings":";;;;AASO,SAASA,qBAAAA,CAAsB;AAAA,EACpCC,KAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC;AAQF,CAAA,EAAgC;AAC9B,EAAA,IAAIA,aAAa,KAAA,EAAO;AAExB,EAAA,MAAMC,KAAAA,GAAQ,oBAAA;AAEd,EAAA,IAAI,CAACN,KAAAA,IAAS,CAACI,OAAAA,EAAS;AACtB,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPJ;AAAAA,KACF;AAAA;AAGF,EAAA,MAAMK,gBAAgBC,gCAAAA,CAAiC;AAAA,IACrDT,KAAAA;AAAAA,IACAE,eAAAA;AAAAA,IACAD;AAAAA,GACD,CAAA;AAED,EAAA,MAAMS,oBAAoBC,WAAAA,CACxBC,MAAAA,CAAOJ,aAAa,CAAA,EACpBJ,QAAQS,QACV,CAAA;AAEA,EAAA,MAAMC,0BAAAA,GAA6BC,iBAAiBL,iBAAiB,CAAA;AAErE,EAAA,OAAO;AAAA,IACLJ,KAAAA;AAAAA,IACAC,KAAAA,EAAO,CAAA,EAAGO,0BAA0B,CAAA,CAAA,EAAIV,QAAQY,MAAM,CAAA,CAAA;AAAA,IACtDb;AAAAA,GACF;AACF;;;;"}

package/dist/widget/types.d.ts

@@ -1,6 +1,8 @@
+import { EIP1193Provider } from 'viem';
 export type WidgetTheme = "light" | "dark";
 export interface WidgetProps {
     config?: WidgetConfig;
+    provider?: EIP1193Provider;
 }
 /**  Configuration for the widget. */
 export interface WidgetConfig {
@@ -14,5 +16,7 @@ export interface WidgetConfig {
     privyAppId?: string;
     /** Privy client ID. Won't take effect if `privyAppId` is not provided. */
     privyClientId?: string;
+    /** Widget mode - "dapp" for embedded in dapp, "standalone" for standalone widget. */
+    widgetMode?: "dapp" | "standalone";
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/widget/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/widget/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,qCAAqC;AACrC,MAAM,WAAW,YAAY;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/widget/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,qCAAqC;AACrC,MAAM,WAAW,YAAY;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CACpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@velora-dex/widget",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -14,76 +14,14 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./styles.css": "./dist/styles.css",
-    "./test/*": {
-      "types": "./dist/test/*.d.ts",
-      "import": "./dist/test/*.js"
-    },
-    "./counter": {
-      "types": "./dist/components/ui/counter.d.ts",
-      "import": "./dist/components/ui/counter.js"
-    },
-    "./header": {
-      "types": "./dist/components/ui/header.d.ts",
-      "import": "./dist/components/ui/header.js"
-    },
-    "./button": {
-      "types": "./dist/components/ui/button.d.ts",
-      "import": "./dist/components/ui/button.js"
-    },
-    "./input": {
-      "types": "./dist/components/ui/input.d.ts",
-      "import": "./dist/components/ui/input.js"
-    },
-    "./badge": {
-      "types": "./dist/components/ui/badge.d.ts",
-      "import": "./dist/components/ui/badge.js"
-    },
-    "./card": {
-      "types": "./dist/components/ui/card.d.ts",
-      "import": "./dist/components/ui/card.js"
-    },
-    "./dropdown-menu": {
-      "types": "./dist/components/ui/dropdown-menu.d.ts",
-      "import": "./dist/components/ui/dropdown-menu.js"
-    },
-    "./select": {
-      "types": "./dist/components/ui/select.d.ts",
-      "import": "./dist/components/ui/select.js"
-    },
-    "./dialog": {
-      "types": "./dist/components/ui/dialog.d.ts",
-      "import": "./dist/components/ui/dialog.js"
-    },
-    "./tooltip": {
-      "types": "./dist/components/ui/tooltip.d.ts",
-      "import": "./dist/components/ui/tooltip.js"
-    },
-    "./accordion": {
-      "types": "./dist/components/ui/accordion.d.ts",
-      "import": "./dist/components/ui/accordion.js"
-    },
-    "./TokenInput": {
-      "types": "./dist/components/widget/TokenInput/index.d.ts",
-      "import": "./dist/components/widget/TokenInput/index.js"
-    },
-    "./DetailWithValueListExpandable": {
-      "types": "./dist/components/widget/Details/DetailWithValueListExpandable.d.ts",
-      "import": "./dist/components/widget/Details/DetailWithValueListExpandable.js"
-    },
-    "./SwapModeSwitcherExpandable": {
-      "types": "./dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.d.ts",
-      "import": "./dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js"
-    },
-    "./Widget": {
-      "types": "./dist/widget/index.d.ts",
-      "import": "./dist/widget/index.js"
-    }
+    "./styles.css": "./dist/styles.css"
   },
   "scripts": {
     "dev": "vite build --watch",
     "dev:example": "vite --clearScreen false",
     "build": "tsc -b && vite build",
+    "postbuild": "pnpm postprocess:css",
+    "postprocess:css": "sed -i.bak 's/:root,\\s*:host/.velora-widget/g' dist/styles.css && rm dist/styles.css.bak",
     "build:example": "tsc -b && vite build --config vite.example.config.ts",
     "lint": "eslint .",
     "preview": "vite preview",
@@ -113,15 +51,18 @@
     "typescript-eslint": "^8.34.1",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-node-polyfills": "^0.23.0",
     "vite-plugin-svgr": "^4.3.0"
   },
   "dependencies": {
+    "@lottiefiles/dotlottie-react": "^0.14.4",
     "@privy-io/react-auth": "^2.16.0",
     "@privy-io/wagmi": "^1.0.4",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
     "@radix-ui/react-select": "^2.2.5",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.5",
@@ -137,6 +78,7 @@
     "big.js": "^7.0.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "copy-to-clipboard": "^3.3.3",
     "immer": "^10.1.1",
     "jotai": "^2.12.5",
     "jotai-devtools": "^0.12.0",
@@ -147,6 +89,7 @@
     "sonner": "^2.0.6",
     "tailwind-merge": "^3.3.1",
     "ts-essentials": "^10.1.1",
+    "vaul": "^1.1.2",
     "viem": "~2.31.4",
     "wagmi": "^2.15.6"
   },