@rainlanguage/ui-components 0.0.1-alpha.21 → 0.0.1-alpha.210

package/dist/components/transactions/TransactionDetail.svelte

@@ -0,0 +1,31 @@
+<script>import {} from "svelte/store";
+import { getStatusEmoji } from "./getStatusEmoji";
+export let state;
+</script>
+
+<div class="flex w-full flex-col gap-1 rounded-md bg-gray-300 p-2 dark:bg-gray-700">
+	<p class="break-words font-semibold">{$state.name}</p>
+	<div class="flex flex-col gap-1 text-sm">
+		<p class="break-words">{getStatusEmoji($state.status)} {$state.status}</p>
+		{#if $state.errorDetails}
+			<p class="break-words">{$state.errorDetails}</p>
+		{/if}
+		{#if $state.links.length > 0}
+			<div class="flex flex-col gap-1">
+				{#each $state.links as link}
+					<p class="break-words">
+						<a
+							href={link.link}
+							data-testid={`transaction-detail-link-${link.label}`}
+							target="_blank"
+							rel="noopener noreferrer"
+							class="text-blue-500 hover:underline"
+						>
+							{link.label}
+						</a>
+					</p>
+				{/each}
+			</div>
+		{/if}
+	</div>
+</div>

package/dist/components/transactions/TransactionDetail.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import type { TransactionStoreState } from '../../models/Transaction';
+import { type Readable } from 'svelte/store';
+declare const __propDef: {
+    props: {
+        state: Readable<TransactionStoreState>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TransactionDetailProps = typeof __propDef.props;
+export type TransactionDetailEvents = typeof __propDef.events;
+export type TransactionDetailSlots = typeof __propDef.slots;
+export default class TransactionDetail extends SvelteComponent<TransactionDetailProps, TransactionDetailEvents, TransactionDetailSlots> {
+}
+export {};

package/dist/components/transactions/TransactionList.svelte

@@ -0,0 +1,17 @@
+<script>import TransactionDetail from "./TransactionDetail.svelte";
+import { useTransactions } from "../../providers/transactions/useTransactions";
+const { transactions } = useTransactions();
+</script>
+
+{#if $transactions.length > 0}
+	<div class="h-full overflow-y-auto" data-testid="transaction-list">
+		<ul aria-label="Transaction list" class="flex w-full flex-col gap-4">
+			{#each $transactions.slice().reverse() as transaction}
+				{@const state = transaction.state}
+				<li>
+					<TransactionDetail {state} />
+				</li>
+			{/each}
+		</ul>
+	</div>
+{/if}

package/dist/components/transactions/TransactionList.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TransactionListProps = typeof __propDef.props;
+export type TransactionListEvents = typeof __propDef.events;
+export type TransactionListSlots = typeof __propDef.slots;
+export default class TransactionList extends SvelteComponent<TransactionListProps, TransactionListEvents, TransactionListSlots> {
+}
+export {};

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

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

package/dist/components/transactions/getStatusEmoji.js

@@ -0,0 +1,20 @@
+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(() => '❓');
+}
+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('❌');
+        });
+    });
+}

package/dist/components/wallet/WalletConnect.svelte

@@ -2,10 +2,11 @@
 import { CheckCircleOutline } from "flowbite-svelte-icons";
 import { twMerge } from "tailwind-merge";
 import truncateEthAddress from "truncate-eth-address";
+import { useAccount } from "../../providers/wallet/useAccount";
 export let appKitModal;
 export let connected;
-export let signerAddress;
 export let classes = "";
+const { account } = useAccount();
 function handleClick() {
   $appKitModal.open();
 }
@@ -18,11 +19,11 @@ function handleClick() {
 	class={twMerge('flex border border-gray-700 px-2 md:px-4 dark:border-gray-200', classes)}
 	color={$connected ? 'alternative' : 'primary'}
 >
-	{#if $connected && $signerAddress}
+	{#if $connected && $account}
 		<span class="flex flex-row items-center gap-2 text-sm"
-			><CheckCircleOutline color="green" size="sm" />{truncateEthAddress($signerAddress)}</span
+			><CheckCircleOutline color="green" size="sm" />{truncateEthAddress($account)}</span
 		>
 	{:else}
-		<span>Connect Wallet</span>
+		<span>Connect</span>
 	{/if}
 </Button>

package/dist/components/wallet/WalletConnect.svelte.d.ts

@@ -5,7 +5,6 @@ declare const __propDef: {
     props: {
         appKitModal: Writable<AppKit>;
         connected: Writable<boolean>;
-        signerAddress: Writable<string | null>;
         classes?: string;
     };
     events: {

package/dist/consts.d.ts

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

package/dist/consts.js

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

package/dist/errors/DeploymentStepsError.d.ts

@@ -1,7 +1,8 @@
 export declare enum DeploymentStepsErrorCode {
     NO_GUI_PROVIDER = "No GUI provider found.",
     NO_GUI = "Error loading GUI.",
-    NO_STRATEGY = "No valid strategy exists at this URL",
+    NO_LOCAL_DB_PROVIDER = "No Local DB provider found.",
+    NO_STRATEGY = "No valid order exists at this URL",
     NO_SELECT_TOKENS = "Error loading tokens",
     NO_TOKEN_INFO = "Error loading token information",
     NO_FIELD_DEFINITIONS = "Error loading field definitions",
@@ -10,8 +11,13 @@ export declare enum DeploymentStepsErrorCode {
     NO_TOKEN_OUTPUTS = "Error loading token outputs",
     NO_GUI_DETAILS = "Error getting GUI details",
     NO_CHAIN = "Unsupported chain ID",
+    NO_NETWORK_KEY = "No network key found",
+    NO_AVAILABLE_TOKENS = "Error loading available tokens",
     SERIALIZE_ERROR = "Error serializing state",
-    ADD_ORDER_FAILED = "Failed to add order"
+    ADD_ORDER_FAILED = "Failed to add order",
+    NO_WALLET = "No account address found",
+    NO_GUI_CONFIG = "Error getting GUI configuration",
+    NO_RAINDEX_CLIENT_PROVIDER = "No Raindex client provider found"
 }
 export declare class DeploymentStepsError extends Error {
     code: DeploymentStepsErrorCode;

package/dist/errors/DeploymentStepsError.js

@@ -3,7 +3,8 @@ export var DeploymentStepsErrorCode;
 (function (DeploymentStepsErrorCode) {
     DeploymentStepsErrorCode["NO_GUI_PROVIDER"] = "No GUI provider found.";
     DeploymentStepsErrorCode["NO_GUI"] = "Error loading GUI.";
-    DeploymentStepsErrorCode["NO_STRATEGY"] = "No valid strategy exists at this URL";
+    DeploymentStepsErrorCode["NO_LOCAL_DB_PROVIDER"] = "No Local DB provider found.";
+    DeploymentStepsErrorCode["NO_STRATEGY"] = "No valid order exists at this URL";
     DeploymentStepsErrorCode["NO_SELECT_TOKENS"] = "Error loading tokens";
     DeploymentStepsErrorCode["NO_TOKEN_INFO"] = "Error loading token information";
     DeploymentStepsErrorCode["NO_FIELD_DEFINITIONS"] = "Error loading field definitions";
@@ -12,8 +13,13 @@ export var DeploymentStepsErrorCode;
     DeploymentStepsErrorCode["NO_TOKEN_OUTPUTS"] = "Error loading token outputs";
     DeploymentStepsErrorCode["NO_GUI_DETAILS"] = "Error getting GUI details";
     DeploymentStepsErrorCode["NO_CHAIN"] = "Unsupported chain ID";
+    DeploymentStepsErrorCode["NO_NETWORK_KEY"] = "No network key found";
+    DeploymentStepsErrorCode["NO_AVAILABLE_TOKENS"] = "Error loading available tokens";
     DeploymentStepsErrorCode["SERIALIZE_ERROR"] = "Error serializing state";
     DeploymentStepsErrorCode["ADD_ORDER_FAILED"] = "Failed to add order";
+    DeploymentStepsErrorCode["NO_WALLET"] = "No account address found";
+    DeploymentStepsErrorCode["NO_GUI_CONFIG"] = "Error getting GUI configuration";
+    DeploymentStepsErrorCode["NO_RAINDEX_CLIENT_PROVIDER"] = "No Raindex client provider found";
 })(DeploymentStepsErrorCode || (DeploymentStepsErrorCode = {}));
 export class DeploymentStepsError extends Error {
     code;

package/dist/hooks/useGui.d.ts

@@ -1,3 +1,3 @@
-import { DotrainOrderGui } from '@rainlanguage/orderbook/js_api';
+import { DotrainOrderGui } from '@rainlanguage/orderbook';
 export declare const GUI_CONTEXT_KEY = "gui-context";
 export declare function useGui(): DotrainOrderGui;

package/dist/hooks/useGui.js

@@ -1,5 +1,5 @@
 import { getContext } from 'svelte';
-import { DotrainOrderGui } from '@rainlanguage/orderbook/js_api';
+import { DotrainOrderGui } from '@rainlanguage/orderbook';
 import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
 export const GUI_CONTEXT_KEY = 'gui-context';
 export function useGui() {

package/dist/hooks/useLocalDb.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,10 @@
+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) {
+        DeploymentStepsError.catch(null, DeploymentStepsErrorCode.NO_LOCAL_DB_PROVIDER);
+    }
+    return db;
+}

package/dist/hooks/useRaindexClient.d.ts

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

package/dist/hooks/useRaindexClient.js

@@ -0,0 +1,11 @@
+import { getContext } from 'svelte';
+import { RaindexClient } from '@rainlanguage/orderbook';
+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) {
+        DeploymentStepsError.catch(null, DeploymentStepsErrorCode.NO_RAINDEX_CLIENT_PROVIDER);
+    }
+    return raindexClient;
+}

package/dist/index.d.ts

@@ -1,14 +1,16 @@
 export { default as CardProperty } from './components/CardProperty.svelte';
 export { default as Hash, HashType } from './components/Hash.svelte';
 export { default as TanstackAppTable } from './components/TanstackAppTable.svelte';
-export { default as DropdownActiveSubgraphs } from './components/dropdown/DropdownActiveSubgraphs.svelte';
 export { default as DropdownCheckbox } from './components/dropdown/DropdownCheckbox.svelte';
+export { default as DropdownTokensFilter } from './components/dropdown/DropdownTokensFilter.svelte';
+export { default as DropdownOrderbooksFilter } from './components/dropdown/DropdownOrderbooksFilter.svelte';
 export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
 export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
 export { default as Refresh } from './components/icon/Refresh.svelte';
-export { default as DropdownOrderStatus } from './components/dropdown/DropdownOrderStatus.svelte';
+export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
 export { default as InputOrderHash } from './components/input/InputOrderHash.svelte';
 export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.svelte';
+export { default as CheckboxInactiveOrdersVault } from './components/CheckboxInactiveOrdersVault.svelte';
 export { default as ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';
 export { default as OrdersListTable } from './components/tables/OrdersListTable.svelte';
 export { default as VaultsListTable } from './components/tables/VaultsListTable.svelte';
@@ -49,6 +51,7 @@ export { default as DeploymentSteps } from './components/deployment/DeploymentSt
 export { default as TokenIOInput } from './components/deployment/TokenIOInput.svelte';
 export { default as SelectToken } from './components/deployment/SelectToken.svelte';
 export { default as VaultBalanceChangesTable } from './components/tables/VaultBalanceChangesTable.svelte';
+export { default as VaultBalanceChangeTypeFilter } from './components/VaultBalanceChangeTypeFilter.svelte';
 export { default as VaultBalanceChart } from './components/charts/VaultBalanceChart.svelte';
 export { default as VaultDetail } from './components/detail/VaultDetail.svelte';
 export { default as InputToken } from './components/input/InputToken.svelte';
@@ -56,36 +59,56 @@ export { default as CodeMirrorDotrain } from './components/CodeMirrorDotrain.sve
 export { default as OrderOrVaultHash } from './components/OrderOrVaultHash.svelte';
 export { default as License } from './components/License.svelte';
 export { default as ButtonDarkMode } from './components/ButtonDarkMode.svelte';
-export { default as StrategyPage } from './components/deployment/StrategyPage.svelte';
+export { default as OrderPage } from './components/deployment/OrderPage.svelte';
 export { default as InputHex } from './components/input/InputHex.svelte';
 export { default as InputTokenAmount } from './components/input/InputTokenAmount.svelte';
 export { default as WalletConnect } from './components/wallet/WalletConnect.svelte';
 export { default as DisclaimerModal } from './components/deployment/DisclaimerModal.svelte';
-export { default as InvalidStrategiesSection } from './components/deployment/InvalidStrategiesSection.svelte';
-export { default as ValidStrategiesSection } from './components/deployment/ValidStrategiesSection.svelte';
+export { default as InvalidOrdersSection } from './components/deployment/InvalidOrdersSection.svelte';
+export { default as ValidOrdersSection } from './components/deployment/ValidOrdersSection.svelte';
 export { default as InputRegistryUrl } from './components/input/InputRegistryUrl.svelte';
+export { default as TransactionList } from './components/transactions/TransactionList.svelte';
+export { default as FixedBottomTransaction } from './components/transactions/FixedBottomTransaction.svelte';
+export { default as LocalDbStatusCard } from './components/LocalDbStatusCard.svelte';
+export { default as LocalDbStatusBadge } from './components/LocalDbStatusBadge.svelte';
+export { default as LocalDbStatusModal } from './components/LocalDbStatusModal.svelte';
 export type { AppStoresInterface } from './types/appStores.ts';
-export type { ConfigSource, OrderbookConfigSource, OrderbookCfgRef } from '@rainlanguage/orderbook/js_api';
-export { TransactionStatus, TransactionErrorMessage, type TransactionState, type ExtendedApprovalCalldata } from './stores/transactionStore';
-export type { DeploymentArgs, DepositOrWithdrawArgs, OrderRemoveArgs } from './types/transaction';
-export type { DepositOrWithdrawModalProps, OrderRemoveModalProps, QuoteDebugModalHandler, DebugTradeModalHandler, DeployModalProps, DisclaimerModalProps } from './types/modal';
-export type { ValidStrategyDetail, InvalidStrategyDetail } from './types/strategy';
+export { TransactionStatusMessage, TransactionStoreErrorMessage, type TransactionArgs, type VaultActionArgs } from './types/transaction';
+export type { VaultActionModalProps, QuoteDebugModalHandler, DebugTradeModalHandler, DisclaimerModalProps, TransactionConfirmationProps, HandleTransactionConfirmationModal } from './types/modal';
+export type { ValidOrderDetail, InvalidOrderDetail } from './types/order.ts';
+export type { ToastProps } from './types/toast';
+export type { DotrainRegistryContext } from './providers/dotrainRegistry/context';
 export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks__/queries';
-export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './utils/time';
+export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './services/time';
 export { bigintStringToHex, HEX_INPUT_REGEX } from './utils/hex';
-export { vaultBalanceDisplay } from './utils/vault';
-export { prepareHistoricalOrderChartData } from './services/historicalOrderCharts';
-export { bigintToFloat } from './utils/number';
 export { getExplorerLink } from './services/getExplorerLink';
+export { invalidateTanstackQueries } from './queries/queryClient';
+export { getToastsContext } from './providers/toasts/context';
+export { getNetworkName } from './utils/getNetworkName';
 export { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from './queries/constants';
 export { QKEY_VAULTS, QKEY_VAULT, QKEY_VAULT_CHANGES, QKEY_ORDERS, QKEY_ORDER, QKEY_ORDER_TRADES_LIST, QKEY_ORDER_QUOTE, QKEY_VAULTS_VOL_LIST, QKEY_ORDER_APY } from './queries/keys';
 export { darkChartTheme, lightChartTheme } from './utils/lightweightChartsThemes';
 export { lightCodeMirrorTheme, darkCodeMirrorTheme } from './utils/codeMirrorThemes';
-export { mockConfigSource } from './__mocks__/settings';
-export { mockSettingsStore } from './__mocks__/settings';
-export { default as transactionStore } from './stores/transactionStore';
-export { mockTransactionStore } from './__mocks__/mockTransactionStore';
+export { cachedWritableStore, cachedWritableIntOptional, cachedWritableStringOptional, cachedWritableString } from './storesGeneric/cachedWritableStore';
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
-export { useGui } from './hooks/useGui';
 export { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as RaindexClientProvider } from './providers/RaindexClientProvider.svelte';
+export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
+export { default as RegistryProvider } from './providers/registry/RegistryProvider.svelte';
+export { default as ToastProvider } from './providers/toasts/ToastProvider.svelte';
+export { default as TransactionProvider } from './providers/transactions/TransactionProvider.svelte';
+export { default as LocalDbProvider } from './providers/LocalDbProvider.svelte';
+export { default as DotrainRegistryProvider } from './providers/dotrainRegistry/DotrainRegistryProvider.svelte';
+export { useGui } from './hooks/useGui';
+export { useRaindexClient, RAINDEX_CLIENT_CONTEXT_KEY } from './hooks/useRaindexClient';
+export { useLocalDb } from './hooks/useLocalDb';
+export { useAccount } from './providers/wallet/useAccount';
+export { useRegistry } from './providers/registry/useRegistry';
+export { useToasts } from './providers/toasts/useToasts';
+export { useTransactions } from './providers/transactions/useTransactions';
+export { useDotrainRegistry } from './providers/dotrainRegistry/useDotrainRegistry';
+export { RegistryManager } from './providers/registry/RegistryManager';
+export { TransactionStore } from './models/Transaction';
+export { TransactionManager } from './providers/transactions/TransactionManager';
+export { mockPageStore } from './__mocks__/stores';

package/dist/index.js

@@ -2,14 +2,16 @@
 export { default as CardProperty } from './components/CardProperty.svelte';
 export { default as Hash, HashType } from './components/Hash.svelte';
 export { default as TanstackAppTable } from './components/TanstackAppTable.svelte';
-export { default as DropdownActiveSubgraphs } from './components/dropdown/DropdownActiveSubgraphs.svelte';
 export { default as DropdownCheckbox } from './components/dropdown/DropdownCheckbox.svelte';
+export { default as DropdownTokensFilter } from './components/dropdown/DropdownTokensFilter.svelte';
+export { default as DropdownOrderbooksFilter } from './components/dropdown/DropdownOrderbooksFilter.svelte';
 export { default as DropdownOrderListAccounts } from './components/dropdown/DropdownOrderListAccounts.svelte';
 export { default as DropdownRadio } from './components/dropdown/DropdownRadio.svelte';
 export { default as Refresh } from './components/icon/Refresh.svelte';
-export { default as DropdownOrderStatus } from './components/dropdown/DropdownOrderStatus.svelte';
+export { default as CheckboxActiveOrders } from './components/checkbox/CheckboxActiveOrders.svelte';
 export { default as InputOrderHash } from './components/input/InputOrderHash.svelte';
 export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.svelte';
+export { default as CheckboxInactiveOrdersVault } from './components/CheckboxInactiveOrdersVault.svelte';
 export { default as ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';
 export { default as OrdersListTable } from './components/tables/OrdersListTable.svelte';
 export { default as VaultsListTable } from './components/tables/VaultsListTable.svelte';
@@ -50,6 +52,7 @@ export { default as DeploymentSteps } from './components/deployment/DeploymentSt
 export { default as TokenIOInput } from './components/deployment/TokenIOInput.svelte';
 export { default as SelectToken } from './components/deployment/SelectToken.svelte';
 export { default as VaultBalanceChangesTable } from './components/tables/VaultBalanceChangesTable.svelte';
+export { default as VaultBalanceChangeTypeFilter } from './components/VaultBalanceChangeTypeFilter.svelte';
 export { default as VaultBalanceChart } from './components/charts/VaultBalanceChart.svelte';
 export { default as VaultDetail } from './components/detail/VaultDetail.svelte';
 export { default as InputToken } from './components/input/InputToken.svelte';
@@ -57,37 +60,59 @@ export { default as CodeMirrorDotrain } from './components/CodeMirrorDotrain.sve
 export { default as OrderOrVaultHash } from './components/OrderOrVaultHash.svelte';
 export { default as License } from './components/License.svelte';
 export { default as ButtonDarkMode } from './components/ButtonDarkMode.svelte';
-export { default as StrategyPage } from './components/deployment/StrategyPage.svelte';
+export { default as OrderPage } from './components/deployment/OrderPage.svelte';
 export { default as InputHex } from './components/input/InputHex.svelte';
 export { default as InputTokenAmount } from './components/input/InputTokenAmount.svelte';
 export { default as WalletConnect } from './components/wallet/WalletConnect.svelte';
 export { default as DisclaimerModal } from './components/deployment/DisclaimerModal.svelte';
-export { default as InvalidStrategiesSection } from './components/deployment/InvalidStrategiesSection.svelte';
-export { default as ValidStrategiesSection } from './components/deployment/ValidStrategiesSection.svelte';
+export { default as InvalidOrdersSection } from './components/deployment/InvalidOrdersSection.svelte';
+export { default as ValidOrdersSection } from './components/deployment/ValidOrdersSection.svelte';
 export { default as InputRegistryUrl } from './components/input/InputRegistryUrl.svelte';
-export { TransactionStatus, TransactionErrorMessage } from './stores/transactionStore';
+export { default as TransactionList } from './components/transactions/TransactionList.svelte';
+export { default as FixedBottomTransaction } from './components/transactions/FixedBottomTransaction.svelte';
+export { default as LocalDbStatusCard } from './components/LocalDbStatusCard.svelte';
+export { default as LocalDbStatusBadge } from './components/LocalDbStatusBadge.svelte';
+export { default as LocalDbStatusModal } from './components/LocalDbStatusModal.svelte';
+export { TransactionStatusMessage, TransactionStoreErrorMessage } from './types/transaction';
 // Functions
 export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks__/queries';
-export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './utils/time';
+export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './services/time';
 export { bigintStringToHex, HEX_INPUT_REGEX } from './utils/hex';
-export { vaultBalanceDisplay } from './utils/vault';
-export { prepareHistoricalOrderChartData } from './services/historicalOrderCharts';
-export { bigintToFloat } from './utils/number';
 export { getExplorerLink } from './services/getExplorerLink';
+export { invalidateTanstackQueries } from './queries/queryClient';
+export { getToastsContext } from './providers/toasts/context';
+export { getNetworkName } from './utils/getNetworkName';
 // Constants
 export { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from './queries/constants';
 export { QKEY_VAULTS, QKEY_VAULT, QKEY_VAULT_CHANGES, QKEY_ORDERS, QKEY_ORDER, QKEY_ORDER_TRADES_LIST, QKEY_ORDER_QUOTE, QKEY_VAULTS_VOL_LIST, QKEY_ORDER_APY } from './queries/keys';
 export { darkChartTheme, lightChartTheme } from './utils/lightweightChartsThemes';
 export { lightCodeMirrorTheme, darkCodeMirrorTheme } from './utils/codeMirrorThemes';
 // Stores
-export { mockConfigSource } from './__mocks__/settings';
-export { mockSettingsStore } from './__mocks__/settings';
-export { default as transactionStore } from './stores/transactionStore';
-export { mockTransactionStore } from './__mocks__/mockTransactionStore';
+export { cachedWritableStore, cachedWritableIntOptional, cachedWritableStringOptional, cachedWritableString } from './storesGeneric/cachedWritableStore';
 // Assets
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
-// Hooks
-export { useGui } from './hooks/useGui';
 // Providers
 export { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as RaindexClientProvider } from './providers/RaindexClientProvider.svelte';
+export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
+export { default as RegistryProvider } from './providers/registry/RegistryProvider.svelte';
+export { default as ToastProvider } from './providers/toasts/ToastProvider.svelte';
+export { default as TransactionProvider } from './providers/transactions/TransactionProvider.svelte';
+export { default as LocalDbProvider } from './providers/LocalDbProvider.svelte';
+export { default as DotrainRegistryProvider } from './providers/dotrainRegistry/DotrainRegistryProvider.svelte';
+// Hooks
+export { useGui } from './hooks/useGui';
+export { useRaindexClient, RAINDEX_CLIENT_CONTEXT_KEY } from './hooks/useRaindexClient';
+export { useLocalDb } from './hooks/useLocalDb';
+export { useAccount } from './providers/wallet/useAccount';
+export { useRegistry } from './providers/registry/useRegistry';
+export { useToasts } from './providers/toasts/useToasts';
+export { useTransactions } from './providers/transactions/useTransactions';
+export { useDotrainRegistry } from './providers/dotrainRegistry/useDotrainRegistry';
+// Classes
+export { RegistryManager } from './providers/registry/RegistryManager';
+export { TransactionStore } from './models/Transaction';
+export { TransactionManager } from './providers/transactions/TransactionManager';
+// Mocks
+export { mockPageStore } from './__mocks__/stores';

package/dist/models/Transaction.d.ts

@@ -0,0 +1,75 @@
+import { TransactionStatusMessage, TransactionStoreErrorMessage } from '../types/transaction';
+import type { TransactionArgs } from '../types/transaction';
+import type { Config } from '@wagmi/core';
+import { type Writable } from 'svelte/store';
+/**
+ * Represents the state of a transaction.
+ * @typedef {Object} TransactionStoreState
+ * @property {TransactionName} name - The user-friendly name of the transaction (e.g., "Order Removal").
+ * @property {TransactionStatusMessage} status - The current status of the transaction (e.g., PENDING_RECEIPT, SUCCESS, ERROR).
+ * @property {TransactionStoreErrorMessage} [errorDetails] - Optional error message if the transaction failed.
+ * @property {Array<{link: string, label: string}>} links - An array of relevant links for the transaction (e.g., explorer link, link to the affected entity).
+ */
+export type TransactionStoreState = {
+    name: string;
+    status: TransactionStatusMessage;
+    errorDetails?: TransactionStoreErrorMessage;
+    links: {
+        link: string;
+        label: string;
+    }[];
+};
+/**
+ * Interface defining the structure of a transaction object.
+ * @interface Transaction
+ * @property {Writable<TransactionStoreState>} state - A writable store holding the current state of the transaction.
+ */
+export type Transaction = {
+    readonly state: Writable<TransactionStoreState>;
+};
+/**
+ * Manages the lifecycle of an individual transaction, including waiting for
+ * blockchain confirmation (receipt) and subgraph indexing.
+ * It exposes its state as a Svelte writable store.
+ * @class TransactionStore
+ * @implements {Transaction}
+ */
+export declare class TransactionStore implements Transaction {
+    private name;
+    private config;
+    private txHash;
+    private links;
+    private onSuccess;
+    private onError;
+    private awaitIndexingFn?;
+    readonly state: Writable<TransactionStoreState>;
+    /**
+     * Creates a new TransactionStore instance.
+     * @param {TransactionArgs & { config: Config }} args - Configuration arguments for the transaction, including the wagmi `Config`.
+     * @param {() => void} onSuccess - Callback invoked when the transaction successfully completes (including indexing).
+     * @param {() => void} onError - Callback invoked if the transaction fails at any stage.
+     */
+    constructor(args: TransactionArgs & {
+        config: Config;
+    }, onSuccess: () => void, onError: () => void);
+    /**
+     * Updates the internal Svelte store with new state values.
+     * @param {Partial<TransactionStoreState>} partialState - An object containing the state properties to update.
+     * @private
+     */
+    private updateState;
+    /**
+     * Executes the transaction and begins monitoring its status
+     * @returns {Promise<void>}
+     */
+    execute(): Promise<void>;
+    /**
+     * Waits for the transaction receipt to be confirmed on the blockchain.
+     * If an indexing function is provided, it will be called after receipt confirmation.
+     * TransactionStore doesn't know what the indexing function does - it just calls it.
+     * @param {Hex} hash - The transaction hash to monitor
+     * @returns {Promise<void>}
+     * @private
+     */
+    private waitForTxReceipt;
+}