@rainlanguage/ui-components 0.0.1-alpha.237 → 0.0.1-alpha.239

package/dist/providers/transactions/TransactionManager.js

@@ -1,12 +1,13 @@
-import { writable } from 'svelte/store';
-import { TransactionStore } from '../../models/Transaction';
-import { TransactionName, TransactionStatusMessage, TransactionStoreErrorMessage } from '../../types/transaction';
-import { getExplorerLink } from '../../services/getExplorerLink';
-import { RaindexClient, Float } from '@rainlanguage/orderbook';
+import { writable } from "svelte/store";
+import { TransactionStore } from "../../models/Transaction";
+import { TransactionName, TransactionStatusMessage, TransactionStoreErrorMessage, } from "../../types/transaction";
+import { getExplorerLink } from "../../services/getExplorerLink";
+import { RaindexClient, Float, } from "@rainlanguage/raindex";
+const ADD_ORDER_INDEXING_MAX_ATTEMPTS = 12;
+const ADD_ORDER_INDEXING_INTERVAL_MS = 5_000;
 /**
  * Creates an indexing function that wraps SDK-based polling logic.
- * The SDK handles local-DB-first polling followed by subgraph fallback internally,
- * so we only need to call it once.
+ * The SDK handles the retry loop internally, so we only need to call it once.
  *
  * @param options Configuration for SDK-based indexing
  * @param options.call Function that calls the SDK method (e.g. getAddOrdersForTransaction)
@@ -20,17 +21,17 @@ export function createSdkIndexingFn(options) {
         try {
             const result = await options.call();
             if (result.error) {
-                const errorMsg = result.error.readableMsg?.toLowerCase() ?? '';
-                if (errorMsg.includes('timeout')) {
+                const errorMsg = result.error.readableMsg?.toLowerCase() ?? "";
+                if (errorMsg.includes("timeout")) {
                     ctx.updateState({
                         status: TransactionStatusMessage.ERROR,
-                        errorDetails: TransactionStoreErrorMessage.SUBGRAPH_TIMEOUT_ERROR
+                        errorDetails: TransactionStoreErrorMessage.SUBGRAPH_TIMEOUT_ERROR,
                     });
                 }
                 else {
                     ctx.updateState({
                         status: TransactionStatusMessage.ERROR,
-                        errorDetails: TransactionStoreErrorMessage.SUBGRAPH_FAILED
+                        errorDetails: TransactionStoreErrorMessage.SUBGRAPH_FAILED,
                     });
                 }
                 return ctx.onError();
@@ -47,14 +48,14 @@ export function createSdkIndexingFn(options) {
             // No valid data after polling
             ctx.updateState({
                 status: TransactionStatusMessage.ERROR,
-                errorDetails: TransactionStoreErrorMessage.SUBGRAPH_FAILED
+                errorDetails: TransactionStoreErrorMessage.SUBGRAPH_FAILED,
             });
             return ctx.onError();
         }
         catch {
             ctx.updateState({
                 status: TransactionStatusMessage.ERROR,
-                errorDetails: TransactionStoreErrorMessage.SUBGRAPH_FAILED
+                errorDetails: TransactionStoreErrorMessage.SUBGRAPH_FAILED,
             });
             return ctx.onError();
         }
@@ -87,7 +88,7 @@ export class TransactionManager {
         this.transactions = writable([]);
     }
     /**
-     * Creates and initializes a new transaction for removing an order from the orderbook.
+     * Creates and initializes a new transaction for removing an order from the raindex.
      * @param args - Configuration for the remove order transaction.
      * @param args.txHash - Hash of the transaction to track.
      * @param args.chainId - Chain ID where the transaction is being executed.
@@ -104,19 +105,19 @@ export class TransactionManager {
      */
     async createRemoveOrderTransaction(args) {
         const name = TransactionName.REMOVAL;
-        const errorMessage = 'Order removal failed.';
-        const successMessage = 'Order removed successfully.';
-        const { chainId, entity: { orderbook }, queryKey, txHash, raindexClient } = args;
-        const explorerLink = await getExplorerLink(txHash, chainId, 'tx');
+        const errorMessage = "Order removal failed.";
+        const successMessage = "Order removed successfully.";
+        const { chainId, entity: { raindex }, queryKey, txHash, raindexClient, } = args;
+        const explorerLink = await getExplorerLink(txHash, chainId, "tx");
         const toastLinks = [
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
         const awaitIndexingFn = createSdkIndexingFn({
-            call: () => raindexClient.getRemoveOrdersForTransaction(chainId, orderbook, txHash),
-            isSuccess: (orders) => Array.isArray(orders) && orders.length > 0
+            call: () => raindexClient.getRemoveOrdersForTransaction(chainId, raindex, txHash),
+            isSuccess: (orders) => Array.isArray(orders) && orders.length > 0,
         });
         return this.createTransaction({
             ...args,
@@ -125,7 +126,7 @@ export class TransactionManager {
             successMessage,
             queryKey,
             toastLinks,
-            awaitIndexingFn
+            awaitIndexingFn,
         });
     }
     /**
@@ -146,23 +147,23 @@ export class TransactionManager {
      */
     async createWithdrawTransaction(args) {
         const name = TransactionName.WITHDRAWAL;
-        const errorMessage = 'Withdrawal failed.';
-        const successMessage = 'Withdrawal successful.';
-        const { chainId, entity: { orderbook }, queryKey, txHash, raindexClient } = args;
-        const explorerLink = await getExplorerLink(txHash, chainId, 'tx');
+        const errorMessage = "Withdrawal failed.";
+        const successMessage = "Withdrawal successful.";
+        const { chainId, entity: { raindex }, queryKey, txHash, raindexClient, } = args;
+        const explorerLink = await getExplorerLink(txHash, chainId, "tx");
         const toastLinks = [
             {
-                link: `/vaults/${chainId}-${orderbook}-${queryKey}`,
-                label: 'View vault'
+                link: `/vaults/${chainId}-${raindex}-${queryKey}`,
+                label: "View vault",
             },
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
         const awaitIndexingFn = createSdkIndexingFn({
-            call: () => raindexClient.getTransaction(chainId, orderbook, txHash),
-            isSuccess: (tx) => !!tx
+            call: () => raindexClient.getTransaction(chainId, raindex, txHash),
+            isSuccess: (tx) => !!tx,
         });
         return this.createTransaction({
             ...args,
@@ -171,18 +172,18 @@ export class TransactionManager {
             successMessage,
             queryKey,
             toastLinks,
-            awaitIndexingFn
+            awaitIndexingFn,
         });
     }
     /**
      * Creates a multicall withdrawal transaction.
      *
-     * Precondition: all provided vaults must share the same Raindex orderbook.
+     * Precondition: all provided vaults must share the same raindex.
      * This is enforced upstream in handleVaultsWithdrawAll.ts:
-     *   if (vaults.some(v => v.orderbook !== vaults[0].orderbook)) { … }
+     *   if (vaults.some(v => v.raindex !== vaults[0].raindex)) { … }
      *
      * @param args.chainId the target chain ID
-     * @param args.vaults list of RaindexVault instances (must share an orderbook)
+     * @param args.vaults list of RaindexVault instances (must share a raindex)
      * @param args.txHash the transaction hash to wrap
      * @param args.queryKey cache key for invalidation
      * @param args.raindexClient Raindex API client	 * @example
@@ -196,29 +197,29 @@ export class TransactionManager {
      */
     async createVaultsWithdrawAllTransaction(args) {
         const name = TransactionName.WITHDRAWAL_MULTIPLE;
-        const errorMessage = 'Withdrawal failed.';
-        const successMessage = 'Withdrawal successful.';
+        const errorMessage = "Withdrawal failed.";
+        const successMessage = "Withdrawal successful.";
         const { chainId, vaults, txHash, queryKey, raindexClient } = args;
         if (vaults.length === 0) {
-            throw new Error('At least one vault is required for withdrawal');
+            throw new Error("At least one vault is required for withdrawal");
         }
-        // All vaults must share the same orderbook for multicall transactions
+        // All vaults must share the same raindex for multicall transactions
         // It should be validated before calling this method
-        const orderbook = vaults[0].orderbook;
-        const explorerLink = await getExplorerLink(txHash, chainId, 'tx');
+        const raindex = vaults[0].raindex;
+        const explorerLink = await getExplorerLink(txHash, chainId, "tx");
         const toastLinks = [
             {
-                link: '/vaults/',
-                label: 'View all vaults'
+                link: "/vaults/",
+                label: "View all vaults",
             },
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
         const awaitIndexingFn = createSdkIndexingFn({
-            call: () => raindexClient.getTransaction(chainId, orderbook, txHash),
-            isSuccess: (tx) => !!tx
+            call: () => raindexClient.getTransaction(chainId, raindex, txHash),
+            isSuccess: (tx) => !!tx,
         });
         return this.createTransaction({
             ...args,
@@ -227,7 +228,7 @@ export class TransactionManager {
             successMessage,
             toastLinks,
             queryKey,
-            awaitIndexingFn
+            awaitIndexingFn,
         });
     }
     /**
@@ -249,24 +250,24 @@ export class TransactionManager {
      */
     async createApprovalTransaction(args) {
         const { entity, queryKey, chainId } = args;
-        const tokenSymbol = entity?.token.symbol || 'token';
+        const tokenSymbol = entity?.token.symbol || "token";
         const name = `Approving ${tokenSymbol} spend`;
-        const errorMessage = 'Approval failed.';
-        const successMessage = 'Approval successful.';
-        const explorerLink = await getExplorerLink(args.txHash, args.chainId, 'tx');
+        const errorMessage = "Approval failed.";
+        const successMessage = "Approval successful.";
+        const explorerLink = await getExplorerLink(args.txHash, args.chainId, "tx");
         let toastLinks = [
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
         if (entity) {
             toastLinks = [
                 {
-                    link: `/vaults/${chainId}-${entity.orderbook}-${queryKey}`,
-                    label: 'View vault'
+                    link: `/vaults/${chainId}-${entity.raindex}-${queryKey}`,
+                    label: "View vault",
                 },
-                ...toastLinks
+                ...toastLinks,
             ];
         }
         return this.createTransaction({
@@ -274,7 +275,7 @@ export class TransactionManager {
             name,
             errorMessage,
             successMessage,
-            toastLinks
+            toastLinks,
         });
     }
     /**
@@ -285,22 +286,22 @@ export class TransactionManager {
      * @param args.queryKey - Identifier used for query invalidation, typically the order hash.
      */
     async createMetaTransaction(args) {
-        const name = 'Publishing metadata';
-        const errorMessage = 'Metadata publication failed.';
-        const successMessage = 'Metadata published.';
-        const explorerLink = await getExplorerLink(args.txHash, args.chainId, 'tx');
+        const name = "Publishing metadata";
+        const errorMessage = "Metadata publication failed.";
+        const successMessage = "Metadata published.";
+        const explorerLink = await getExplorerLink(args.txHash, args.chainId, "tx");
         const toastLinks = [
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
         return this.createTransaction({
             ...args,
             name,
             errorMessage,
             successMessage,
-            toastLinks
+            toastLinks,
         });
     }
     /**
@@ -324,23 +325,23 @@ export class TransactionManager {
     async createDepositTransaction(args) {
         const tokenSymbol = args.entity.token.symbol;
         const name = `Depositing ${args.amount.format().value} ${tokenSymbol}`;
-        const errorMessage = 'Deposit failed.';
-        const successMessage = 'Deposit successful.';
-        const { chainId, entity: { orderbook }, txHash, queryKey, raindexClient } = args;
-        const explorerLink = await getExplorerLink(txHash, chainId, 'tx');
+        const errorMessage = "Deposit failed.";
+        const successMessage = "Deposit successful.";
+        const { chainId, entity: { raindex }, txHash, queryKey, raindexClient, } = args;
+        const explorerLink = await getExplorerLink(txHash, chainId, "tx");
         const toastLinks = [
             {
-                link: `/vaults/${chainId}-${orderbook}-${queryKey}`,
-                label: 'View vault'
+                link: `/vaults/${chainId}-${raindex}-${queryKey}`,
+                label: "View vault",
             },
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
         const awaitIndexingFn = createSdkIndexingFn({
-            call: () => raindexClient.getTransaction(chainId, orderbook, txHash),
-            isSuccess: (tx) => !!tx
+            call: () => raindexClient.getTransaction(chainId, raindex, txHash),
+            isSuccess: (tx) => !!tx,
         });
         return this.createTransaction({
             ...args,
@@ -349,7 +350,7 @@ export class TransactionManager {
             successMessage,
             queryKey,
             toastLinks,
-            awaitIndexingFn
+            awaitIndexingFn,
         });
     }
     /**
@@ -367,21 +368,20 @@ export class TransactionManager {
      * });
      */
     async createAddOrderTransaction(args) {
-        const { queryKey, txHash, chainId, orderbook, raindexClient } = args;
-        const name = 'Deploying order';
-        const errorMessage = 'Deployment failed.';
-        const successMessage = 'Order deployed successfully.';
-        const explorerLink = await getExplorerLink(txHash, chainId, 'tx');
+        const { queryKey, txHash, chainId, raindex, raindexClient } = args;
+        const name = "Deploying order";
+        const errorMessage = "Deployment failed.";
+        const successMessage = "Order deployed successfully.";
+        const explorerLink = await getExplorerLink(txHash, chainId, "tx");
         const toastLinks = [
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
-        // SDK-based indexing - the SDK's getAddOrdersForTransaction handles
-        // local-DB-first polling followed by subgraph fallback internally
+        // SDK-based indexing - getAddOrdersForTransaction handles the retry loop.
         const awaitIndexingFn = createSdkIndexingFn({
-            call: () => raindexClient.getAddOrdersForTransaction(chainId, orderbook, txHash),
+            call: () => raindexClient.getAddOrdersForTransaction(chainId, raindex, txHash, ADD_ORDER_INDEXING_MAX_ATTEMPTS, ADD_ORDER_INDEXING_INTERVAL_MS),
             isSuccess: (orders) => Array.isArray(orders) && orders.length > 0,
             buildLinks: (orders) => {
                 if (!Array.isArray(orders) || orders.length === 0)
@@ -391,11 +391,11 @@ export class TransactionManager {
                     return [];
                 return [
                     {
-                        link: `/orders/${chainId}-${orderbook}-${firstOrder.orderHash}`,
-                        label: 'View order'
-                    }
+                        link: `/orders/${chainId}-${raindex}-${firstOrder.orderHash}`,
+                        label: "View order",
+                    },
                 ];
-            }
+            },
         });
         return this.createTransaction({
             ...args,
@@ -404,7 +404,7 @@ export class TransactionManager {
             successMessage,
             queryKey,
             toastLinks,
-            awaitIndexingFn
+            awaitIndexingFn,
         });
     }
     /**
@@ -426,19 +426,19 @@ export class TransactionManager {
      */
     async createTakeOrderTransaction(args) {
         const name = TransactionName.TAKE_ORDER;
-        const errorMessage = 'Take order failed.';
-        const successMessage = 'Order taken successfully.';
-        const { chainId, entity: { orderbook }, queryKey, txHash, raindexClient } = args;
-        const explorerLink = await getExplorerLink(txHash, chainId, 'tx');
+        const errorMessage = "Take order failed.";
+        const successMessage = "Order taken successfully.";
+        const { chainId, entity: { raindex }, queryKey, txHash, raindexClient, } = args;
+        const explorerLink = await getExplorerLink(txHash, chainId, "tx");
         const toastLinks = [
             {
                 link: explorerLink,
-                label: 'View on explorer'
-            }
+                label: "View on explorer",
+            },
         ];
         const awaitIndexingFn = createSdkIndexingFn({
-            call: () => raindexClient.getTransaction(chainId, orderbook, txHash),
-            isSuccess: (tx) => !!tx
+            call: () => raindexClient.getTransaction(chainId, raindex, txHash),
+            isSuccess: (tx) => !!tx,
         });
         return this.createTransaction({
             ...args,
@@ -447,7 +447,7 @@ export class TransactionManager {
             successMessage,
             queryKey,
             toastLinks,
-            awaitIndexingFn
+            awaitIndexingFn,
         });
     }
     /**
@@ -465,7 +465,7 @@ export class TransactionManager {
     async createTransaction(args) {
         const createTransactionArgs = {
             ...args,
-            config: this.wagmiConfig
+            config: this.wagmiConfig,
         };
         const onSuccess = () => {
             if (args.queryKey) {
@@ -475,15 +475,15 @@ export class TransactionManager {
         const onError = () => {
             this.addToast({
                 message: args.errorMessage,
-                type: 'error',
-                color: 'red',
-                links: args.toastLinks
+                type: "error",
+                color: "red",
+                links: args.toastLinks,
             });
         };
         const transactionInstance = new TransactionStore(createTransactionArgs, onSuccess, onError);
         this.transactions.update((currentTransactions) => [
             ...currentTransactions,
-            transactionInstance
+            transactionInstance,
         ]);
         await transactionInstance.execute();
         return transactionInstance;

package/dist/providers/transactions/context.d.ts

@@ -1,4 +1,4 @@
-import { TransactionManager } from './TransactionManager';
+import { TransactionManager } from "./TransactionManager";
 /**
  * The context key used to store and retrieve the TransactionManager instance
  */

package/dist/providers/transactions/context.js

@@ -1,9 +1,9 @@
-import { getContext, setContext } from 'svelte';
-import { TransactionManager } from './TransactionManager';
+import { getContext, setContext } from "svelte";
+import { TransactionManager } from "./TransactionManager";
 /**
  * The context key used to store and retrieve the TransactionManager instance
  */
-export const TRANSACTION_MANAGER_CONTEXT_KEY = 'rain:ui-components:transactionManager';
+export const TRANSACTION_MANAGER_CONTEXT_KEY = "rain:ui-components:transactionManager";
 /**
  * Sets the TransactionManager instance in Svelte's context
  *
@@ -22,7 +22,7 @@ export function setTransactionManagerContext(manager) {
 export function getTransactionManagerContext() {
     const manager = getContext(TRANSACTION_MANAGER_CONTEXT_KEY);
     if (!manager) {
-        throw new Error('TransactionManager not found. Did you forget to setTransactionManagerContext?');
+        throw new Error("TransactionManager not found. Did you forget to setTransactionManagerContext?");
     }
     return manager;
 }

package/dist/providers/transactions/useTransactions.js

@@ -1,4 +1,4 @@
-import { getTransactionManagerContext } from './context';
+import { getTransactionManagerContext } from "./context";
 /**
  * Hook for accessing the transaction manager in the application.
  * Provides access to the transactions store for monitoring transaction states.
@@ -13,6 +13,6 @@ export function useTransactions() {
     const transactions = manager.getTransactions();
     return {
         manager,
-        transactions
+        transactions,
     };
 }

package/dist/providers/wallet/context.d.ts

@@ -1,4 +1,4 @@
-import type { Account } from '../../types/account';
+import type { Account } from "../../types/account";
 export declare const ACCOUNT_KEY = "account_key";
 /**
  * Retrieves the account store directly from Svelte's context

package/dist/providers/wallet/context.js

@@ -1,13 +1,13 @@
-import { getContext, setContext } from 'svelte';
-import { readable } from 'svelte/store';
-export const ACCOUNT_KEY = 'account_key';
+import { getContext, setContext } from "svelte";
+import { readable } from "svelte/store";
+export const ACCOUNT_KEY = "account_key";
 /**
  * Retrieves the account store directly from Svelte's context
  */
 export const getAccountContext = () => {
     const account = getContext(ACCOUNT_KEY);
     if (!account) {
-        throw new Error('No account was found in Svelte context. Did you forget to wrap your component with WalletProvider?');
+        throw new Error("No account was found in Svelte context. Did you forget to wrap your component with WalletProvider?");
     }
     return account;
 };
@@ -19,17 +19,17 @@ export const setAccountContext = (account) => {
 };
 if (import.meta.vitest) {
     const { describe, it, expect, vi, beforeEach } = import.meta.vitest;
-    vi.mock('svelte', async (importOriginal) => ({
+    vi.mock("svelte", async (importOriginal) => ({
         ...(await importOriginal()),
-        getContext: vi.fn()
+        getContext: vi.fn(),
     }));
-    describe('getAccountContext', () => {
+    describe("getAccountContext", () => {
         const mockGetContext = vi.mocked(getContext);
         beforeEach(() => {
             mockGetContext.mockReset();
         });
-        it('should return the account from context when it exists', () => {
-            const mockAccount = readable('0x456');
+        it("should return the account from context when it exists", () => {
+            const mockAccount = readable("0x456");
             mockGetContext.mockImplementation((key) => {
                 if (key === ACCOUNT_KEY)
                     return mockAccount;
@@ -39,9 +39,9 @@ if (import.meta.vitest) {
             expect(mockGetContext).toHaveBeenCalledWith(ACCOUNT_KEY);
             expect(result).toEqual(mockAccount);
         });
-        it('should throw an error when account is not in context', () => {
+        it("should throw an error when account is not in context", () => {
             mockGetContext.mockReturnValue(undefined);
-            expect(() => getAccountContext()).toThrow('No account was found in Svelte context. Did you forget to wrap your component with WalletProvider?');
+            expect(() => getAccountContext()).toThrow("No account was found in Svelte context. Did you forget to wrap your component with WalletProvider?");
         });
     });
 }