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

package/dist/components/tables/OrderVaultsVolTable.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type RaindexOrder } from '@rainlanguage/orderbook';
+import { type RaindexOrder } from '@rainlanguage/raindex';
 declare const __propDef: {
     props: {
         order: RaindexOrder;

package/dist/components/tables/OrdersListTable.svelte

@@ -2,10 +2,10 @@
 import { goto } from "$app/navigation";
 import { DotsVerticalOutline } from "flowbite-svelte-icons";
 import { createInfiniteQuery, createQuery } from "@tanstack/svelte-query";
-import { RaindexOrder } from "@rainlanguage/orderbook";
+import { RaindexOrder } from "@rainlanguage/raindex";
 import TanstackAppTable from "../TanstackAppTable.svelte";
 import { formatTimestampSecondsAsLocal } from "../../services/time";
-import ListViewOrderbookFilters from "../ListViewOrderbookFilters.svelte";
+import ListViewRaindexFilters from "../ListViewRaindexFilters.svelte";
 import Hash, { HashType } from "../Hash.svelte";
 import VaultCard from "../VaultCard.svelte";
 import { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from "../../queries/constants";
@@ -30,7 +30,7 @@ export let orderHash;
 export let hideZeroBalanceVaults;
 export let hideInactiveOrdersVaults;
 export let activeTokens;
-export let activeOrderbookAddresses;
+export let activeRaindexAddresses;
 export let ownerFilter;
 const { matchesAccount, account } = useAccount();
 const raindexClient = useRaindexClient();
@@ -48,18 +48,18 @@ $: tokensQuery = createQuery({
 $: selectedTokens = $activeTokens?.filter(
   (address) => !$tokensQuery.data || $tokensQuery.data.some((t) => t.address === address)
 ) ?? [];
-$: orderbooksMap = raindexClient.getAllOrderbooks()?.value ?? /* @__PURE__ */ new Map();
-$: availableOrderbookAddresses = (() => {
+$: raindexesMap = raindexClient.getAllRaindexes()?.value ?? /* @__PURE__ */ new Map();
+$: availableRaindexAddresses = (() => {
   const addrs = [];
-  orderbooksMap.forEach((cfg) => {
+  raindexesMap.forEach((cfg) => {
     if ($selectedChainIds.length === 0 || $selectedChainIds.includes(cfg.network.chainId)) {
       addrs.push(cfg.address.toLowerCase());
     }
   });
   return addrs;
 })();
-$: selectedOrderbookAddresses = $activeOrderbookAddresses?.filter(
-  (address) => availableOrderbookAddresses.includes(address.toLowerCase())
+$: selectedRaindexAddresses = $activeRaindexAddresses?.filter(
+  (address) => availableRaindexAddresses.includes(address.toLowerCase())
 ) ?? [];
 $: query = createInfiniteQuery({
   queryKey: [
@@ -69,7 +69,7 @@ $: query = createInfiniteQuery({
     $showInactiveOrders,
     $orderHash,
     selectedTokens,
-    selectedOrderbookAddresses
+    selectedRaindexAddresses
   ],
   queryFn: async ({ pageParam }) => {
     const result = await raindexClient.getOrders(
@@ -79,7 +79,7 @@ $: query = createInfiniteQuery({
         active: $showInactiveOrders ? void 0 : true,
         orderHash: $orderHash || void 0,
         tokens: selectedTokens.length > 0 ? { inputs: selectedTokens, outputs: selectedTokens } : void 0,
-        orderbookAddresses: selectedOrderbookAddresses.length > 0 ? selectedOrderbookAddresses : void 0
+        raindexAddresses: selectedRaindexAddresses.length > 0 ? selectedRaindexAddresses : void 0
       },
       pageParam + 1
     );
@@ -96,7 +96,7 @@ $: query = createInfiniteQuery({
 const AppTable = TanstackAppTable;
 </script>
 
-<ListViewOrderbookFilters
+<ListViewRaindexFilters
 	{selectedChainIds}
 	{showInactiveOrders}
 	{orderHash}
@@ -105,8 +105,8 @@ const AppTable = TanstackAppTable;
 	{tokensQuery}
 	{activeTokens}
 	{selectedTokens}
-	{activeOrderbookAddresses}
-	{selectedOrderbookAddresses}
+	{activeRaindexAddresses}
+	{selectedRaindexAddresses}
 	{ownerFilter}
 />
 
@@ -116,7 +116,7 @@ const AppTable = TanstackAppTable;
 	emptyMessage="No Orders Found"
 	dataSelector={(page) => page.orders}
 	on:clickRow={(e) => {
-		goto(`/orders/${e.detail.item.chainId}-${e.detail.item.orderbook}-${e.detail.item.orderHash}`);
+		goto(`/orders/${e.detail.item.chainId}-${e.detail.item.raindex}-${e.detail.item.orderHash}`);
 	}}
 >
 	<svelte:fragment slot="title">
@@ -192,8 +192,8 @@ const AppTable = TanstackAppTable;
 					<Hash type={HashType.Wallet} value={item.owner} />
 				</div>
 				<div class="flex items-center gap-1">
-					<span class="text-gray-500 dark:text-gray-400">Orderbook:</span>
-					<Hash type={HashType.Identifier} value={item.orderbook} />
+					<span class="text-gray-500 dark:text-gray-400">Raindex:</span>
+					<Hash type={HashType.Identifier} value={item.raindex} />
 				</div>
 			</div>
 		</TableBodyCell>
@@ -225,7 +225,7 @@ const AppTable = TanstackAppTable;
 		</TableBodyCell>
 
 		<TableBodyCell data-testid="orderListRowTrades" tdClass="break-word p-2">
-			{item.tradesCount > 99 ? '>99' : item.tradesCount}
+			{item.tradesCount}
 		</TableBodyCell>
 		{#if $account && (handleTakeOrderModal || handleOrderRemoveModal)}
 			<TableBodyCell data-testid="orderListRowActions" tdClass="px-2 py-2">
@@ -250,6 +250,8 @@ const AppTable = TanstackAppTable;
 								data-testid={`order-menu-${item.id}`}
 								id={`order-menu-${item.id}`}
 								class="border-none px-2"
+								title="Order actions"
+								aria-label="Order actions"
 								on:click={(e) => {
 									e.stopPropagation();
 								}}

package/dist/components/tables/OrdersListTable.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
         hideInactiveOrdersVaults: AppStoresInterface["hideInactiveOrdersVaults"];
         activeTokens: AppStoresInterface["activeTokens"];
-        activeOrderbookAddresses: AppStoresInterface["activeOrderbookAddresses"];
+        activeRaindexAddresses: AppStoresInterface["activeRaindexAddresses"];
         ownerFilter: AppStoresInterface["ownerFilter"];
     };
     events: {

package/dist/components/tables/VaultBalanceChangesTable.svelte

@@ -2,7 +2,7 @@
 import { createInfiniteQuery } from "@tanstack/svelte-query";
 import {
   RaindexVault
-} from "@rainlanguage/orderbook";
+} from "@rainlanguage/raindex";
 import { formatTimestampSecondsAsLocal } from "../../services/time";
 import Hash, { HashType } from "../Hash.svelte";
 import { QKEY_VAULT_CHANGES } from "../../queries/keys";

package/dist/components/tables/VaultBalanceChangesTable.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { RaindexVault } from '@rainlanguage/orderbook';
+import { RaindexVault } from '@rainlanguage/raindex';
 declare const __propDef: {
     props: {
         vault: RaindexVault;

package/dist/components/tables/VaultsListTable.svelte

@@ -12,7 +12,7 @@ import { goto } from "$app/navigation";
 import { ArrowUpFromBracketOutline, DotsVerticalOutline } from "flowbite-svelte-icons";
 import { createInfiniteQuery, createQuery } from "@tanstack/svelte-query";
 import TanstackAppTable from "../TanstackAppTable.svelte";
-import ListViewOrderbookFilters from "../ListViewOrderbookFilters.svelte";
+import ListViewRaindexFilters from "../ListViewRaindexFilters.svelte";
 import OrderOrVaultHash from "../OrderOrVaultHash.svelte";
 import Hash, { HashType } from "../Hash.svelte";
 import { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from "../../queries/constants";
@@ -21,7 +21,7 @@ import {
   RaindexClient,
   RaindexVault,
   RaindexVaultsList
-} from "@rainlanguage/orderbook";
+} from "@rainlanguage/raindex";
 import { QKEY_TOKENS, QKEY_VAULTS } from "../../queries/keys";
 import { useAccount } from "../../providers/wallet/useAccount";
 import { getNetworkName } from "../../utils/getNetworkName";
@@ -36,7 +36,7 @@ export let hideZeroBalanceVaults;
 export let hideInactiveOrdersVaults;
 export let activeTokens;
 export let selectedChainIds;
-export let activeOrderbookAddresses;
+export let activeRaindexAddresses;
 export let ownerFilter;
 export let handleDepositModal = void 0;
 export let handleWithdrawModal = void 0;
@@ -57,18 +57,18 @@ $: tokensQuery = createQuery({
 $: selectedTokens = $activeTokens?.filter(
   (address) => !$tokensQuery.data || $tokensQuery.data.some((t) => t.address === address)
 ) ?? [];
-$: orderbooksMap = raindexClient.getAllOrderbooks()?.value ?? /* @__PURE__ */ new Map();
-$: availableOrderbookAddresses = (() => {
+$: raindexesMap = raindexClient.getAllRaindexes()?.value ?? /* @__PURE__ */ new Map();
+$: availableRaindexAddresses = (() => {
   const addrs = [];
-  orderbooksMap.forEach((cfg) => {
+  raindexesMap.forEach((cfg) => {
     if ($selectedChainIds.length === 0 || $selectedChainIds.includes(cfg.network.chainId)) {
       addrs.push(cfg.address.toLowerCase());
     }
   });
   return addrs;
 })();
-$: selectedOrderbookAddresses = $activeOrderbookAddresses?.filter(
-  (address) => availableOrderbookAddresses.includes(address.toLowerCase())
+$: selectedRaindexAddresses = $activeRaindexAddresses?.filter(
+  (address) => availableRaindexAddresses.includes(address.toLowerCase())
 ) ?? [];
 $: query = createInfiniteQuery({
   queryKey: [
@@ -78,7 +78,7 @@ $: query = createInfiniteQuery({
     $selectedChainIds,
     ownerAddress,
     selectedTokens,
-    selectedOrderbookAddresses
+    selectedRaindexAddresses
   ],
   queryFn: async ({ pageParam }) => {
     const result = await raindexClient.getVaults(
@@ -87,17 +87,18 @@ $: query = createInfiniteQuery({
         owners,
         hideZeroBalance: $hideZeroBalanceVaults,
         tokens: selectedTokens,
-        orderbookAddresses: selectedOrderbookAddresses.length > 0 ? selectedOrderbookAddresses : void 0,
+        raindexAddresses: selectedRaindexAddresses.length > 0 ? selectedRaindexAddresses : void 0,
         onlyActiveOrders: $hideInactiveOrdersVaults
       },
-      pageParam + 1
+      pageParam + 1,
+      DEFAULT_PAGE_SIZE
     );
     if (result.error) throw new Error(result.error.readableMsg);
     return result.value;
   },
   initialPageParam: 0,
   getNextPageParam(lastPage, _allPages, lastPageParam) {
-    return lastPage.items.length === DEFAULT_PAGE_SIZE ? lastPageParam + 1 : void 0;
+    return lastPage.hasMore ? lastPageParam + 1 : void 0;
   },
   refetchInterval: DEFAULT_REFRESH_INTERVAL,
   enabled: true
@@ -133,7 +134,7 @@ const handleWithdrawAll = () => {
   try {
     const filteredVaultListResults = pages.reduce(
       (prev, cur) => {
-        const result = cur.pickByIds(selectedIds);
+        const result = cur.vaults.pickByIds(selectedIds);
         if (result.error) {
           throw new Error(result.error.readableMsg);
         }
@@ -175,7 +176,7 @@ const AppTable = TanstackAppTable;
 </script>
 
 {#if $query}
-	<ListViewOrderbookFilters
+	<ListViewRaindexFilters
 		{selectedChainIds}
 		{showInactiveOrders}
 		{orderHash}
@@ -184,8 +185,8 @@ const AppTable = TanstackAppTable;
 		{activeTokens}
 		{tokensQuery}
 		{selectedTokens}
-		{activeOrderbookAddresses}
-		{selectedOrderbookAddresses}
+		{activeRaindexAddresses}
+		{selectedRaindexAddresses}
 		{ownerFilter}
 	/>
 	<AppTable
@@ -194,7 +195,7 @@ const AppTable = TanstackAppTable;
 		queryKey={QKEY_VAULTS}
 		emptyMessage="No Vaults Found"
 		on:clickRow={(e) => {
-			goto(`/vaults/${e.detail.item.chainId}-${e.detail.item.orderbook}-${e.detail.item.id}`);
+			goto(`/vaults/${e.detail.item.chainId}-${e.detail.item.raindex}-${e.detail.item.id}`);
 		}}
 	>
 		<svelte:fragment slot="title">
@@ -259,8 +260,8 @@ const AppTable = TanstackAppTable;
 						<Hash type={HashType.Identifier} value={toHex(item.vaultId)} />
 					</div>
 					<div class="flex items-center gap-1">
-						<span class="text-gray-500 dark:text-gray-400">Orderbook:</span>
-						<Hash type={HashType.Identifier} value={item.orderbook} />
+						<span class="text-gray-500 dark:text-gray-400">Raindex:</span>
+						<Hash type={HashType.Identifier} value={item.raindex} />
 					</div>
 					<div class="flex items-center gap-1">
 						<span class="text-gray-500 dark:text-gray-400">Owner:</span>
@@ -284,7 +285,7 @@ const AppTable = TanstackAppTable;
 								type="orders"
 								orderOrVault={order}
 								chainId={item.chainId}
-								orderbookAddress={item.orderbook}
+								raindexAddress={item.raindex}
 							/>
 						{/each}
 						{#if item.ordersAsInput.length > 3}...{/if}
@@ -299,7 +300,7 @@ const AppTable = TanstackAppTable;
 								type="orders"
 								orderOrVault={order}
 								chainId={item.chainId}
-								orderbookAddress={item.orderbook}
+								raindexAddress={item.raindex}
 							/>
 						{/each}
 						{#if item.ordersAsOutput.length > 3}...{/if}
@@ -314,6 +315,8 @@ const AppTable = TanstackAppTable;
 						data-testid="vault-menu"
 						id={`vault-menu-${item.id}`}
 						class="mr-2 border-none px-2"
+						title="Vault actions"
+						aria-label="Vault actions"
 						on:click={(e) => {
 							e.stopPropagation();
 						}}

package/dist/components/tables/VaultsListTable.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { RaindexClient, RaindexVault, RaindexVaultsList } from '@rainlanguage/orderbook';
+import { RaindexClient, RaindexVault, RaindexVaultsList } from '@rainlanguage/raindex';
 import type { AppStoresInterface } from '../../types/appStores.ts';
 import { getAllContexts } from 'svelte';
 declare const __propDef: {
@@ -10,7 +10,7 @@ declare const __propDef: {
         hideInactiveOrdersVaults: AppStoresInterface["hideInactiveOrdersVaults"];
         activeTokens: AppStoresInterface["activeTokens"];
         selectedChainIds: AppStoresInterface["selectedChainIds"];
-        activeOrderbookAddresses: AppStoresInterface["activeOrderbookAddresses"];
+        activeRaindexAddresses: AppStoresInterface["activeRaindexAddresses"];
         ownerFilter: AppStoresInterface["ownerFilter"];
         handleDepositModal?: ((vault: RaindexVault, refetch: () => void, context: ReturnType<typeof getAllContexts>) => void) | undefined;
         handleWithdrawModal?: ((vault: RaindexVault, refetch: () => void, context: ReturnType<typeof getAllContexts>) => void) | undefined;

package/dist/components/transactions/FixedBottomTransaction.svelte

@@ -54,6 +54,7 @@ function dismissTransaction() {
 			<button
 				on:click={dismissTransaction}
 				class="flex-shrink-0 p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+				title="Dismiss transaction"
 				aria-label="Dismiss transaction"
 			>
 				<CloseOutline class="h-4 w-4" />

package/dist/components/transactions/getStatusEmoji.d.ts

@@ -1,2 +1,2 @@
-import { TransactionStatusMessage } from '../../types/transaction';
+import { TransactionStatusMessage } from "../../types/transaction";
 export declare function getStatusEmoji(status: TransactionStatusMessage): string;

package/dist/components/transactions/getStatusEmoji.js

@@ -1,20 +1,20 @@
-import { TransactionStatusMessage } from '../../types/transaction';
-import { match } from 'ts-pattern';
+import { TransactionStatusMessage } from "../../types/transaction";
+import { match } from "ts-pattern";
 export function getStatusEmoji(status) {
     return match(status)
-        .with(TransactionStatusMessage.PENDING_RECEIPT, () => '🔄')
-        .with(TransactionStatusMessage.PENDING_SUBGRAPH, () => '📊')
-        .with(TransactionStatusMessage.SUCCESS, () => '✅')
-        .with(TransactionStatusMessage.ERROR, () => '❌')
-        .otherwise(() => '❓');
+        .with(TransactionStatusMessage.PENDING_RECEIPT, () => "🔄")
+        .with(TransactionStatusMessage.PENDING_SUBGRAPH, () => "📊")
+        .with(TransactionStatusMessage.SUCCESS, () => "✅")
+        .with(TransactionStatusMessage.ERROR, () => "❌")
+        .otherwise(() => "❓");
 }
 if (import.meta.vitest) {
-    describe('getStatusEmoji', () => {
-        it('should return the correct emoji for each status', () => {
-            expect(getStatusEmoji(TransactionStatusMessage.PENDING_RECEIPT)).toBe('🔄');
-            expect(getStatusEmoji(TransactionStatusMessage.PENDING_SUBGRAPH)).toBe('📊');
-            expect(getStatusEmoji(TransactionStatusMessage.SUCCESS)).toBe('✅');
-            expect(getStatusEmoji(TransactionStatusMessage.ERROR)).toBe('❌');
+    describe("getStatusEmoji", () => {
+        it("should return the correct emoji for each status", () => {
+            expect(getStatusEmoji(TransactionStatusMessage.PENDING_RECEIPT)).toBe("🔄");
+            expect(getStatusEmoji(TransactionStatusMessage.PENDING_SUBGRAPH)).toBe("📊");
+            expect(getStatusEmoji(TransactionStatusMessage.SUCCESS)).toBe("✅");
+            expect(getStatusEmoji(TransactionStatusMessage.ERROR)).toBe("❌");
         });
     });
 }

package/dist/consts.js

@@ -1 +1 @@
-export const LICENSE_URL = 'https://raw.githubusercontent.com/rainlanguage/decentralicense/refs/heads/master/README.md';
+export const LICENSE_URL = "https://raw.githubusercontent.com/rainlanguage/decentralicense/refs/heads/master/README.md";

package/dist/errors/DeploymentStepsError.js

@@ -1,4 +1,4 @@
-import { writable } from 'svelte/store';
+import { writable } from "svelte/store";
 export var DeploymentStepsErrorCode;
 (function (DeploymentStepsErrorCode) {
     DeploymentStepsErrorCode["NO_BUILDER_PROVIDER"] = "No builder provider found.";
@@ -29,7 +29,7 @@ export class DeploymentStepsError extends Error {
         super(code);
         this.code = code;
         this.details = details;
-        this.name = 'DeploymentStepsError';
+        this.name = "DeploymentStepsError";
     }
     static get error() {
         return this.errorStore;
@@ -43,7 +43,7 @@ export class DeploymentStepsError extends Error {
     static catch(e, code) {
         const error = e instanceof DeploymentStepsError
             ? e
-            : new DeploymentStepsError(code, e instanceof Error ? e.message : 'Unknown error');
+            : new DeploymentStepsError(code, e instanceof Error ? e.message : "Unknown error");
         this.errorStore.set(error);
     }
     static clear() {

package/dist/errors/index.d.ts

@@ -1 +1 @@
-export * from './DeploymentStepsError';
+export * from "./DeploymentStepsError";

package/dist/errors/index.js

@@ -1 +1 @@
-export * from './DeploymentStepsError';
+export * from "./DeploymentStepsError";

package/dist/hooks/useLocalDb.d.ts

@@ -1,3 +1,3 @@
-import type { SQLiteWasmDatabase } from '@rainlanguage/sqlite-web';
+import type { SQLiteWasmDatabase } from "@rainlanguage/sqlite-web";
 export declare const LOCAL_DB_CONTEXT_KEY = "local-db-context";
 export declare function useLocalDb(): SQLiteWasmDatabase;

package/dist/hooks/useLocalDb.js

@@ -1,6 +1,6 @@
-import { getContext } from 'svelte';
-import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
-export const LOCAL_DB_CONTEXT_KEY = 'local-db-context';
+import { getContext } from "svelte";
+import { DeploymentStepsError, DeploymentStepsErrorCode, } from "../errors/DeploymentStepsError";
+export const LOCAL_DB_CONTEXT_KEY = "local-db-context";
 export function useLocalDb() {
     const db = getContext(LOCAL_DB_CONTEXT_KEY);
     if (!db) {

package/dist/hooks/useRaindexClient.d.ts

@@ -1,3 +1,3 @@
-import { RaindexClient } from '@rainlanguage/orderbook';
+import { RaindexClient } from "@rainlanguage/raindex";
 export declare const RAINDEX_CLIENT_CONTEXT_KEY = "raindex-client-context";
 export declare function useRaindexClient(): RaindexClient;

package/dist/hooks/useRaindexClient.js

@@ -1,7 +1,7 @@
-import { getContext } from 'svelte';
-import { RaindexClient } from '@rainlanguage/orderbook';
-import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
-export const RAINDEX_CLIENT_CONTEXT_KEY = 'raindex-client-context';
+import { getContext } from "svelte";
+import { RaindexClient } from "@rainlanguage/raindex";
+import { DeploymentStepsError, DeploymentStepsErrorCode, } from "../errors/DeploymentStepsError";
+export const RAINDEX_CLIENT_CONTEXT_KEY = "raindex-client-context";
 export function useRaindexClient() {
     const raindexClient = getContext(RAINDEX_CLIENT_CONTEXT_KEY);
     if (!raindexClient) {

package/dist/hooks/useRaindexOrderBuilder.d.ts

@@ -1,3 +1,3 @@
-import { RaindexOrderBuilder } from '@rainlanguage/orderbook';
+import { RaindexOrderBuilder } from "@rainlanguage/raindex";
 export declare const RAINDEX_ORDER_BUILDER_CONTEXT_KEY = "raindex-order-builder-context";
 export declare function useRaindexOrderBuilder(): RaindexOrderBuilder;

package/dist/hooks/useRaindexOrderBuilder.js

@@ -1,7 +1,7 @@
-import { getContext } from 'svelte';
-import { RaindexOrderBuilder } from '@rainlanguage/orderbook';
-import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
-export const RAINDEX_ORDER_BUILDER_CONTEXT_KEY = 'raindex-order-builder-context';
+import { getContext } from "svelte";
+import { RaindexOrderBuilder } from "@rainlanguage/raindex";
+import { DeploymentStepsError, DeploymentStepsErrorCode, } from "../errors/DeploymentStepsError";
+export const RAINDEX_ORDER_BUILDER_CONTEXT_KEY = "raindex-order-builder-context";
 export function useRaindexOrderBuilder() {
     const builder = getContext(RAINDEX_ORDER_BUILDER_CONTEXT_KEY);
     if (!builder) {