@skip-go/widget 3.12.1 → 3.12.3

package/build/{index-BRlzKaV6.js → index-BkuAy8zJ.js}

@@ -1,5 +1,5 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import o, { useContext, useState, useMemo, useEffect, useRef, useDebugValue, createElement, useCallback, Fragment as Fragment$1, memo, forwardRef } from "react";
+import o, { useContext, useState, useMemo, useEffect, useRef, useDebugValue, createElement, useCallback, Fragment as Fragment$1, memo, startTransition, forwardRef, Suspense } from "react";
 import { Scope } from "react-shadow-scope";
 import { atom as atom$1, useAtomValue, useAtom, useSetAtom, createStore, Provider } from "jotai";
 import NiceModal, { useModal } from "@ebay/nice-modal-react";
@@ -5040,61 +5040,6 @@ function atomWithDebounce(delayMilliseconds = 250) {
   };
 }
 const callbacksAtom = atom$1();
-const openDb = () => {
-  return new Promise((resolve, reject) => {
-    const request = indexedDB.open("skip-go-widget", 1);
-    request.onupgradeneeded = () => {
-      request.result.createObjectStore("atoms");
-    };
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = () => reject(request.error);
-  });
-};
-const idbGet = async (key) => {
-  const db = await openDb();
-  return await new Promise((resolve, reject) => {
-    const tx = db.transaction("atoms", "readonly");
-    const store = tx.objectStore("atoms");
-    const request = store.get(key);
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = () => reject(request.error);
-  });
-};
-const idbSet = async (key, value) => {
-  const db = await openDb();
-  return await new Promise((resolve, reject) => {
-    const tx = db.transaction("atoms", "readwrite");
-    const store = tx.objectStore("atoms");
-    const request = store.put(value, key);
-    request.onsuccess = () => resolve();
-    request.onerror = () => reject(request.error);
-  });
-};
-const idbDelete = async (key) => {
-  const db = await openDb();
-  return await new Promise((resolve, reject) => {
-    const tx = db.transaction("atoms", "readwrite");
-    const store = tx.objectStore("atoms");
-    const request = store.delete(key);
-    request.onsuccess = () => resolve();
-    request.onerror = () => reject(request.error);
-  });
-};
-function atomWithIndexedDBStorage(storageKey, initialValue) {
-  const defaultStorage2 = {
-    getItem: async (key) => {
-      const value = await idbGet(key);
-      return value ?? initialValue;
-    },
-    setItem: async (key, newValue) => {
-      await idbSet(key, newValue);
-    },
-    removeItem: async (key) => {
-      await idbDelete(key);
-    }
-  };
-  return atomWithStorage(storageKey, initialValue, defaultStorage2, { getOnInit: true });
-}
 function atomWithStorageNoCrossTabSync(storageKey, initialValue) {
   const defaultStorage2 = {
     getItem: (key) => {
@@ -5182,6 +5127,7 @@ var LOCAL_STORAGE_KEYS = /* @__PURE__ */ ((LOCAL_STORAGE_KEYS2) => {
   LOCAL_STORAGE_KEYS2["sourceAsset"] = "sourceAsset";
   LOCAL_STORAGE_KEYS2["destinationAsset"] = "destinationAsset";
   LOCAL_STORAGE_KEYS2["transactionHistory"] = "transactionHistory";
+  LOCAL_STORAGE_KEYS2["transactionHistoryVersion"] = "transactionHistoryVersion";
   LOCAL_STORAGE_KEYS2["swapExecutionState"] = "swapExecutionState";
   LOCAL_STORAGE_KEYS2["extraCosmosChainIdsToConnectPerWallet"] = "extraCosmosChainIdsToConnectPerWallet";
   return LOCAL_STORAGE_KEYS2;
@@ -41379,14 +41325,22 @@ const setRouteToDefaultRouteAtom = atom$1(null, (get, set, assets2) => {
     set(destinationAssetAmountAtom, amountOut == null ? void 0 : amountOut.toString());
   }
 });
-const transactionHistoryAtom = atomWithIndexedDBStorage(
+var HISTORY_VERSION = /* @__PURE__ */ ((HISTORY_VERSION2) => {
+  HISTORY_VERSION2[HISTORY_VERSION2["camelCase"] = 0] = "camelCase";
+  return HISTORY_VERSION2;
+})(HISTORY_VERSION || {});
+const transactionHistoryVersionAtom = atomWithStorage(
+  LOCAL_STORAGE_KEYS.transactionHistoryVersion,
+  void 0
+);
+const transactionHistoryAtom = atomWithStorage(
   LOCAL_STORAGE_KEYS.transactionHistory,
   []
 );
 const setTransactionHistoryAtom = atom$1(
   null,
-  async (get, set, historyItem) => {
-    const history = await get(transactionHistoryAtom);
+  (get, set, historyItem) => {
+    const history = get(transactionHistoryAtom);
     const index = history.findIndex((item) => item.timestamp === historyItem.timestamp);
     const newHistory = [...history];
     if (index !== -1) {
@@ -41398,8 +41352,8 @@ const setTransactionHistoryAtom = atom$1(
     set(transactionHistoryAtom, newHistory);
   }
 );
-const lastTransactionInTimeAtom = atom$1(async (get) => {
-  const history = await get(transactionHistoryAtom);
+const lastTransactionInTimeAtom = atom$1((get) => {
+  const history = get(transactionHistoryAtom);
   if (history.length === 0) return;
   const sorted = [...history].sort((a, b) => b.timestamp - a.timestamp);
   const lastTx = sorted[0];
@@ -41409,8 +41363,8 @@ const lastTransactionInTimeAtom = atom$1(async (get) => {
     index: originalIndex
   };
 });
-const removeTransactionHistoryItemAtom = atom$1(null, async (get, set, timestamp) => {
-  const history = await get(transactionHistoryAtom);
+const removeTransactionHistoryItemAtom = atom$1(null, (get, set, timestamp) => {
+  const history = get(transactionHistoryAtom);
   if (!history || isNaN(timestamp)) return;
   const newHistory = history.filter((item) => item.timestamp !== timestamp);
   set(transactionHistoryAtom, newHistory);
@@ -45340,7 +45294,7 @@ function walletConnect(parameters) {
         const optionalChains = config2.chains.map((x2) => x2.id);
         if (!optionalChains.length)
           return;
-        const { EthereumProvider } = await import("./index.es-Cu1s5TVX.js");
+        const { EthereumProvider } = await import("./index.es-DrM_N5rw.js");
         return await EthereumProvider.init({
           ...parameters,
           disableProviderPing: true,
@@ -45736,6 +45690,11 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
     timestamp: Date.now()
   });
   set(submitSwapExecutionCallbacksAtom, {
+    onTransactionSignRequested: async (props) => {
+      var _a2;
+      track("execute route: transaction sign requested", { props });
+      (_a2 = callbacks == null ? void 0 : callbacks.onTransactionSignRequested) == null ? void 0 : _a2.call(callbacks, props);
+    },
     onTransactionUpdated: (txInfo) => {
       var _a2;
       track("execute route: transaction updated", { txInfo });
@@ -52568,14 +52527,14 @@ const TrackLatestTxHistoryItemStatus = memo(() => {
   }
   return null;
 });
-const noHistoryItemsAtom = atom$1(async (get) => {
-  const txHistoryItems = await get(transactionHistoryAtom);
+const noHistoryItemsAtom = atom$1((get) => {
+  const txHistoryItems = get(transactionHistoryAtom);
   return (txHistoryItems == null ? void 0 : txHistoryItems.length) === 0;
 });
-const isFetchingLastTransactionStatusAtom = atom$1(async (get) => {
+const isFetchingLastTransactionStatusAtom = atom$1((get) => {
   var _a, _b, _c;
   const { overallStatus, route: route2, transactionsSigned } = get(swapExecutionStateAtom);
-  const lastTxHistoryItemInTime = await get(lastTransactionInTimeAtom);
+  const lastTxHistoryItemInTime = get(lastTransactionInTimeAtom);
   return overallStatus === "pending" && transactionsSigned === (route2 == null ? void 0 : route2.txsRequired) || ((_a = lastTxHistoryItemInTime == null ? void 0 : lastTxHistoryItemInTime.transactionHistoryItem) == null ? void 0 : _a.isSettled) !== true && ((_c = (_b = lastTxHistoryItemInTime == null ? void 0 : lastTxHistoryItemInTime.transactionHistoryItem) == null ? void 0 : _b.route) == null ? void 0 : _c.txsRequired) === 1;
 });
 const useConnectToMissingCosmosChain = () => {
@@ -52831,6 +52790,19 @@ const SwapPage = () => {
         routePreference,
         slippage
       });
+      const navigateToSwapExecutionPage = () => {
+        startTransition(() => {
+          setError(void 0);
+          setChainAddresses({});
+          setSwapExecutionState();
+          setUser({ username: sourceAccount == null ? void 0 : sourceAccount.address });
+          if (sourceAccount == null ? void 0 : sourceAccount.address) {
+            const replay = getReplay();
+            replay == null ? void 0 : replay.start();
+          }
+          setCurrentPage(Routes.SwapExecutionPage);
+        });
+      };
       setUserId(sourceAccount == null ? void 0 : sourceAccount.address);
       if (showCosmosLedgerWarning) {
         track("warning page: cosmos ledger", { route: route2 });
@@ -52847,10 +52819,7 @@ const SwapPage = () => {
         setError({
           errorWarningType: ErrorWarningType.BadPriceWarning,
           onClickContinue: () => {
-            setError(void 0);
-            setChainAddresses({});
-            setCurrentPage(Routes.SwapExecutionPage);
-            setSwapExecutionState();
+            navigateToSwapExecutionPage();
           },
           onClickBack: () => {
             setError(void 0);
@@ -52864,10 +52833,7 @@ const SwapPage = () => {
         setError({
           errorWarningType: ErrorWarningType.LowInfoWarning,
           onClickContinue: () => {
-            setError(void 0);
-            setChainAddresses({});
-            setCurrentPage(Routes.SwapExecutionPage);
-            setSwapExecutionState();
+            navigateToSwapExecutionPage();
           },
           onClickBack: () => {
             setError(void 0);
@@ -52881,10 +52847,7 @@ const SwapPage = () => {
         setError({
           errorWarningType: ErrorWarningType.GoFastWarning,
           onClickContinue: () => {
-            setError(void 0);
-            setChainAddresses({});
-            setCurrentPage(Routes.SwapExecutionPage);
-            setSwapExecutionState();
+            navigateToSwapExecutionPage();
           },
           onClickBack: () => {
             setCurrentPage(Routes.SwapPage);
@@ -52893,14 +52856,7 @@ const SwapPage = () => {
         });
         return;
       }
-      setChainAddresses({});
-      setCurrentPage(Routes.SwapExecutionPage);
-      setUser({ username: sourceAccount == null ? void 0 : sourceAccount.address });
-      if (sourceAccount == null ? void 0 : sourceAccount.address) {
-        const replay = getReplay();
-        replay == null ? void 0 : replay.start();
-      }
-      setSwapExecutionState();
+      navigateToSwapExecutionPage();
     };
     return /* @__PURE__ */ jsx(
       MainButton,
@@ -54087,7 +54043,7 @@ const Router = () => {
   }
   switch (currentPage) {
     case Routes.SwapPage:
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
         ErrorBoundary,
         {
           fallback: null,
@@ -54097,9 +54053,9 @@ const Router = () => {
           },
           children: /* @__PURE__ */ jsx(SwapPage, {})
         }
-      );
+      ) });
     case Routes.SwapExecutionPage:
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
         ErrorBoundary,
         {
           fallback: null,
@@ -54109,9 +54065,9 @@ const Router = () => {
           },
           children: /* @__PURE__ */ jsx(SwapExecutionPage, {})
         }
-      );
+      ) });
     case Routes.TransactionHistoryPage:
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
         ErrorBoundary,
         {
           fallback: null,
@@ -54123,7 +54079,7 @@ const Router = () => {
           },
           children: /* @__PURE__ */ jsx(TransactionHistoryPage, {})
         }
-      );
+      ) });
   }
 };
 const useInitDefaultRoute = (defaultRoute) => {
@@ -54166,7 +54122,7 @@ const initSentry = () => {
 };
 const name = "@skip-go/widget";
 const description = "Swap widget";
-const version = "3.12.1";
+const version = "3.12.3";
 const repository = {
   url: "https://github.com/skip-mev/skip-go",
   directory: "packages/widget"
@@ -54475,7 +54431,8 @@ const useInitWidget = (props) => {
       onRouteUpdated: props.onRouteUpdated,
       onSourceAndDestinationSwapped: props.onSourceAndDestinationSwapped,
       onSourceAssetUpdated: props.onSourceAssetUpdated,
-      onDestinationAssetUpdated: props.onDestinationAssetUpdated
+      onDestinationAssetUpdated: props.onDestinationAssetUpdated,
+      onTransactionSignRequested: props.onTransactionSignRequested
     };
     if (Object.values(callbacks).some((callback) => callback !== void 0)) {
       setCallbacks(callbacks);
@@ -54517,7 +54474,8 @@ const useInitWidget = (props) => {
     props.onSourceAssetUpdated,
     props.onDestinationAssetUpdated,
     props.batchSignTxs,
-    setBatchSignTxs
+    setBatchSignTxs,
+    props.onTransactionSignRequested
   ]);
   return { theme: mergedTheme };
 };
@@ -54536,19 +54494,45 @@ const useInitGetSigners = (props) => {
     }));
   }, [props.getCosmosSigner, props.getEvmSigner, props.getSvmSigner, setGetSigners]);
 };
-const migrateHistoryFromLocalStorageToIndexedDB = async () => {
+const migrateOldLocalStorageValues = () => {
   if (typeof window === "undefined") return;
-  try {
-    const raw = localStorage.getItem(LOCAL_STORAGE_KEYS.transactionHistory);
-    if (!raw) return;
-    const parsed = JSON.parse(raw);
-    const transformed = toCamelCase(parsed);
-    await idbSet(LOCAL_STORAGE_KEYS.transactionHistory, transformed);
-    localStorage.removeItem(LOCAL_STORAGE_KEYS.transactionHistory);
-    console.info("✅ Migrated transactionHistory from localStorage to IndexedDB");
-  } catch (err) {
-    console.warn("⚠️ Failed to migrate transactionHistory", err);
-  }
+  const { set } = jotaiStore;
+  const transactionHistoryVersion = localStorage.getItem(
+    LOCAL_STORAGE_KEYS.transactionHistoryVersion
+  );
+  console.info(`loaded transactionHistory version ${transactionHistoryVersion}`);
+  Object.values(LOCAL_STORAGE_KEYS).forEach((key) => {
+    try {
+      const raw = localStorage.getItem(key);
+      if (!raw) return;
+      const parsed = JSON.parse(raw);
+      let newLocalStorageValue = toCamelCase(parsed);
+      if (key === LOCAL_STORAGE_KEYS.transactionHistory) {
+        newLocalStorageValue = newLocalStorageValue.filter(
+          (txHistoryItem) => {
+            var _a, _b, _c, _d;
+            const chainId = (_b = (_a = txHistoryItem == null ? void 0 : txHistoryItem.transactionDetails) == null ? void 0 : _a[0]) == null ? void 0 : _b.chainId;
+            const txHash = (_d = (_c = txHistoryItem == null ? void 0 : txHistoryItem.transactionDetails) == null ? void 0 : _c[0]) == null ? void 0 : _d.txHash;
+            if (chainId !== void 0 && txHash !== void 0) {
+              return true;
+            }
+          }
+        );
+      }
+      if (!transactionHistoryVersion && key === LOCAL_STORAGE_KEYS.transactionHistory) {
+        localStorage.setItem(key, JSON.stringify(newLocalStorageValue));
+        console.info(
+          `updated from transactionHistoryVersion ${transactionHistoryVersion} to ${HISTORY_VERSION.camelCase}`
+        );
+        set(transactionHistoryVersionAtom, HISTORY_VERSION.camelCase);
+      } else if (JSON.stringify(parsed) !== JSON.stringify(newLocalStorageValue)) {
+        localStorage.setItem(key, JSON.stringify(newLocalStorageValue));
+        console.info(`updated old localStorage value for ${key}`);
+      }
+    } catch (err) {
+      console.warn(`Failed to migrate localStorage key "${key}":`, err);
+    }
+  });
 };
 function toCamelCase(obj) {
   return convertKeys(obj, (key) => {
@@ -54640,7 +54624,7 @@ const SolanaProvider = ({ children }) => {
 };
 const queryClient = new QueryClient();
 const jotaiStore = createStore();
-migrateHistoryFromLocalStorageToIndexedDB();
+migrateOldLocalStorageValues();
 const Widget = (props) => {
   return /* @__PURE__ */ jsx(Provider, { store: jotaiStore, children: /* @__PURE__ */ jsx(WidgetWithinProvider, { props }) });
 };

package/build/index.d.ts

@@ -12,6 +12,7 @@ import { WalletConnectModalConfig } from '@walletconnect/modal';
 declare type Callbacks = {
     onWalletConnected?: (props: onWalletConnectedProps) => void;
     onWalletDisconnected?: (props: onWalletDisconnectedProps) => void;
+    onTransactionSignRequested?: (props: onTransactionSignRequestedProps) => void;
     onTransactionBroadcasted?: (props: onTransactionBroadcastedProps) => void;
     onTransactionComplete?: (props: onTransactionCompleteProps) => void;
     onTransactionFailed?: (props: onTransactionFailedProps) => void;
@@ -166,6 +167,12 @@ declare type onTransactionFailedProps = {
     error: string;
 };
 
+declare type onTransactionSignRequestedProps = {
+    chainId: string;
+    signerAddress?: string;
+    txIndex: number;
+};
+
 declare type onWalletConnectedProps = {
     walletName: string;
     chainIdToAddressMap?: Record<string, string>;

package/build/{index.es-Cu1s5TVX.js → index.es-DrM_N5rw.js}

@@ -1,4 +1,4 @@
-import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-BRlzKaV6.js";
+import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-BkuAy8zJ.js";
 import qg, { PROPOSAL_EXPIRY_MESSAGE } from "@walletconnect/sign-client";
 const global = globalThis || void 0 || self;
 var buffer$1 = {};

package/build/index.js

@@ -1,4 +1,4 @@
-import { W, d, l, o, r, s } from "./index-BRlzKaV6.js";
+import { W, d, l, o, r, s } from "./index-BkuAy8zJ.js";
 export {
   W as Widget,
   d as defaultTheme,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skip-go/widget",
   "description": "Swap widget",
-  "version": "3.12.1",
+  "version": "3.12.3",
   "repository": {
     "url": "https://github.com/skip-mev/skip-go",
     "directory": "packages/widget"
@@ -42,7 +42,7 @@
     "@penumbra-zone/transport-dom": "^7.5.0",
     "@r2wc/react-to-web-component": "^2.0.3",
     "@sentry/react": "^8.46.0",
-    "@skip-go/client": "1.3.0",
+    "@skip-go/client": "1.3.1",
     "@solana/spl-token": "^0.4.8",
     "@solana/wallet-adapter-ledger": "^0.9.25",
     "@solana/wallet-adapter-react": "^0.15.39",