@0xsquid/react-hooks 1.0.4 → 1.0.6

package/dist/services/internal/errorService.d.ts

@@ -0,0 +1,30 @@
+import type { SquidRouteError, SquidStatusError, TransactionError, TransactionErrorWithMessage } from "@/core/types/error";
+export declare const transactionErrorCode: Record<string, TransactionErrorWithMessage>;
+/**
+ * Check if the error is an EVM transaction error
+ * Because Typescript supports casting but that's only for compilation time,
+ * We need it at runtime since we're getting the error object from the wallet
+ * @param error
+ * @returns boolean
+ */
+export declare const isTransactionError: (error: any) => error is TransactionError;
+/**
+ * Return the error from enum entry
+ * @param error
+ * @returns boolean
+ */
+export declare const getTransactionError: (error: any) => TransactionErrorWithMessage;
+/**
+ * Check if the error is an Squid route error
+ * Because Typescript supports casting but that's only for compilation time,
+ * We need it at runtime since we're getting the error object from the wallet
+ * @param error
+ * @returns boolean
+ */
+export declare const isSwapRouteError: (error: any) => error is SquidRouteError;
+export declare const isStatusError: (error: any) => error is SquidStatusError;
+/**
+ * Tries to parse as SquidRouteError Type & Return the error from Record entries
+ * @param error
+ * @returns string error message
+ */

package/{src/services/internal/errorService.ts → dist/services/internal/errorService.js}

@@ -1,39 +1,29 @@
-import type {
-  SquidRouteError,
-  SquidStatusError,
-  TransactionError,
-  TransactionErrorWithMessage,
-} from "@/core/types/error";
-import { TransactionErrorType } from "@/core/types/error";
-
-export const transactionErrorCode: Record<string, TransactionErrorWithMessage> =
-  {
+import { TransactionErrorType } from "./../../core/types/error";
+export const transactionErrorCode = {
     // Metamask
     ACTION_REJECTED: {
-      type: TransactionErrorType.REJECTED_BY_USER,
-      message: "Return to the swap page and try again.",
+        type: TransactionErrorType.REJECTED_BY_USER,
+        message: "Return to the swap page and try again.",
     },
     // Keplr
     "Request rejected": {
-      type: TransactionErrorType.REJECTED_BY_USER,
-      message: "Return to the swap page and try again.",
+        type: TransactionErrorType.REJECTED_BY_USER,
+        message: "Return to the swap page and try again.",
     },
     // Metamask
     4001: {
-      type: TransactionErrorType.REJECTED_BY_USER,
-      message: "Return to the swap page and try again.",
+        type: TransactionErrorType.REJECTED_BY_USER,
+        message: "Return to the swap page and try again.",
     },
     CALL_EXCEPTION: {
-      type: TransactionErrorType.CALL_EXCEPTION,
-      message:
-        "Swap failed on the source chain. Please let us know by submitting a ticket here.",
+        type: TransactionErrorType.CALL_EXCEPTION,
+        message: "Swap failed on the source chain. Please let us know by submitting a ticket here.",
     },
     UNKNOWN: {
-      type: TransactionErrorType.UNKNOWN,
-      message: "The transaction could not be initiated.",
+        type: TransactionErrorType.UNKNOWN,
+        message: "The transaction could not be initiated.",
     },
-  };
-
+};
 /**
  * Check if the error is an EVM transaction error
  * Because Typescript supports casting but that's only for compilation time,
@@ -41,34 +31,30 @@ export const transactionErrorCode: Record<string, TransactionErrorWithMessage> =
  * @param error
  * @returns boolean
  */
-export const isTransactionError = (error: any): error is TransactionError => {
-  return (
-    error &&
-    (typeof error.code === "string" ||
-      typeof error.code === "number" ||
-      typeof error.message === "string" ||
-      typeof error.reason === "string" ||
-      typeof error.action === "string")
-  );
+export const isTransactionError = (error) => {
+    return (error &&
+        (typeof error.code === "string" ||
+            typeof error.code === "number" ||
+            typeof error.message === "string" ||
+            typeof error.reason === "string" ||
+            typeof error.action === "string"));
 };
-
 /**
  * Return the error from enum entry
  * @param error
  * @returns boolean
  */
-export const getTransactionError = (
-  error: any
-): TransactionErrorWithMessage => {
-  if (isTransactionError(error)) {
-    const castError = error as TransactionError;
-    if (castError.code) return transactionErrorCode[castError.code];
-    if (castError.message) return transactionErrorCode[castError.message];
+export const getTransactionError = (error) => {
+    if (isTransactionError(error)) {
+        const castError = error;
+        if (castError.code)
+            return transactionErrorCode[castError.code];
+        if (castError.message)
+            return transactionErrorCode[castError.message];
+        return transactionErrorCode.UNKNOWN;
+    }
     return transactionErrorCode.UNKNOWN;
-  }
-  return transactionErrorCode.UNKNOWN;
 };
-
 // --------------------
 // SQUID ROUTE ERRORS
 // --------------------
@@ -81,7 +67,6 @@ export const getTransactionError = (
 //   UnknownError: RouteDefaultErrorMsg(),
 //   SquidServiceError: RouteDefaultErrorMsg(),
 // };
-
 /**
  * Check if the error is an Squid route error
  * Because Typescript supports casting but that's only for compilation time,
@@ -89,17 +74,13 @@ export const getTransactionError = (
  * @param error
  * @returns boolean
  */
-export const isSwapRouteError = (error: any): error is SquidRouteError => {
-  return (
-    error &&
-    (typeof error.code === "string" || typeof error.errorType === "string")
-  );
+export const isSwapRouteError = (error) => {
+    return (error &&
+        (typeof error.code === "string" || typeof error.errorType === "string"));
 };
-
-export const isStatusError = (error: any): error is SquidStatusError => {
-  return error && typeof error.errorType === "string";
+export const isStatusError = (error) => {
+    return error && typeof error.errorType === "string";
 };
-
 /**
  * Tries to parse as SquidRouteError Type & Return the error from Record entries
  * @param error
@@ -115,10 +96,10 @@ export const isStatusError = (error: any): error is SquidStatusError => {
 //             (error.code ?? error.errorType) as SquidRouteErrorType
 //           ]
 //         : undefined;
-
 //     if (codeMsg) return codeMsg;
 //     // If there is no error code, try to get the error message from backend
 //     if (error.message) return error.message;
 //   }
 //   return squidRouteErrorMapping.Unknown;
 // };
+//# sourceMappingURL=errorService.js.map

package/dist/services/internal/errorService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorService.js","sourceRoot":"","sources":["../../../src/services/internal/errorService.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,oBAAoB,GAC/B;IACE,WAAW;IACX,eAAe,EAAE;QACf,IAAI,EAAE,oBAAoB,CAAC,gBAAgB;QAC3C,OAAO,EAAE,wCAAwC;KAClD;IACD,QAAQ;IACR,kBAAkB,EAAE;QAClB,IAAI,EAAE,oBAAoB,CAAC,gBAAgB;QAC3C,OAAO,EAAE,wCAAwC;KAClD;IACD,WAAW;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAoB,CAAC,gBAAgB;QAC3C,OAAO,EAAE,wCAAwC;KAClD;IACD,cAAc,EAAE;QACd,IAAI,EAAE,oBAAoB,CAAC,cAAc;QACzC,OAAO,EACL,kFAAkF;KACrF;IACD,OAAO,EAAE;QACP,IAAI,EAAE,oBAAoB,CAAC,OAAO;QAClC,OAAO,EAAE,yCAAyC;KACnD;CACF,CAAC;AAEJ;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAU,EAA6B,EAAE;IAC1E,OAAO,CACL,KAAK;QACL,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC7B,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC9B,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;YACjC,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;YAChC,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CACpC,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAU,EACmB,EAAE;IAC/B,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,MAAM,SAAS,GAAG,KAAyB,CAAC;QAC5C,IAAI,SAAS,CAAC,IAAI;YAAE,OAAO,oBAAoB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChE,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACtE,OAAO,oBAAoB,CAAC,OAAO,CAAC;IACtC,CAAC;IACD,OAAO,oBAAoB,CAAC,OAAO,CAAC;AACtC,CAAC,CAAC;AAEF,uBAAuB;AACvB,qBAAqB;AACrB,uBAAuB;AACvB,qDAAqD;AACrD,wCAAwC;AACxC,yBAAyB;AACzB,yBAAyB;AACzB,QAAQ;AACR,qCAAqC;AACrC,0CAA0C;AAC1C,+CAA+C;AAC/C,KAAK;AAEL;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAU,EAA4B,EAAE;IACvE,OAAO,CACL,KAAK;QACL,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CACxE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAU,EAA6B,EAAE;IACrE,OAAO,KAAK,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC;AACtD,CAAC,CAAC;AAEF;;;;GAIG;AACH,gCAAgC;AAChC,mFAAmF;AACnF,mCAAmC;AACnC,0DAA0D;AAC1D,sBAAsB;AACtB,sCAAsC;AACtC,oCAAoC;AACpC,qEAAqE;AACrE,cAAc;AACd,uBAAuB;AAEvB,mCAAmC;AACnC,8EAA8E;AAC9E,+CAA+C;AAC/C,MAAM;AACN,2CAA2C;AAC3C,KAAK"}

package/dist/services/internal/eventService.d.ts

@@ -0,0 +1,52 @@
+import type { EventListenerFunction, WidgetEventMap } from "@/core/types/event";
+import type { RouteResponse } from "@0xsquid/sdk/dist/types";
+export declare class WidgetEvents extends EventTarget {
+    private static instance;
+    private constructor();
+    static getInstance(): WidgetEvents;
+    /**
+     * Overriding the addEventListener method to make it easier to use with typescript
+     * @param type
+     * @param listener
+     * @param options
+     */
+    listenToWidget<T extends keyof WidgetEventMap>(type: T, listener: EventListenerFunction<T>, options?: boolean | AddEventListenerOptions): void;
+    /**
+     * Overriding the removeEventListener method to make it easier to use with typescript
+     * @param type
+     * @param listener
+     * @param options
+     */
+    removeWidgetListener<T extends keyof WidgetEventMap>(type: T, listener: EventListenerFunction<T>, options?: boolean | EventListenerOptions): void;
+    /**
+     * Dispatch an event of the widget
+     * To be listened from an integrator website
+     * For example to display a success message when transaction is done
+     * @param name
+     * @param data
+     */
+    dispatch<T extends keyof WidgetEventMap>(name: T, data: WidgetEventMap[T]): void;
+    /**
+     * Will dispatch the main axelar status of transaction
+     * This will be called every time the status is received by backend
+     * (Using interval to check status)
+     * @param status
+     */
+    dispatchSwapStatus(status: string): void;
+    /**
+     * Dispatch event when user executes a swap
+     * Only when we have the tx hash received
+     * @param route
+     */
+    dispatchSwapExecuteCall(route: RouteResponse["route"], txHash: string): void;
+    /**
+     * Dispatch event when user changes chain/token
+     * @param swapParams
+     */
+    dispatchSwapParamsChanged(swapParams: {
+        fromChainId?: string;
+        toChainId?: string;
+        fromTokenAddress?: string;
+        toTokenAddress?: string;
+    }): void;
+}

package/dist/services/internal/eventService.js

@@ -0,0 +1,66 @@
+export class WidgetEvents extends EventTarget {
+    static instance;
+    constructor() {
+        super();
+    }
+    // Singleton, because we need to access this service outside the widget
+    static getInstance() {
+        if (!WidgetEvents.instance) {
+            WidgetEvents.instance = new WidgetEvents();
+        }
+        return WidgetEvents.instance;
+    }
+    /**
+     * Overriding the addEventListener method to make it easier to use with typescript
+     * @param type
+     * @param listener
+     * @param options
+     */
+    listenToWidget(type, listener, options) {
+        super.addEventListener(type, listener, options);
+    }
+    /**
+     * Overriding the removeEventListener method to make it easier to use with typescript
+     * @param type
+     * @param listener
+     * @param options
+     */
+    removeWidgetListener(type, listener, options) {
+        super.removeEventListener(type, listener, options);
+    }
+    /**
+     * Dispatch an event of the widget
+     * To be listened from an integrator website
+     * For example to display a success message when transaction is done
+     * @param name
+     * @param data
+     */
+    dispatch(name, data) {
+        this.dispatchEvent(new CustomEvent(name, { detail: data }));
+    }
+    /**
+     * Will dispatch the main axelar status of transaction
+     * This will be called every time the status is received by backend
+     * (Using interval to check status)
+     * @param status
+     */
+    dispatchSwapStatus(status) {
+        this.dispatch("swapStatus", { status });
+    }
+    /**
+     * Dispatch event when user executes a swap
+     * Only when we have the tx hash received
+     * @param route
+     */
+    dispatchSwapExecuteCall(route, txHash) {
+        this.dispatch("swap", { route, txHash });
+    }
+    /**
+     * Dispatch event when user changes chain/token
+     * @param swapParams
+     */
+    dispatchSwapParamsChanged(swapParams) {
+        this.dispatch("swapParamsChanged", { ...swapParams });
+    }
+}
+//# sourceMappingURL=eventService.js.map

package/dist/services/internal/eventService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventService.js","sourceRoot":"","sources":["../../../src/services/internal/eventService.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,YAAa,SAAQ,WAAW;IACnC,MAAM,CAAC,QAAQ,CAAe;IAEtC;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,uEAAuE;IAChE,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;YAC3B,YAAY,CAAC,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QAC7C,CAAC;QACD,OAAO,YAAY,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAED;;;;;OAKG;IACH,cAAc,CACZ,IAAO,EACP,QAAkC,EAClC,OAA2C;QAE3C,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAoC,EAAE,OAAO,CAAC,CAAC;IAC9E,CAAC;IAED;;;;;OAKG;IACH,oBAAoB,CAClB,IAAO,EACP,QAAkC,EAClC,OAAwC;QAExC,KAAK,CAAC,mBAAmB,CACvB,IAAI,EACJ,QAAoC,EACpC,OAAO,CACR,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACH,QAAQ,CAAiC,IAAO,EAAE,IAAuB;QACvE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,MAAc;QAC/B,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED;;;;OAIG;IACH,uBAAuB,CAAC,KAA6B,EAAE,MAAc;QACnE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED;;;OAGG;IACH,yBAAyB,CAAC,UAKzB;QACC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;IACxD,CAAC;CACF"}

package/dist/services/internal/priceService.d.ts

@@ -0,0 +1 @@
+export declare const convertTokenAmountToUSD: (tokenAmount: string, priceUSD?: string) => string;

package/dist/services/internal/priceService.js

@@ -0,0 +1,7 @@
+import { BigNumber as BN } from "bignumber.js";
+export const convertTokenAmountToUSD = (tokenAmount, priceUSD) => {
+    return BN(tokenAmount)
+        .multipliedBy(priceUSD ?? "0")
+        .toFixed();
+};
+//# sourceMappingURL=priceService.js.map

package/dist/services/internal/priceService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"priceService.js","sourceRoot":"","sources":["../../../src/services/internal/priceService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,EAAE,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,WAAmB,EACnB,QAAiB,EACjB,EAAE;IACF,OAAO,EAAE,CAAC,WAAW,CAAC;SACnB,YAAY,CAAC,QAAQ,IAAI,GAAG,CAAC;SAC7B,OAAO,EAAE,CAAC;AACf,CAAC,CAAC"}

package/dist/services/internal/transactionService.d.ts

@@ -0,0 +1,43 @@
+import type { TransactionHistoryStore, TransactionParams, TransactionStatus } from "@/core/types/transaction";
+import type { ChainData } from "@0xsquid/sdk/dist/types";
+/**
+ * Helper to find the desired transaction history in array
+ * @param transactionID
+ * @returns
+ */
+export declare const findHistoryItem: (transactionID: string | undefined) => TransactionHistoryStore | undefined;
+/**
+ * Will return the same object but with the desired transaction history
+ * Status changed
+ * @param transactionID
+ * @param status
+ * @param transactionsHistory
+ * @param statusResponse
+ * @returns
+ */
+export declare const updateTransactionHistoryStatus: (transactionID: string | undefined, status: TransactionStatus, transactionsHistory: TransactionHistoryStore[] | undefined, statusResponse: any | undefined) => TransactionHistoryStore[];
+export declare const replaceTransactionAtNonce: (nonce: number, fromAddress: string, transactionsHistory: TransactionHistoryStore[] | undefined, TransactionHistoryStore: TransactionHistoryStore) => TransactionHistoryStore[];
+export declare const formatTransactionHistoryDate: (transaction: TransactionHistoryStore | undefined) => {
+    month: string;
+    day: string;
+} | undefined;
+export declare const getAxelarExplorerTxUrl: (urlPrefix: string | undefined, routeType: string | undefined, txID: string) => string | undefined;
+export declare const getSourceExplorerTxUrl: (chain: ChainData | undefined, txID: string) => string | undefined;
+export declare const getMainExplorerUrl: (transaction?: TransactionParams) => any;
+/**
+ * A CCTP Transaction is one that is not using Axelar, but using Circle Mint & Burn mechanism
+ * Squid API is using a different status endpoint to track status of CCTP transactions
+ * @param transaction
+ * @returns
+ */
+export declare const isCCTPBridge: (transaction: TransactionParams | undefined) => boolean | undefined;
+export declare const formatDistance: (date: number | Date, baseDate: number | Date, options?: {
+    includeSeconds?: boolean | undefined;
+    addSuffix?: boolean | undefined;
+    locale?: Locale | undefined;
+}) => string;
+export declare const formatSeconds: (seconds: number, secondsTemplate?: string, minutesTemplate?: string) => string;
+interface Locale {
+    locale?: string;
+}
+export {};

package/dist/services/internal/transactionService.js

@@ -0,0 +1,172 @@
+import { TransactionType } from "./../../core/types/transaction";
+import { usePersistStore } from "./../../hooks/store/useSquidStore";
+/**
+ * Helper to find the desired transaction history in array
+ * @param transactionID
+ * @returns
+ */
+export const findHistoryItem = (transactionID) => {
+    // TODO: This works but could be improved, persistStore shouldnt be used directly
+    // Or move this inside a callback hook
+    return usePersistStore
+        .getState()
+        .transactionsHistory?.find((th) => th.transactionId === transactionID);
+};
+/**
+ * Will return the same object but with the desired transaction history
+ * Status changed
+ * @param transactionID
+ * @param status
+ * @param transactionsHistory
+ * @param statusResponse
+ * @returns
+ */
+export const updateTransactionHistoryStatus = (transactionID, status, transactionsHistory, statusResponse) => {
+    return (transactionsHistory?.map((th) => {
+        // Use the status response from the query if available, if not, use the one from the store
+        statusResponse = statusResponse ?? th.statusResponse;
+        // If the transaction is already in the store and had a different status, update status
+        if (th.transactionId === transactionID && th.status !== status) {
+            return {
+                ...th,
+                status,
+                statusResponse,
+                axelarUrl: statusResponse?.axelarTransactionUrl,
+                sourceTxExplorerUrl: statusResponse?.fromChain?.transactionUrl,
+            };
+        }
+        return {
+            ...th,
+            axelarUrl: statusResponse?.axelarTransactionUrl,
+            sourceTxExplorerUrl: statusResponse?.fromChain?.transactionUrl,
+        };
+    }) ?? []);
+};
+export const replaceTransactionAtNonce = (nonce, fromAddress, transactionsHistory, TransactionHistoryStore) => {
+    const newTransactionsHistory = transactionsHistory ?? [];
+    // Find the transaction with the same nonce and from address
+    const transactionIndex = transactionsHistory?.findIndex((th) => th.nonce === nonce && th.fromAddress === fromAddress);
+    // If found, replace it with the new transaction
+    if (transactionIndex !== undefined && transactionIndex !== -1) {
+        newTransactionsHistory[transactionIndex] = TransactionHistoryStore;
+    }
+    return newTransactionsHistory;
+};
+export const formatTransactionHistoryDate = (transaction) => {
+    if (!transaction?.timestamp)
+        return undefined;
+    try {
+        const date = new Date(Number(transaction.timestamp));
+        // Format date to: MMM DD. Examples:
+        // Jan 01
+        // May 12
+        const month = new Intl.DateTimeFormat("en-US", { month: "short" }).format(date);
+        const day = date.toLocaleString("en-US", { day: "2-digit" });
+        return { month, day };
+    }
+    catch (error) {
+        console.error("Error formatting date:", error);
+        return undefined;
+    }
+};
+export const getAxelarExplorerTxUrl = (urlPrefix, routeType, txID) => {
+    if (!urlPrefix) {
+        return undefined;
+    }
+    const txType = routeType ?? TransactionType.BRIDGE;
+    if (txType === TransactionType.CALL_BRIDGE ||
+        txType === TransactionType.BRIDGE) {
+        return `${urlPrefix}transfer/${txID}`;
+    }
+    return `${urlPrefix}gmp/${txID}`;
+};
+export const getSourceExplorerTxUrl = (chain, txID) => {
+    if (!chain || !chain.blockExplorerUrls[0]) {
+        return undefined;
+    }
+    let txSuffix;
+    switch (chain.chainId) {
+        case "agoric-3":
+            txSuffix = "/transactions/";
+            break;
+        default:
+            txSuffix = "/tx/";
+    }
+    if (chain.blockExplorerUrls[0].endsWith("/")) {
+        txSuffix = txSuffix.slice(1);
+    }
+    return `${chain.blockExplorerUrls[0]}${txSuffix}${txID}`;
+};
+export const getMainExplorerUrl = (transaction) => {
+    // The most accurate one is coming from squid /status api
+    if (transaction?.statusResponse?.axelarTransactionUrl) {
+        return transaction?.statusResponse.axelarTransactionUrl;
+    }
+    // If not, we can try to get it from the source chain
+    if (transaction?.sourceTxExplorerUrl) {
+        return transaction?.sourceTxExplorerUrl;
+    }
+    // If not, we can try to guess it from the transaction type
+    if (transaction && transaction?.transactionId) {
+        return getAxelarExplorerTxUrl(transaction.statusResponse?.axelarTransactionUrl, transaction.routeType, transaction.transactionId);
+    }
+    return undefined;
+};
+/**
+ * A CCTP Transaction is one that is not using Axelar, but using Circle Mint & Burn mechanism
+ * Squid API is using a different status endpoint to track status of CCTP transactions
+ * @param transaction
+ * @returns
+ */
+export const isCCTPBridge = (transaction) => {
+    return (transaction?.fromChain?.chainId.includes("noble") ||
+        transaction?.toChain?.chainId.includes("noble"));
+};
+export const formatDistance = (date, baseDate, options) => {
+    const { includeSeconds = false, addSuffix = false, locale = { locale: "en-US" }, } = options || {};
+    const elapsedMilliseconds = Math.abs(new Date(date).getTime() - new Date(baseDate).getTime());
+    const seconds = Math.round(elapsedMilliseconds / 1000);
+    const minutes = Math.round(seconds / 60);
+    const hours = Math.round(minutes / 60);
+    const days = Math.round(hours / 24);
+    const months = Math.round(days / 30.44);
+    const years = Math.round(days / 365.25);
+    const rtf = new Intl.RelativeTimeFormat(locale.locale, { numeric: "auto" });
+    let formatted = "";
+    if (includeSeconds && seconds < 45) {
+        const unit = addSuffix ? "second" : "seconds";
+        formatted = rtf.format(-seconds, unit);
+    }
+    else if (minutes < 60) {
+        formatted = rtf.format(-minutes, "minutes");
+    }
+    else if (hours < 24) {
+        formatted = rtf.format(-hours, "hours");
+    }
+    else if (days < 30) {
+        formatted = rtf.format(-days, "days");
+    }
+    else if (months < 12) {
+        formatted = rtf.format(-months, "months");
+    }
+    else {
+        formatted = rtf.format(-years, "years");
+    }
+    // remove "ago" from the string
+    // before: "2 minutes ago"
+    // after: "2 minutes"
+    return addSuffix ? formatted : formatted.replace(/\b(?:ago)\b/, "").trim();
+};
+export const formatSeconds = (seconds, secondsTemplate = " seconds", minutesTemplate = " minutes") => {
+    let duration = "";
+    if (seconds < 60) {
+        duration = `${seconds.toString()}${secondsTemplate}`;
+    }
+    else {
+        duration = formatDistance(0, seconds * 1000, { includeSeconds: true });
+    }
+    return duration
+        .replace(" minutes", minutesTemplate)
+        .replace(" minute", minutesTemplate);
+};
+//# sourceMappingURL=transactionService.js.map

package/dist/services/internal/transactionService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transactionService.js","sourceRoot":"","sources":["../../../src/services/internal/transactionService.ts"],"names":[],"mappings":"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"}

package/dist/services/internal/transactionStatusService.d.ts

@@ -0,0 +1,28 @@
+import type { StepStatusGetterProps, TransactionParams } from "@/core/types/transaction";
+import { TransactionStatus, TransactionType } from "@/core/types/transaction";
+import type { ChainData, StatusResponse, Token } from "@0xsquid/sdk/dist/types";
+import type { UseQueryResult } from "@tanstack/react-query";
+/**
+ * Get the steps for a transaction
+ * First step and second step are always the same
+ * @param transaction
+ * @param statusResponse
+ * @returns {TransactionStepStatus[]}
+ */
+export declare const getStepStatuses: ({ transaction, statusResponse, onlyFullStatusStep, }: StepStatusGetterProps) => TransactionStatus[];
+export declare const getHalfSuccessState: (status?: TransactionStatus) => TransactionStatus | undefined;
+export declare const getStepsInfos: ({ fromChain, toChain, fromToken, toToken, amount, txType, transaction, statusResponse, }: {
+    txType: TransactionType;
+    amount: string;
+    fromChain?: ChainData;
+    toChain?: ChainData;
+    fromToken?: Token;
+    toToken?: Token;
+    transaction?: TransactionParams;
+    statusResponse?: UseQueryResult<StatusResponse, unknown>;
+}) => {
+    label: string;
+    status: TransactionStatus;
+    subTitle?: string;
+    link?: string;
+}[];