@rainlanguage/ui-components 0.0.1-alpha.8 → 0.0.1-alpha.80

package/dist/components/tables/OrderTradesListTable.svelte

@@ -1,7 +1,7 @@
 <script>import { createInfiniteQuery } from "@tanstack/svelte-query";
 import TanstackAppTable from "../TanstackAppTable.svelte";
 import { QKEY_ORDER_TRADES_LIST } from "../../queries/keys";
-import { getOrderTradesList, getOrderTradesCount } from "@rainlanguage/orderbook/js_api";
+import { getOrderTradesList, getOrderTradesCount } from "@rainlanguage/orderbook";
 import { DEFAULT_PAGE_SIZE } from "../../queries/constants";
 import { TableBodyCell, TableHeadCell } from "flowbite-svelte";
 import { formatTimestampSecondsAsLocal } from "../../utils/time";

package/dist/components/tables/OrderVaultsVolTable.svelte

@@ -1,7 +1,7 @@
 <script>import { createInfiniteQuery } from "@tanstack/svelte-query";
 import TanstackAppTable from "../TanstackAppTable.svelte";
 import { QKEY_VAULTS_VOL_LIST } from "../../queries/keys";
-import { getOrderVaultsVolume } from "@rainlanguage/orderbook/js_api";
+import { getOrderVaultsVolume } from "@rainlanguage/orderbook";
 import { TableBodyCell, TableHeadCell } from "flowbite-svelte";
 import Hash, { HashType } from "../Hash.svelte";
 import { formatUnits } from "viem";

package/dist/components/tables/OrdersListTable.svelte

@@ -1,8 +1,9 @@
 <script generics="T">import { goto } from "$app/navigation";
 import { DotsVerticalOutline } from "flowbite-svelte-icons";
-import {} from "@rainlanguage/orderbook/js_api";
 import { createInfiniteQuery } from "@tanstack/svelte-query";
-import { getOrders } from "@rainlanguage/orderbook/js_api";
+import {
+  getOrders
+} from "@rainlanguage/orderbook";
 import TanstackAppTable from "../TanstackAppTable.svelte";
 import { formatTimestampSecondsAsLocal } from "../../utils/time";
 import ListViewOrderbookFilters from "../ListViewOrderbookFilters.svelte";
@@ -17,8 +18,8 @@ import {
   TableBodyCell,
   TableHeadCell
 } from "flowbite-svelte";
-export const walletAddressMatchesOrBlank = void 0;
-export const handleOrderRemoveModal = void 0;
+import { useAccount } from "../../providers/wallet/useAccount";
+export let handleOrderRemoveModal = void 0;
 export let activeSubgraphs;
 export let settings;
 export let accounts;
@@ -27,17 +28,16 @@ export let activeOrderStatus;
 export let orderHash;
 export let hideZeroBalanceVaults;
 export let showMyItemsOnly;
-export let currentRoute;
-export let signerAddress;
 export let activeNetworkRef;
 export let activeOrderbookRef;
+const { matchesAccount, account } = useAccount();
 $: multiSubgraphArgs = Object.entries(
   Object.keys($activeSubgraphs ?? {}).length ? $activeSubgraphs : $settings?.subgraphs ?? {}
 ).map(([name, url]) => ({
   name,
   url
 }));
-$: owners = $activeAccountsItems && Object.values($activeAccountsItems).length > 0 ? Object.values($activeAccountsItems) : $showMyItemsOnly && $signerAddress ? [$signerAddress] : [];
+$: owners = $activeAccountsItems && Object.values($activeAccountsItems).length > 0 ? Object.values($activeAccountsItems) : $showMyItemsOnly && $account ? [$account] : [];
 $: query = createInfiniteQuery({
   queryKey: [
     QKEY_ORDERS,
@@ -53,7 +53,7 @@ $: query = createInfiniteQuery({
       multiSubgraphArgs,
       {
         owners,
-        active: $activeOrderStatus,
+        active: !$activeOrderStatus ? void 0 : true,
         orderHash: $orderHash || void 0
       },
       { page: pageParam + 1, pageSize: DEFAULT_PAGE_SIZE }
@@ -67,8 +67,6 @@ $: query = createInfiniteQuery({
   enabled: true
 });
 const AppTable = TanstackAppTable;
-$: isVaultsPage = currentRoute.startsWith("/vaults");
-$: isOrdersPage = currentRoute.startsWith("/orders");
 </script>
 
 <ListViewOrderbookFilters
@@ -80,14 +78,11 @@ $: isOrdersPage = currentRoute.startsWith("/orders");
 	{activeOrderStatus}
 	{orderHash}
 	{hideZeroBalanceVaults}
-	{isVaultsPage}
-	{isOrdersPage}
-	{signerAddress}
 />
 
 <AppTable
 	{query}
-	queryKey={undefined}
+	queryKey={QKEY_ORDERS}
 	emptyMessage="No Orders Found"
 	on:clickRow={(e) => {
 		activeNetworkRef.set(e.detail.item.subgraphName);
@@ -96,7 +91,10 @@ $: isOrdersPage = currentRoute.startsWith("/orders");
 	}}
 >
 	<svelte:fragment slot="title">
-		<slot name="filters" />
+		<div class="mt-2 flex w-full justify-between">
+			<div class="text-3xl font-medium dark:text-white" data-testid="title">Orders</div>
+			<slot name="filters" />
+		</div>
 	</svelte:fragment>
 
 	<svelte:fragment slot="head">
@@ -147,10 +145,10 @@ $: isOrdersPage = currentRoute.startsWith("/orders");
 		<TableBodyCell data-testid="orderListRowTrades" tdClass="break-word p-2"
 			>{item.order.trades.length > 99 ? '>99' : item.order.trades.length}</TableBodyCell
 		>
-		{#if walletAddressMatchesOrBlank && handleOrderRemoveModal}
+		{#if matchesAccount(item.order.owner) && handleOrderRemoveModal}
 			<div data-testid="wallet-actions">
 				<TableBodyCell tdClass="px-0 text-right">
-					{#if $walletAddressMatchesOrBlank(item.order.owner) && item.order.active}
+					{#if item.order.active}
 						<Button
 							color="alternative"
 							outline={false}
@@ -165,7 +163,7 @@ $: isOrdersPage = currentRoute.startsWith("/orders");
 						</Button>
 					{/if}
 				</TableBodyCell>
-				{#if $walletAddressMatchesOrBlank(item.order.owner) && item.order.active}
+				{#if item.order.active}
 					<Dropdown placement="bottom-end" triggeredBy={`#order-menu-${item.order.id}`}>
 						<DropdownItem
 							on:click={(e) => {

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

@@ -1,9 +1,7 @@
 import { SvelteComponent } from "svelte";
 import type { AppStoresInterface } from '../../types/appStores';
-import type { Writable } from 'svelte/store';
 declare class __sveltets_Render<T> {
     props(): {
-        walletAddressMatchesOrBlank?: any;
         handleOrderRemoveModal?: any;
         activeSubgraphs: AppStoresInterface["activeSubgraphs"];
         settings: AppStoresInterface["settings"];
@@ -13,8 +11,6 @@ declare class __sveltets_Render<T> {
         orderHash: AppStoresInterface["orderHash"];
         hideZeroBalanceVaults: AppStoresInterface["hideZeroBalanceVaults"];
         showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
-        currentRoute: string;
-        signerAddress: Writable<string | null> | undefined;
         activeNetworkRef: AppStoresInterface["activeNetworkRef"];
         activeOrderbookRef: AppStoresInterface["activeOrderbookRef"];
     };
@@ -29,7 +25,5 @@ export type OrdersListTableProps<T> = ReturnType<__sveltets_Render<T>['props']>;
 export type OrdersListTableEvents<T> = ReturnType<__sveltets_Render<T>['events']>;
 export type OrdersListTableSlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
 export default class OrdersListTable<T> extends SvelteComponent<OrdersListTableProps<T>, OrdersListTableEvents<T>, OrdersListTableSlots<T>> {
-    get walletAddressMatchesOrBlank(): any;
-    get handleOrderRemoveModal(): any;
 }
 export {};

package/dist/components/tables/VaultBalanceChangesTable.svelte

@@ -3,7 +3,7 @@ import { formatUnits } from "viem";
 import { createInfiniteQuery } from "@tanstack/svelte-query";
 import {
   getVaultBalanceChanges
-} from "@rainlanguage/orderbook/js_api";
+} from "@rainlanguage/orderbook";
 import { formatTimestampSecondsAsLocal } from "../../utils/time";
 import Hash, { HashType } from "../Hash.svelte";
 import { QKEY_VAULT_CHANGES } from "../../queries/keys";
@@ -30,12 +30,12 @@ const AppTable = TanstackAppTable;
 
 <AppTable
 	query={balanceChangesQuery}
-	queryKey={undefined}
+	queryKey={id}
 	emptyMessage="No deposits or withdrawals found"
 	rowHoverable={false}
 >
 	<svelte:fragment slot="title">
-		<Heading tag="h5" class="mb-4 mt-6 font-normal">Vault Balance Changes</Heading>
+		<Heading tag="h5" class="mb-4 mt-6 font-normal">Vault balance changes</Heading>
 	</svelte:fragment>
 	<svelte:fragment slot="head">
 		<TableHeadCell padding="p-4">Date</TableHeadCell>

package/dist/components/tables/VaultsListTable.svelte

@@ -9,13 +9,14 @@ import Hash, { HashType } from "../Hash.svelte";
 import { DEFAULT_PAGE_SIZE, DEFAULT_REFRESH_INTERVAL } from "../../queries/constants";
 import { vaultBalanceDisplay } from "../../utils/vault";
 import { bigintStringToHex } from "../../utils/hex";
-import {} from "@rainlanguage/orderbook/js_api";
-import {} from "@rainlanguage/orderbook/js_api";
+import {} from "@rainlanguage/orderbook";
+import {} from "@rainlanguage/orderbook";
 import { QKEY_VAULTS } from "../../queries/keys";
 import {
   getVaults
-} from "@rainlanguage/orderbook/js_api";
+} from "@rainlanguage/orderbook";
 import {} from "svelte/store";
+import { useAccount } from "../../providers/wallet/useAccount";
 export let activeOrderbook;
 export let subgraphUrl;
 export let accounts;
@@ -28,20 +29,18 @@ export let hideZeroBalanceVaults;
 export let activeNetworkRef;
 export let activeOrderbookRef;
 export let activeAccounts;
-export let walletAddressMatchesOrBlank;
 export let handleDepositGenericModal = void 0;
 export let handleDepositModal = void 0;
 export let handleWithdrawModal = void 0;
-export let currentRoute;
 export let showMyItemsOnly;
-export let signerAddress;
+const { account, matchesAccount } = useAccount();
 $: multiSubgraphArgs = Object.entries(
   Object.keys($activeSubgraphs ?? {}).length ? $activeSubgraphs : $settings?.subgraphs ?? {}
 ).map(([name, url]) => ({
   name,
   url
 }));
-$: owners = $activeAccountsItems && Object.values($activeAccountsItems).length > 0 ? Object.values($activeAccountsItems) : $showMyItemsOnly && $signerAddress ? [$signerAddress] : [];
+$: owners = $activeAccountsItems && Object.values($activeAccountsItems).length > 0 ? Object.values($activeAccountsItems) : $showMyItemsOnly && $account ? [$account] : [];
 $: query = createInfiniteQuery({
   queryKey: [
     QKEY_VAULTS,
@@ -73,8 +72,6 @@ const updateActiveNetworkAndOrderbook = (subgraphName) => {
   activeNetworkRef.set(subgraphName);
   activeOrderbookRef.set(subgraphName);
 };
-$: isVaultsPage = currentRoute.startsWith("/vaults");
-$: isOrdersPage = currentRoute.startsWith("/orders");
 const AppTable = TanstackAppTable;
 </script>
 
@@ -88,13 +85,10 @@ const AppTable = TanstackAppTable;
 		{activeOrderStatus}
 		{orderHash}
 		{hideZeroBalanceVaults}
-		{isVaultsPage}
-		{isOrdersPage}
-		{signerAddress}
 	/>
 	<AppTable
 		{query}
-		queryKey={undefined}
+		queryKey={QKEY_VAULTS}
 		emptyMessage="No Vaults Found"
 		on:clickRow={(e) => {
 			updateActiveNetworkAndOrderbook(e.detail.item.subgraphName);
@@ -182,47 +176,44 @@ const AppTable = TanstackAppTable;
 					</div>
 				{/if}
 			</TableBodyCell>
-			{#if handleDepositModal && handleWithdrawModal && $walletAddressMatchesOrBlank(item.vault.owner)}
+			{#if handleDepositModal && handleWithdrawModal && matchesAccount(item.vault.owner)}
 				<TableBodyCell tdClass="px-0 text-right">
-					{#if $walletAddressMatchesOrBlank(item.vault.owner)}
-						<Button
-							color="alternative"
-							outline={false}
-							data-testid="vault-menu"
-							id={`vault-menu-${item.vault.id}`}
-							class="mr-2 border-none px-2"
-							on:click={(e) => {
-								e.stopPropagation();
-							}}
-						>
-							<DotsVerticalOutline class="dark:text-white" />
-						</Button>
-					{/if}
-				</TableBodyCell>
-				{#if $walletAddressMatchesOrBlank(item.vault.owner)}
-					<Dropdown
-						data-testid="dropdown"
-						placement="bottom-end"
-						triggeredBy={`#vault-menu-${item.vault.id}`}
+					<Button
+						color="alternative"
+						outline={false}
+						data-testid="vault-menu"
+						id={`vault-menu-${item.vault.id}`}
+						class="mr-2 border-none px-2"
+						on:click={(e) => {
+							e.stopPropagation();
+						}}
 					>
-						<DropdownItem
-							data-testid="deposit-button"
-							on:click={(e) => {
-								e.stopPropagation();
-								handleDepositModal(item.vault, $query.refetch);
-							}}
-							>Deposit
-						</DropdownItem>
-						<DropdownItem
-							data-testid="withdraw-button"
-							on:click={(e) => {
-								e.stopPropagation();
-								handleWithdrawModal(item.vault, $query.refetch);
-							}}
-							>Withdraw
-						</DropdownItem>
-					</Dropdown>
-				{/if}
+						<DotsVerticalOutline class="dark:text-white" />
+					</Button>
+				</TableBodyCell>
+
+				<Dropdown
+					data-testid="dropdown"
+					placement="bottom-end"
+					triggeredBy={`#vault-menu-${item.vault.id}`}
+				>
+					<DropdownItem
+						data-testid="deposit-button"
+						on:click={(e) => {
+							e.stopPropagation();
+							handleDepositModal(item.vault, $query.refetch);
+						}}
+						>Deposit
+					</DropdownItem>
+					<DropdownItem
+						data-testid="withdraw-button"
+						on:click={(e) => {
+							e.stopPropagation();
+							handleWithdrawModal(item.vault, $query.refetch);
+						}}
+						>Withdraw
+					</DropdownItem>
+				</Dropdown>
 			{/if}
 		</svelte:fragment>
 	</AppTable>

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type ConfigSource, type OrderbookConfigSource } from '@rainlanguage/orderbook/js_api';
-import { type SgVault } from '@rainlanguage/orderbook/js_api';
+import { type ConfigSource, type OrderbookConfigSource } from '@rainlanguage/orderbook';
+import { type SgVault } from '@rainlanguage/orderbook';
 import { type Writable, type Readable } from 'svelte/store';
 import type { AppStoresInterface } from '../../types/appStores.ts';
 declare class __sveltets_Render<T> {
@@ -12,20 +12,17 @@ declare class __sveltets_Render<T> {
         orderHash: Writable<string>;
         activeSubgraphs: Writable<Record<string, string>>;
         settings: Writable<ConfigSource | undefined>;
-        activeOrderStatus: Writable<boolean | undefined>;
+        activeOrderStatus: Writable<boolean>;
         hideZeroBalanceVaults: Writable<boolean>;
         activeNetworkRef: Writable<string | undefined>;
         activeOrderbookRef: Writable<string | undefined>;
         activeAccounts: Readable<{
             [k: string]: string;
         }>;
-        walletAddressMatchesOrBlank: Readable<(otherAddress: string) => boolean>;
         handleDepositGenericModal?: (() => void) | undefined;
         handleDepositModal?: ((vault: SgVault, refetch: () => void) => void) | undefined;
         handleWithdrawModal?: ((vault: SgVault, refetch: () => void) => void) | undefined;
-        currentRoute: string;
         showMyItemsOnly: AppStoresInterface["showMyItemsOnly"];
-        signerAddress: Writable<string | null> | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

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,5 +1,6 @@
 export declare enum DeploymentStepsErrorCode {
-    NO_GUI = "Error loading GUI",
+    NO_GUI_PROVIDER = "No GUI provider found.",
+    NO_GUI = "Error loading GUI.",
     NO_STRATEGY = "No valid strategy exists at this URL",
     NO_SELECT_TOKENS = "Error loading tokens",
     NO_TOKEN_INFO = "Error loading token information",
@@ -9,8 +10,10 @@ 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",
     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"
 }
 export declare class DeploymentStepsError extends Error {
     code: DeploymentStepsErrorCode;

package/dist/errors/DeploymentStepsError.js

@@ -1,7 +1,8 @@
 import { writable } from 'svelte/store';
 export var DeploymentStepsErrorCode;
 (function (DeploymentStepsErrorCode) {
-    DeploymentStepsErrorCode["NO_GUI"] = "Error loading GUI";
+    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_SELECT_TOKENS"] = "Error loading tokens";
     DeploymentStepsErrorCode["NO_TOKEN_INFO"] = "Error loading token information";
@@ -11,8 +12,10 @@ 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["SERIALIZE_ERROR"] = "Error serializing state";
     DeploymentStepsErrorCode["ADD_ORDER_FAILED"] = "Failed to add order";
+    DeploymentStepsErrorCode["NO_WALLET"] = "No account address found";
 })(DeploymentStepsErrorCode || (DeploymentStepsErrorCode = {}));
 export class DeploymentStepsError extends Error {
     code;

package/dist/hooks/useGui.d.ts

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

package/dist/hooks/useGui.js

@@ -0,0 +1,11 @@
+import { getContext } from 'svelte';
+import { DotrainOrderGui } from '@rainlanguage/orderbook';
+import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
+export const GUI_CONTEXT_KEY = 'gui-context';
+export function useGui() {
+    const gui = getContext(GUI_CONTEXT_KEY);
+    if (!gui) {
+        DeploymentStepsError.catch(null, DeploymentStepsErrorCode.NO_GUI_PROVIDER);
+    }
+    return gui;
+}

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { default as DropdownCheckbox } from './components/dropdown/DropdownCheck
 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 ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';
@@ -65,7 +65,7 @@ export { default as InvalidStrategiesSection } from './components/deployment/Inv
 export { default as ValidStrategiesSection } from './components/deployment/ValidStrategiesSection.svelte';
 export { default as InputRegistryUrl } from './components/input/InputRegistryUrl.svelte';
 export type { AppStoresInterface } from './types/appStores.ts';
-export type { ConfigSource, OrderbookConfigSource, OrderbookCfgRef } from '@rainlanguage/orderbook/js_api';
+export type { ConfigSource, OrderbookConfigSource, OrderbookCfgRef } from '@rainlanguage/orderbook';
 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';
@@ -74,16 +74,22 @@ export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks_
 export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './utils/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 { 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 { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
+export { useGui } from './hooks/useGui';
+export { useAccount } from './providers/wallet/useAccount';
+export { mockPageStore } from './__mocks__/stores';
+export { mockConfigSource } from './__mocks__/settings';
+export { mockSettingsStore } from './__mocks__/settings';
+export { mockTransactionStore } from './__mocks__/mockTransactionStore';

package/dist/index.js

@@ -7,7 +7,7 @@ export { default as DropdownCheckbox } from './components/dropdown/DropdownCheck
 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 ListViewOrderbookFilters } from './components/ListViewOrderbookFilters.svelte';
@@ -71,19 +71,28 @@ export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks_
 export { formatTimestampSecondsAsLocal, timestampSecondsToUTCTimestamp, promiseTimeout } from './utils/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';
 // 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';
+// Providers
+export { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
+// Hooks
+export { useGui } from './hooks/useGui';
+export { useAccount } from './providers/wallet/useAccount';
+// Mocks
+export { mockPageStore } from './__mocks__/stores';
+export { mockConfigSource } from './__mocks__/settings';
+export { mockSettingsStore } from './__mocks__/settings';
+export { mockTransactionStore } from './__mocks__/mockTransactionStore';

package/dist/providers/GuiProvider.svelte

@@ -0,0 +1,8 @@
+<script>import { setContext } from "svelte";
+import { DotrainOrderGui } from "@rainlanguage/orderbook";
+import { GUI_CONTEXT_KEY } from "../hooks/useGui";
+export let gui;
+setContext(GUI_CONTEXT_KEY, gui);
+</script>
+
+<slot />

package/dist/providers/GuiProvider.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import { DotrainOrderGui } from '@rainlanguage/orderbook';
+declare const __propDef: {
+    props: {
+        gui: DotrainOrderGui;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type GuiProviderProps = typeof __propDef.props;
+export type GuiProviderEvents = typeof __propDef.events;
+export type GuiProviderSlots = typeof __propDef.slots;
+export default class GuiProvider extends SvelteComponent<GuiProviderProps, GuiProviderEvents, GuiProviderSlots> {
+}
+export {};

package/dist/providers/wallet/WalletProvider.svelte

@@ -0,0 +1,7 @@
+<script>import { readable } from "svelte/store";
+import { setAccountContext } from "./context";
+export let account = readable(null);
+setAccountContext(account);
+</script>
+
+<slot />

package/dist/providers/wallet/WalletProvider.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { Account } from '../../types/account';
+declare const __propDef: {
+    props: {
+        account?: Account;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type WalletProviderProps = typeof __propDef.props;
+export type WalletProviderEvents = typeof __propDef.events;
+export type WalletProviderSlots = typeof __propDef.slots;
+export default class WalletProvider extends SvelteComponent<WalletProviderProps, WalletProviderEvents, WalletProviderSlots> {
+}
+export {};

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

@@ -0,0 +1,10 @@
+import type { Account } from '../../types/account';
+export declare const ACCOUNT_KEY = "account_key";
+/**
+ * Retrieves the account store directly from Svelte's context
+ */
+export declare const getAccountContext: () => Account;
+/**
+ * Sets the account store in Svelte's context
+ */
+export declare const setAccountContext: (account: Account) => void;