@0xsquid/react-hooks 1.0.45-beta.1 → 1.0.46

package/dist/hooks/store/useHistoryStore.d.ts

@@ -0,0 +1,47 @@
+import { StatusResponse } from "@0xsquid/squid-types";
+import { TransactionStatus } from "../../core/types/transaction";
+export type SimplifiedTransactionHistory = {
+    fromChain: string;
+    fromToken: string;
+    fromAddress: string;
+    fromAmount: string;
+    toChain: string;
+    toToken: string;
+    transactionId: string;
+    toAddress: string;
+    toAmount: string;
+    toAmountMin: string;
+    exchangeRate: string;
+    status: TransactionStatus;
+    aggregatePriceImpact?: string;
+    toAmountMinUSD?: string;
+    fromAmountUSD?: string;
+    toAmountUSD?: string;
+    timestamp: number;
+    slippage?: number;
+    enableBoost?: boolean;
+    nonce?: number;
+    routeType: string | undefined;
+    statusResponse?: StatusResponse;
+    sourceTxExplorerUrl?: string;
+};
+interface HistoryState {
+    transactions: SimplifiedTransactionHistory[];
+    persistTransaction: (tx: SimplifiedTransactionHistory) => void;
+    replaceTransactionStatus: (transactionId: string, statusResponse: any, status: TransactionStatus) => void;
+    removeTransaction: (transactionId: string) => void;
+    removeAllTransactions: () => void;
+    replaceTransactionAtNonce: (nonce: number, fromAddress: string, newTx: SimplifiedTransactionHistory) => void;
+}
+export declare const useHistoryStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<HistoryState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<HistoryState, HistoryState>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: HistoryState) => void) => () => void;
+        onFinishHydration: (fn: (state: HistoryState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<HistoryState, HistoryState>>;
+    };
+}>;
+export {};

package/dist/hooks/store/useHistoryStore.js

@@ -0,0 +1,41 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { formatStatusResponseForStorage, formatTxForStorage, } from "../../services";
+export const useHistoryStore = create(persist((set, _) => ({
+    transactions: [],
+    persistTransaction: (tx) => set((state) => ({
+        transactions: [...state.transactions, formatTxForStorage(tx)],
+    })),
+    replaceTransactionStatus: (transactionId, statusResponse, status) => {
+        const sr = formatStatusResponseForStorage(statusResponse);
+        set((state) => ({
+            transactions: state.transactions.map((tx) => tx.transactionId === transactionId
+                ? {
+                    ...tx,
+                    statusResponse: sr ?? tx.statusResponse,
+                    status,
+                }
+                : tx),
+        }));
+    },
+    removeAllTransactions: () => set(() => ({
+        transactions: [],
+    })),
+    removeTransaction: (transactionId) => set((state) => ({
+        transactions: state.transactions.filter((tx) => tx.transactionId !== transactionId),
+    })),
+    replaceTransactionAtNonce: (nonce, fromAddress, newTx) => set((state) => {
+        const index = state.transactions.findIndex((tx) => tx.nonce === nonce && tx.fromAddress === fromAddress);
+        if (index !== -1) {
+            const newTransactions = [...state.transactions];
+            newTransactions[index] = formatTxForStorage(newTx);
+            return {
+                transactions: newTransactions,
+            };
+        }
+        return state;
+    }),
+}), {
+    name: "squid.history.store.v2",
+}));
+//# sourceMappingURL=useHistoryStore.js.map

package/dist/hooks/store/useHistoryStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHistoryStore.js","sourceRoot":"","sources":["../../../src/hooks/store/useHistoryStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AA6CxB,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CACnC,OAAO,CACL,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACX,YAAY,EAAE,EAAE;IAChB,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CACzB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACd,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,EAAE,kBAAkB,CAAC,EAAE,CAAC,CAAC;KAC9D,CAAC,CAAC;IACL,wBAAwB,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE;QAClE,MAAM,EAAE,GAAG,8BAA8B,CAAC,cAAc,CAAC,CAAC;QAC1D,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAC1C,EAAE,CAAC,aAAa,KAAK,aAAa;gBAChC,CAAC,CAAC;oBACE,GAAG,EAAE;oBACL,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC,cAAc;oBACvC,MAAM;iBACP;gBACH,CAAC,CAAC,EAAE,CACP;SACF,CAAC,CAAC,CAAC;IACN,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE,CAC1B,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACT,YAAY,EAAE,EAAE;KACjB,CAAC,CAAC;IACL,iBAAiB,EAAE,CAAC,aAAa,EAAE,EAAE,CACnC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACd,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CACrC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,aAAa,KAAK,aAAa,CAC3C;KACF,CAAC,CAAC;IACL,yBAAyB,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,CACvD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACZ,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CACxC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,KAAK,KAAK,IAAI,EAAE,CAAC,WAAW,KAAK,WAAW,CAC7D,CAAC;QACF,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,MAAM,eAAe,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;YAChD,eAAe,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;YACnD,OAAO;gBACL,YAAY,EAAE,eAAe;aAC9B,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;CACL,CAAC,EACF;IACE,IAAI,EAAE,wBAAwB;CAC/B,CACF,CACF,CAAC"}

package/dist/hooks/store/useSquidStore.d.ts

@@ -1,70 +1,28 @@
 import type { Squid } from "@0xsquid/sdk";
-import { AddressWithEns } from "../../core";
 import { AppConfig } from "../../core/types/config";
-import { WidgetRoute } from "../../core/types/route";
 import { SwapRoute } from "../../core/types/swap";
-import { TransactionHistoryStore, TransactionParams } from "../../core/types/transaction";
-export interface SquidConfigState {
+import { TransactionParams } from "../../core/types/transaction";
+interface SquidState {
     squid?: Squid;
-    fromPrice?: string;
-    currentTransaction?: TransactionParams;
-    currentRequestId?: string;
+}
+export declare const useSquidStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SquidState>>;
+export interface ConfigState {
     config: AppConfig;
     isInitialized?: boolean;
 }
-export declare const useSquidStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SquidConfigState>>;
-export interface SquidRouter {
-    history: {
-        route: WidgetRoute;
-        params?: {
-            [key: string]: any | undefined;
-        };
-    }[];
+export declare const useConfigStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConfigState>>;
+interface TransactionState {
+    fromPrice?: string;
+    currentTransaction?: TransactionParams;
+    currentRequestId?: string;
 }
-export declare const useSquidRouterStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SquidRouter>>;
-/**
- * Persist the store in local storage
- * So the user can refresh the page and still see his old transactions
- */
-export declare const usePersistStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<{
-    transactionsHistory?: TransactionHistoryStore[] | undefined;
-    removeTransaction: (transactionId: string) => void;
-}>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<{
-            transactionsHistory?: TransactionHistoryStore[] | undefined;
-            removeTransaction: (transactionId: string) => void;
-        }, {
-            transactionsHistory?: TransactionHistoryStore[] | undefined;
-            removeTransaction: (transactionId: string) => void;
-        }>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => void | Promise<void>;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: {
-            transactionsHistory?: TransactionHistoryStore[] | undefined;
-            removeTransaction: (transactionId: string) => void;
-        }) => void) => () => void;
-        onFinishHydration: (fn: (state: {
-            transactionsHistory?: TransactionHistoryStore[] | undefined;
-            removeTransaction: (transactionId: string) => void;
-        }) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<{
-            transactionsHistory?: TransactionHistoryStore[] | undefined;
-            removeTransaction: (transactionId: string) => void;
-        }, {
-            transactionsHistory?: TransactionHistoryStore[] | undefined;
-            removeTransaction: (transactionId: string) => void;
-        }>>;
-    };
-}>;
+export declare const useTransactionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TransactionState>>;
 export declare const useSwapRoutePersistStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<{
     swapRoute?: SwapRoute | undefined;
     destinationAddressHasBeenUpdated?: {
         updated: boolean;
         filledFromWallet: boolean;
     } | undefined;
-    addressBook?: AddressWithEns[] | undefined;
 }>, "persist"> & {
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<{
@@ -73,14 +31,12 @@ export declare const useSwapRoutePersistStore: import("zustand").UseBoundStore<O
                 updated: boolean;
                 filledFromWallet: boolean;
             } | undefined;
-            addressBook?: AddressWithEns[] | undefined;
         }, {
             swapRoute?: SwapRoute | undefined;
             destinationAddressHasBeenUpdated?: {
                 updated: boolean;
                 filledFromWallet: boolean;
             } | undefined;
-            addressBook?: AddressWithEns[] | undefined;
         }>>) => void;
         clearStorage: () => void;
         rehydrate: () => void | Promise<void>;
@@ -91,7 +47,6 @@ export declare const useSwapRoutePersistStore: import("zustand").UseBoundStore<O
                 updated: boolean;
                 filledFromWallet: boolean;
             } | undefined;
-            addressBook?: AddressWithEns[] | undefined;
         }) => void) => () => void;
         onFinishHydration: (fn: (state: {
             swapRoute?: SwapRoute | undefined;
@@ -99,7 +54,6 @@ export declare const useSwapRoutePersistStore: import("zustand").UseBoundStore<O
                 updated: boolean;
                 filledFromWallet: boolean;
             } | undefined;
-            addressBook?: AddressWithEns[] | undefined;
         }) => void) => () => void;
         getOptions: () => Partial<import("zustand/middleware").PersistOptions<{
             swapRoute?: SwapRoute | undefined;
@@ -107,14 +61,13 @@ export declare const useSwapRoutePersistStore: import("zustand").UseBoundStore<O
                 updated: boolean;
                 filledFromWallet: boolean;
             } | undefined;
-            addressBook?: AddressWithEns[] | undefined;
         }, {
             swapRoute?: SwapRoute | undefined;
             destinationAddressHasBeenUpdated?: {
                 updated: boolean;
                 filledFromWallet: boolean;
             } | undefined;
-            addressBook?: AddressWithEns[] | undefined;
         }>>;
     };
 }>;
+export {};

package/dist/hooks/store/useSquidStore.js

@@ -1,34 +1,17 @@
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
-import { defaultValues } from "../../core/constants";
-export const useSquidStore = create((_) => defaultValues);
-export const useSquidRouterStore = create((_) => ({
-    history: [
-        {
-            route: {
-                id: "swap",
-                path: "/",
-                title: "Swap",
-                headerButtons: ["settings", "history"],
-            },
-        },
-    ],
+import { defaultConfigValues } from "../../core/constants";
+export const useSquidStore = create(() => ({
+    squid: undefined,
 }));
-/**
- * Persist the store in local storage
- * So the user can refresh the page and still see his old transactions
- */
-export const usePersistStore = create(persist((set) => {
-    return {
-        transactionsHistory: [],
-        removeTransaction(transactionId) {
-            set((state) => ({
-                transactionsHistory: state.transactionsHistory?.filter((tx) => tx.transactionId !== transactionId),
-            }));
-        },
-    };
-}, {
-    name: "squid.history.store",
+export const useConfigStore = create(() => ({
+    config: defaultConfigValues,
+    isInitialized: false,
+}));
+export const useTransactionStore = create(() => ({
+    fromPrice: undefined,
+    currentTransaction: undefined,
+    currentRequestId: undefined,
 }));
 export const useSwapRoutePersistStore = create(persist((_) => {
     return {

package/dist/hooks/store/useSquidStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSquidStore.js","sourceRoot":"","sources":["../../../src/hooks/store/useSquidStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAkBrD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAmB,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC;AAS5E,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7D,OAAO,EAAE;QACP;YACE,KAAK,EAAE;gBACL,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,MAAM;gBACb,aAAa,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC;aACvC;SACF;KACF;CACF,CAAC,CAAC,CAAC;AAEJ;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CACnC,OAAO,CAIL,CAAC,GAAG,EAAE,EAAE;IACN,OAAO;QACL,mBAAmB,EAAE,EAAE;QACvB,iBAAiB,CAAC,aAAa;YAC7B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACd,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAAE,MAAM,CACpD,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,aAAa,KAAK,aAAa,CAC3C;aACF,CAAC,CAAC,CAAC;QACN,CAAC;KACF,CAAC;AACJ,CAAC,EACD;IACE,IAAI,EAAE,qBAAqB;CAC5B,CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAC5C,OAAO,CAQL,CAAC,CAAC,EAAE,EAAE;IACJ,OAAO;QACL,SAAS,EAAE,SAAS;KACrB,CAAC;AACJ,CAAC,EACD;IACE,IAAI,EAAE,uBAAuB;CAC9B,CACF,CACF,CAAC"}
+{"version":3,"file":"useSquidStore.js","sourceRoot":"","sources":["../../../src/hooks/store/useSquidStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAY3D,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAa,GAAG,EAAE,CAAC,CAAC;IACrD,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC,CAAC;AAUJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAc,GAAG,EAAE,CAAC,CAAC;IACvD,MAAM,EAAE,mBAAmB;IAC3B,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC,CAAC;AAWJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAmB,GAAG,EAAE,CAAC,CAAC;IACjE,SAAS,EAAE,SAAS;IACpB,kBAAkB,EAAE,SAAS;IAC7B,gBAAgB,EAAE,SAAS;CAC5B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAC5C,OAAO,CAOL,CAAC,CAAC,EAAE,EAAE;IACJ,OAAO;QACL,SAAS,EAAE,SAAS;KACrB,CAAC;AACJ,CAAC,EACD;IACE,IAAI,EAAE,uBAAuB;CAC9B,CACF,CACF,CAAC"}

package/dist/hooks/swap/useSwap.d.ts

@@ -1,26 +1,24 @@
-import { type Token } from "@0xsquid/squid-types";
-import type { ConnectedAddress, SwapRoute } from "../../core";
 export declare const useSwap: () => {
     tokenItems: {
-        from: Token[];
-        to: Token[];
+        from: import("@0xsquid/squid-types").Token[];
+        to: import("@0xsquid/squid-types").Token[];
     };
     onSwapChange: ({ fromChainId, toChainId, fromTokenAddress, toTokenAddress, destinationAddress, fallbackAddress, }: {
         fromChainId?: string | undefined;
         toChainId?: string | undefined;
         fromTokenAddress?: string | undefined;
         toTokenAddress?: string | undefined;
-        destinationAddress?: SwapRoute["destinationAddress"];
+        destinationAddress?: string | undefined;
         fallbackAddress?: string | undefined;
     }) => Promise<void>;
     invertSwaps: () => void;
     fromPrice: string | undefined;
     fromPriceChanged: (price: string) => void;
-    toToken: Token | undefined;
-    fromToken: Token | undefined;
+    toToken: import("@0xsquid/squid-types").Token | undefined;
+    fromToken: import("@0xsquid/squid-types").Token | undefined;
     fromChain: import("@0xsquid/squid-types").ChainData | undefined;
     toChain: import("@0xsquid/squid-types").ChainData | undefined;
-    destinationAddress: ConnectedAddress;
+    destinationAddress: string | undefined;
     isSameChain: boolean;
     expressSupportedForThisRoute: boolean;
 };