@rainlanguage/ui-components 0.0.1-alpha.10 → 0.0.1-alpha.100

package/dist/storesGeneric/cachedWritableStore.js

@@ -0,0 +1,93 @@
+import { writable } from 'svelte/store';
+/**
+ * Creates a writable Svelte store that persists its value to localStorage.
+ *
+ * @template T - The type of the value stored in the store
+ * @param {string} key - The localStorage key used to store the value
+ * @param {T} defaultValue - The default value to use when no value is found in localStorage
+ * @param {function(T): string} serialize - Function to convert the store value to a string for storage
+ * @param {function(string): T} deserialize - Function to convert the stored string back to the original type
+ * @returns {import('svelte/store').Writable<T>} A writable store that automatically syncs with localStorage
+ *
+ * @example
+ * // Create a store for a boolean value
+ * const darkMode = cachedWritableStore(
+ *   'darkMode',
+ *   false,
+ *   value => JSON.stringify(value),
+ *   str => JSON.parse(str)
+ * );
+ *
+ * // Create a store for a complex object
+ * const userPreferences = cachedWritableStore(
+ *   'userPrefs',
+ *   { theme: 'light', fontSize: 14 },
+ *   value => JSON.stringify(value),
+ *   str => JSON.parse(str)
+ * );
+ */
+export function cachedWritableStore(key, defaultValue, serialize, deserialize) {
+    const getCache = () => {
+        try {
+            const cached = localStorage.getItem(key);
+            return cached !== null ? deserialize(cached) : defaultValue;
+        }
+        catch {
+            return defaultValue;
+        }
+    };
+    const setCache = (value) => {
+        try {
+            if (value !== undefined) {
+                localStorage.setItem(key, serialize(value));
+            }
+            else {
+                localStorage.removeItem(key);
+            }
+        }
+        catch {
+            // Silently ignore localStorage errors to allow the application to function
+            // without persistence in environments where localStorage is unavailable
+        }
+    };
+    const data = writable(getCache());
+    data.subscribe((value) => {
+        setCache(value);
+    });
+    return data;
+}
+export const cachedWritableString = (key, defaultValue = '') => cachedWritableStore(key, defaultValue, (v) => v, (v) => v);
+export const cachedWritableInt = (key, defaultValue = 0) => cachedWritableStore(key, defaultValue, (v) => v.toString(), (v) => {
+    const parsed = Number.parseInt(v);
+    return isNaN(parsed) ? defaultValue : parsed;
+});
+/**
+ * Creates a writable store that can hold an optional value of type T and persists to localStorage.
+ *
+ * @template T - The type of the value stored
+ * @param {string} key - The localStorage key to use for persistence
+ * @param {T | undefined} defaultValue - The default value if nothing is found in localStorage
+ * @param {function} serialize - Function to convert the value to a string for storage
+ * @param {function} deserialize - Function to convert the stored string back to a value
+ * @returns A writable store that persists to localStorage and can hold undefined values
+ */
+export const cachedWritableOptionalStore = (key, defaultValue = undefined, serialize, deserialize) => cachedWritableStore(key, defaultValue, (v) => (v !== undefined ? serialize(v) : ''), (v) => (v !== '' ? deserialize(v) : undefined));
+/**
+ * Creates a writable store that can hold an optional number value and persists to localStorage.
+ *
+ * @param {string} key - The localStorage key to use for persistence
+ * @param {number | undefined} defaultValue - The default value if nothing is found in localStorage
+ * @returns A writable store that persists to localStorage and can hold an optional number
+ */
+export const cachedWritableIntOptional = (key, defaultValue = undefined) => cachedWritableOptionalStore(key, defaultValue, (v) => v.toString(), (v) => {
+    const parsed = Number.parseInt(v);
+    return isNaN(parsed) ? (defaultValue ?? 0) : parsed;
+});
+/**
+ * Creates a writable store that can hold an optional string value and persists to localStorage.
+ *
+ * @param {string} key - The localStorage key to use for persistence
+ * @param {string | undefined} defaultValue - The default value if nothing is found in localStorage
+ * @returns A writable store that persists to localStorage and can hold an optional string
+ */
+export const cachedWritableStringOptional = (key, defaultValue = undefined) => cachedWritableOptionalStore(key, defaultValue, (v) => v, (v) => v);

package/dist/types/account.d.ts

@@ -0,0 +1,3 @@
+import type { Readable } from 'svelte/store';
+import type { Hex } from 'viem';
+export type Account = Readable<Hex | null>;

package/dist/types/account.js

@@ -0,0 +1 @@
+export {};

package/dist/types/appStores.d.ts

@@ -1,11 +1,11 @@
 import type { Readable, Writable } from 'svelte/store';
-import type { ConfigSource, OrderbookConfigSource } from '@rainlanguage/orderbook/js_api';
+import type { ConfigSource, OrderbookConfigSource, OrderbookCfgRef } from '@rainlanguage/orderbook';
 export interface AppStoresInterface {
     settings: Writable<ConfigSource | undefined>;
     activeSubgraphs: Writable<Record<string, string>>;
-    accounts: Readable<Record<string, string>>;
-    activeAccountsItems: Writable<Record<string, string>>;
-    activeOrderStatus: Writable<boolean | undefined>;
+    accounts: Readable<Record<string, string>> | undefined;
+    activeAccountsItems: Writable<Record<string, string>> | undefined;
+    showInactiveOrders: Writable<boolean>;
     orderHash: Writable<string>;
     hideZeroBalanceVaults: Writable<boolean>;
     activeNetworkRef: Writable<string | undefined>;
@@ -16,4 +16,5 @@ export interface AppStoresInterface {
         [k: string]: string;
     }>;
     showMyItemsOnly: Writable<boolean>;
+    activeNetworkOrderbooks: Readable<Record<OrderbookCfgRef, OrderbookConfigSource>>;
 }

package/dist/types/modal.d.ts

@@ -1,4 +1,4 @@
-import type { SgOrder } from '@rainlanguage/orderbook/js_api';
+import type { SgOrder } from '@rainlanguage/orderbook';
 import type { DepositOrWithdrawArgs, OrderRemoveArgs, DeploymentArgs } from './transaction';
 export type DepositOrWithdrawModalProps = {
     open: boolean;

package/dist/types/strategy.d.ts

@@ -1,4 +1,4 @@
-import type { NameAndDescriptionCfg } from '@rainlanguage/orderbook/js_api';
+import type { NameAndDescriptionCfg } from '@rainlanguage/orderbook';
 export type ValidStrategyDetail = {
     details: NameAndDescriptionCfg;
     name: string;

package/dist/types/toast.d.ts

@@ -0,0 +1,6 @@
+export interface ToastProps {
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    color: 'green' | 'red' | 'yellow' | 'blue';
+    id?: string;
+}

package/dist/types/toast.js

@@ -0,0 +1 @@
+export {};

package/dist/types/transaction.d.ts

@@ -1,13 +1,12 @@
 import type { ExtendedApprovalCalldata } from '../stores/transactionStore';
-import type { DepositAndAddOrderCalldataResult } from '@rainlanguage/orderbook/js_api';
 import type { Hex } from 'viem';
-import type { SgOrder, SgVault } from '@rainlanguage/orderbook/js_api';
+import type { DepositAndAddOrderCalldataResult, SgOrder, SgVault } from '@rainlanguage/orderbook';
 export type DeploymentArgs = {
     approvals: ExtendedApprovalCalldata[];
     deploymentCalldata: DepositAndAddOrderCalldataResult;
     orderbookAddress: Hex;
     chainId: number;
-    subgraphUrl: string;
+    subgraphUrl?: string;
     network: string;
 };
 export type DepositOrWithdrawArgs = {
@@ -17,6 +16,7 @@ export type DepositOrWithdrawArgs = {
     chainId: number;
     rpcUrl: string;
     subgraphUrl: string;
+    account: Hex;
 };
 export type OrderRemoveArgs = {
     order: SgOrder;

package/dist/utils/constructHashLink.d.ts

@@ -0,0 +1,23 @@
+import type { SgOrder, SgOrderAsIO, SgVault } from '@rainlanguage/orderbook';
+type OrderOrVault = SgOrder | SgOrderAsIO | SgVault;
+/**
+ * Constructs a link path for an order or vault based on its type and network
+ * @param orderOrVault - The order or vault object
+ * @param type - The type of resource ('orders' or 'vaults')
+ * @param network - The network name
+ * @returns The constructed link path
+ */
+export declare function constructHashLink(orderOrVault: OrderOrVault, type: 'orders' | 'vaults', network: string): string;
+/**
+ * Determines if an order or vault is active
+ * @param orderOrVault - The order or vault object
+ * @returns True if the order is active, false otherwise
+ */
+export declare function isOrderOrVaultActive(orderOrVault: OrderOrVault): boolean;
+/**
+ * Extracts the hash value from an order or vault
+ * @param orderOrVault - The order or vault object
+ * @returns The hash value
+ */
+export declare function extractHash(orderOrVault: OrderOrVault): string;
+export {};

package/dist/utils/constructHashLink.js

@@ -0,0 +1,110 @@
+import fc from 'fast-check';
+import { test } from '@fast-check/vitest';
+function isOrder(obj) {
+    return obj && 'orderHash' in obj;
+}
+/**
+ * Constructs a link path for an order or vault based on its type and network
+ * @param orderOrVault - The order or vault object
+ * @param type - The type of resource ('orders' or 'vaults')
+ * @param network - The network name
+ * @returns The constructed link path
+ */
+export function constructHashLink(orderOrVault, type, network) {
+    if (!orderOrVault) {
+        return `/${type}/${network}`;
+    }
+    const slug = isOrder(orderOrVault) ? orderOrVault.orderHash : orderOrVault?.id;
+    return `/${type}/${network}-${slug || ''}`;
+}
+/**
+ * Determines if an order or vault is active
+ * @param orderOrVault - The order or vault object
+ * @returns True if the order is active, false otherwise
+ */
+export function isOrderOrVaultActive(orderOrVault) {
+    const _isOrder = isOrder(orderOrVault);
+    return _isOrder ? orderOrVault.active : false;
+}
+/**
+ * Extracts the hash value from an order or vault
+ * @param orderOrVault - The order or vault object
+ * @returns The hash value
+ */
+export function extractHash(orderOrVault) {
+    const _isOrder = isOrder(orderOrVault);
+    return _isOrder ? orderOrVault.orderHash : orderOrVault?.id || '';
+}
+if (import.meta.vitest) {
+    const { expect, it, describe } = import.meta.vitest;
+    describe('constructHashLink', () => {
+        test.prop([
+            fc.record({
+                orderHash: fc.string(),
+                active: fc.boolean()
+            }),
+            fc.oneof(fc.constant('orders'), fc.constant('vaults')),
+            fc.string()
+        ])('constructs correct link for orders', (order, type, network) => {
+            const result = constructHashLink(order, type, network);
+            expect(result).toBe(`/${type}/${network}-${order.orderHash}`);
+        });
+        test.prop([
+            fc.record({
+                id: fc.string(),
+                owner: fc.string()
+            }),
+            fc.oneof(fc.constant('orders'), fc.constant('vaults')),
+            fc.string()
+        ])('constructs correct link for vaults', (vault, type, network) => {
+            const result = constructHashLink(vault, type, network);
+            expect(result).toBe(`/${type}/${network}-${vault.id}`);
+        });
+    });
+    describe('isOrderOrVaultActive', () => {
+        test.prop([
+            fc.record({
+                orderHash: fc.string(),
+                active: fc.boolean()
+            })
+        ])('returns correct active status for orders', (order) => {
+            const result = isOrderOrVaultActive(order);
+            expect(result).toBe(order.active);
+        });
+        test.prop([
+            fc.record({
+                id: fc.string(),
+                owner: fc.string()
+            })
+        ])('returns false for vaults', (vault) => {
+            const result = isOrderOrVaultActive(vault);
+            expect(result).toBe(false);
+        });
+    });
+    describe('extractHash', () => {
+        test.prop([
+            fc.record({
+                orderHash: fc.string(),
+                active: fc.boolean()
+            })
+        ])('extracts hash from orders', (order) => {
+            const result = extractHash(order);
+            expect(result).toBe(order.orderHash);
+        });
+        test.prop([
+            fc.record({
+                id: fc.string(),
+                owner: fc.string()
+            })
+        ])('extracts hash from vaults', (vault) => {
+            const result = extractHash(vault);
+            expect(result).toBe(vault.id);
+        });
+        it('handles undefined vault id', () => {
+            // Create a partial vault object with undefined id
+            const vault = { id: undefined };
+            const result = extractHash(vault);
+            expect(result).toBe('');
+        });
+    });
+}

package/dist/utils/vault.d.ts

@@ -1,2 +1,2 @@
-import type { SgVault } from '@rainlanguage/orderbook/js_api';
+import type { SgVault } from '@rainlanguage/orderbook';
 export declare const vaultBalanceDisplay: (vault: SgVault) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.10",
+	"version": "0.0.1-alpha.100",
 	"description": "A component library for building Svelte applications to be used with Raindex.",
 	"license": "LicenseRef-DCL-1.0",
 	"author": "Rain Open Source Software Ltd",
@@ -49,38 +49,38 @@
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
-		"@codemirror/lang-yaml": "^6.0.0",
-		"@fontsource/dm-sans": "^5.0.18",
-		"@imask/svelte": "^7.3.0",
-		"@observablehq/plot": "^0.6.13",
-		"@rainlanguage/orderbook": "0.0.1-alpha.10",
-		"@reown/appkit": "^1.6.4",
-		"@reown/appkit-adapter-wagmi": "^1.6.4",
-		"@sentry/sveltekit": "^7.107.0",
-		"@square/svelte-store": "^1.0.18",
-		"@sveltejs/kit": "^2.0.0",
-		"@tanstack/svelte-query": "^5.59.20",
-		"@wagmi/core": "^2.16.3",
-		"@walletconnect/ethereum-provider": "^2.11.3",
-		"@walletconnect/modal": "^2.6.2",
-		"@web3modal/ethers5": "^4.1.1",
-		"camelcase-keys": "^9.1.3",
-		"codemirror-rainlang": "^3.0.13",
-		"dayjs": "^1.11.13",
-		"ethers": "^5.7.2",
-		"flowbite": "^2.2.1",
-		"flowbite-svelte": "^0.44.21",
-		"flowbite-svelte-icons": "^0.4.5",
-		"fuse.js": "^7.0.0",
-		"lightweight-charts": "^4.1.3",
-		"lodash": "^4.17.21",
-		"svelte": "^4.2.7",
-		"svelte-codemirror-editor": "^1.3.0",
-		"svelte-markdown": "^0.4.1",
-		"tailwind-merge": "^2.5.4",
-		"thememirror": "^2.0.1",
-		"uuid": "^9.0.1",
-		"viem": "^2.22.8",
-		"wagmi": "^2.14.7"
+		"@codemirror/lang-yaml": "6.1.1",
+		"@fontsource/dm-sans": "5.1.0",
+		"@imask/svelte": "7.6.1",
+		"@observablehq/plot": "0.6.16",
+		"@rainlanguage/orderbook": "0.0.1-alpha.100",
+		"@reown/appkit": "1.6.4",
+		"@reown/appkit-adapter-wagmi": "1.6.4",
+		"@sentry/sveltekit": "7.120.0",
+		"@square/svelte-store": "1.0.18",
+		"@sveltejs/kit": "2.8.1",
+		"@tanstack/svelte-query": "5.59.20",
+		"@wagmi/core": "2.16.3",
+		"@walletconnect/ethereum-provider": "2.17.2",
+		"@walletconnect/modal": "2.7.0",
+		"@web3modal/ethers5": "4.2.3",
+		"camelcase-keys": "9.1.3",
+		"codemirror-rainlang": "3.0.13",
+		"dayjs": "1.11.13",
+		"ethers": "5.7.2",
+		"flowbite": "2.5.2",
+		"flowbite-svelte": "0.44.24",
+		"flowbite-svelte-icons": "0.4.5",
+		"fuse.js": "7.0.0",
+		"lightweight-charts": "4.2.1",
+		"lodash": "4.17.21",
+		"svelte": "4.2.19",
+		"svelte-codemirror-editor": "1.4.1",
+		"svelte-markdown": "0.4.1",
+		"tailwind-merge": "2.5.4",
+		"thememirror": "2.0.1",
+		"uuid": "9.0.1",
+		"viem": "2.24.3",
+		"wagmi": "2.14.7"
 	}
 }

package/dist/components/deployment/DepositsSection.svelte

@@ -1,8 +0,0 @@
-<script>import DepositInput from "./DepositInput.svelte";
-export let allDepositFields;
-export let gui;
-</script>
-
-{#each allDepositFields as deposit}
-	<DepositInput bind:deposit {gui} />
-{/each}

package/dist/components/deployment/DepositsSection.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { DotrainOrderGui, GuiDepositCfg } from '@rainlanguage/orderbook/js_api';
-declare const __propDef: {
-    props: {
-        allDepositFields: GuiDepositCfg[];
-        gui: DotrainOrderGui;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DepositsSectionProps = typeof __propDef.props;
-export type DepositsSectionEvents = typeof __propDef.events;
-export type DepositsSectionSlots = typeof __propDef.slots;
-export default class DepositsSection extends SvelteComponent<DepositsSectionProps, DepositsSectionEvents, DepositsSectionSlots> {
-}
-export {};

package/dist/components/deployment/FieldDefinitionsSection.svelte

@@ -1,9 +0,0 @@
-<script>import FieldDefinitionInput from "./FieldDefinitionInput.svelte";
-import {} from "@rainlanguage/orderbook/js_api";
-export let allFieldDefinitions;
-export let gui;
-</script>
-
-{#each allFieldDefinitions as fieldDefinition}
-	<FieldDefinitionInput {fieldDefinition} {gui} />
-{/each}

package/dist/components/deployment/FieldDefinitionsSection.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type DotrainOrderGui, type GuiFieldDefinitionCfg } from '@rainlanguage/orderbook/js_api';
-declare const __propDef: {
-    props: {
-        allFieldDefinitions: GuiFieldDefinitionCfg[];
-        gui: DotrainOrderGui;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type FieldDefinitionsSectionProps = typeof __propDef.props;
-export type FieldDefinitionsSectionEvents = typeof __propDef.events;
-export type FieldDefinitionsSectionSlots = typeof __propDef.slots;
-export default class FieldDefinitionsSection extends SvelteComponent<FieldDefinitionsSectionProps, FieldDefinitionsSectionEvents, FieldDefinitionsSectionSlots> {
-}
-export {};

package/dist/components/deployment/SelectTokensSection.svelte

@@ -1,17 +0,0 @@
-<script>import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
-import SelectToken from "./SelectToken.svelte";
-import { DotrainOrderGui } from "@rainlanguage/orderbook/js_api";
-export let gui;
-export let selectTokens;
-export let onSelectTokenSelect;
-</script>
-
-<div class="flex w-full flex-col gap-4">
-	<DeploymentSectionHeader
-		title="Select Tokens"
-		description="Select the tokens that you want to use in your order."
-	/>
-	{#each selectTokens as token}
-		<SelectToken {token} bind:gui {onSelectTokenSelect} />
-	{/each}
-</div>

package/dist/components/deployment/SelectTokensSection.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { DotrainOrderGui, type SelectTokens } from '@rainlanguage/orderbook/js_api';
-declare const __propDef: {
-    props: {
-        gui: DotrainOrderGui;
-        selectTokens: SelectTokens;
-        onSelectTokenSelect: () => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SelectTokensSectionProps = typeof __propDef.props;
-export type SelectTokensSectionEvents = typeof __propDef.events;
-export type SelectTokensSectionSlots = typeof __propDef.slots;
-export default class SelectTokensSection extends SvelteComponent<SelectTokensSectionProps, SelectTokensSectionEvents, SelectTokensSectionSlots> {
-}
-export {};

package/dist/components/deployment/TokenIOSection.svelte

@@ -1,17 +0,0 @@
-<script>import TokenIOInput from "./TokenIOInput.svelte";
-export let allTokenInputs = [];
-export let allTokenOutputs = [];
-export let gui;
-</script>
-
-{#if allTokenInputs.length > 0}
-	{#each allTokenInputs as input, i}
-		<TokenIOInput {i} label="Input" vault={input} {gui} />
-	{/each}
-{/if}
-
-{#if allTokenOutputs.length > 0}
-	{#each allTokenOutputs as output, i}
-		<TokenIOInput {i} label="Output" vault={output} {gui} />
-	{/each}
-{/if}

package/dist/components/deployment/TokenIOSection.svelte.d.ts

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

package/dist/components/deployment/getDeploymentTransactionArgs.d.ts

@@ -1,17 +0,0 @@
-import type { Config } from '@wagmi/core';
-import type { DepositAndAddOrderCalldataResult, DotrainOrderGui } from '@rainlanguage/orderbook/js_api';
-import type { Hex } from 'viem';
-import type { ExtendedApprovalCalldata } from '../../stores/transactionStore';
-export declare enum AddOrderErrors {
-    ADD_ORDER_FAILED = "Failed to add order",
-    MISSING_GUI = "Order GUI is required",
-    MISSING_CONFIG = "Wagmi config is required",
-    NO_WALLET = "No wallet address found"
-}
-export interface HandleAddOrderResult {
-    approvals: ExtendedApprovalCalldata[];
-    deploymentCalldata: DepositAndAddOrderCalldataResult;
-    orderbookAddress: Hex;
-    chainId: number;
-}
-export declare function getDeploymentTransactionArgs(gui: DotrainOrderGui, wagmiConfig: Config | undefined): Promise<HandleAddOrderResult>;

package/dist/components/deployment/getDeploymentTransactionArgs.js

@@ -1,24 +0,0 @@
-import { getAccount } from '@wagmi/core';
-export var AddOrderErrors;
-(function (AddOrderErrors) {
-    AddOrderErrors["ADD_ORDER_FAILED"] = "Failed to add order";
-    AddOrderErrors["MISSING_GUI"] = "Order GUI is required";
-    AddOrderErrors["MISSING_CONFIG"] = "Wagmi config is required";
-    AddOrderErrors["NO_WALLET"] = "No wallet address found";
-})(AddOrderErrors || (AddOrderErrors = {}));
-export async function getDeploymentTransactionArgs(gui, wagmiConfig) {
-    if (!wagmiConfig) {
-        throw new Error(AddOrderErrors.MISSING_CONFIG);
-    }
-    const { address } = getAccount(wagmiConfig);
-    if (!address) {
-        throw new Error(AddOrderErrors.NO_WALLET);
-    }
-    const { approvals, deploymentCalldata, orderbookAddress, chainId } = await gui.getDeploymentTransactionArgs(address);
-    return {
-        approvals,
-        deploymentCalldata,
-        orderbookAddress: orderbookAddress,
-        chainId
-    };
-}

package/dist/components/detail/DepositOrWithdrawButtons.svelte

@@ -1,44 +0,0 @@
-<script>import { Button } from "flowbite-svelte";
-import { ArrowDownOutline, ArrowUpOutline } from "flowbite-svelte-icons";
-export let handleDepositOrWithdrawModal;
-export let vault;
-export let chainId;
-export let rpcUrl;
-export let query;
-export let subgraphUrl;
-</script>
-
-<Button
-	data-testid="depositOrWithdrawButton"
-	color="light"
-	size="xs"
-	on:click={() =>
-		handleDepositOrWithdrawModal({
-			open: true,
-			args: {
-				vault,
-				onDepositOrWithdraw: $query.refetch,
-				action: 'deposit',
-				chainId,
-				rpcUrl,
-				subgraphUrl
-			}
-		})}><ArrowUpOutline size="xs" /></Button
->
-<Button
-	data-testid="depositOrWithdrawButton"
-	color="light"
-	size="xs"
-	on:click={() =>
-		handleDepositOrWithdrawModal({
-			open: true,
-			args: {
-				vault,
-				onDepositOrWithdraw: $query.refetch,
-				action: 'withdraw',
-				chainId,
-				rpcUrl,
-				subgraphUrl
-			}
-		})}><ArrowDownOutline size="xs" /></Button
->

package/dist/components/detail/DepositOrWithdrawButtons.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { SgVault } from '@rainlanguage/orderbook/js_api';
-import type { CreateQueryResult } from '@tanstack/svelte-query';
-import type { DepositOrWithdrawModalProps } from '../../types/modal';
-declare const __propDef: {
-    props: {
-        handleDepositOrWithdrawModal: (props: DepositOrWithdrawModalProps) => void;
-        vault: SgVault;
-        chainId: number;
-        rpcUrl: string;
-        query: CreateQueryResult;
-        subgraphUrl: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DepositOrWithdrawButtonsProps = typeof __propDef.props;
-export type DepositOrWithdrawButtonsEvents = typeof __propDef.events;
-export type DepositOrWithdrawButtonsSlots = typeof __propDef.slots;
-export default class DepositOrWithdrawButtons extends SvelteComponent<DepositOrWithdrawButtonsProps, DepositOrWithdrawButtonsEvents, DepositOrWithdrawButtonsSlots> {
-}
-export {};