@rainlanguage/ui-components 0.0.1-alpha.10

package/dist/components/wallet/WalletConnect.svelte

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

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

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+import type { Writable } from 'svelte/store';
+import type { AppKit } from '@reown/appkit';
+declare const __propDef: {
+    props: {
+        appKitModal: Writable<AppKit>;
+        connected: Writable<boolean>;
+        signerAddress: Writable<string | null>;
+        classes?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type WalletConnectProps = typeof __propDef.props;
+export type WalletConnectEvents = typeof __propDef.events;
+export type WalletConnectSlots = typeof __propDef.slots;
+export default class WalletConnect extends SvelteComponent<WalletConnectProps, WalletConnectEvents, WalletConnectSlots> {
+}
+export {};

package/dist/errors/DeploymentStepsError.d.ts

@@ -0,0 +1,24 @@
+export declare enum DeploymentStepsErrorCode {
+    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",
+    NO_FIELD_DEFINITIONS = "Error loading field definitions",
+    NO_DEPOSITS = "Error loading deposits",
+    NO_TOKEN_INPUTS = "Error loading token inputs",
+    NO_TOKEN_OUTPUTS = "Error loading token outputs",
+    NO_GUI_DETAILS = "Error getting GUI details",
+    NO_CHAIN = "Unsupported chain ID",
+    SERIALIZE_ERROR = "Error serializing state",
+    ADD_ORDER_FAILED = "Failed to add order"
+}
+export declare class DeploymentStepsError extends Error {
+    code: DeploymentStepsErrorCode;
+    details?: string | undefined;
+    private static errorStore;
+    constructor(code: DeploymentStepsErrorCode, details?: string | undefined);
+    static get error(): import("svelte/store").Writable<DeploymentStepsError | null>;
+    static throwIfNull<T>(value: T | null | undefined, code: DeploymentStepsErrorCode): T;
+    static catch(e: unknown, code: DeploymentStepsErrorCode): void;
+    static clear(): void;
+}

package/dist/errors/DeploymentStepsError.js

@@ -0,0 +1,45 @@
+import { writable } from 'svelte/store';
+export var DeploymentStepsErrorCode;
+(function (DeploymentStepsErrorCode) {
+    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";
+    DeploymentStepsErrorCode["NO_FIELD_DEFINITIONS"] = "Error loading field definitions";
+    DeploymentStepsErrorCode["NO_DEPOSITS"] = "Error loading deposits";
+    DeploymentStepsErrorCode["NO_TOKEN_INPUTS"] = "Error loading token inputs";
+    DeploymentStepsErrorCode["NO_TOKEN_OUTPUTS"] = "Error loading token outputs";
+    DeploymentStepsErrorCode["NO_GUI_DETAILS"] = "Error getting GUI details";
+    DeploymentStepsErrorCode["NO_CHAIN"] = "Unsupported chain ID";
+    DeploymentStepsErrorCode["SERIALIZE_ERROR"] = "Error serializing state";
+    DeploymentStepsErrorCode["ADD_ORDER_FAILED"] = "Failed to add order";
+})(DeploymentStepsErrorCode || (DeploymentStepsErrorCode = {}));
+export class DeploymentStepsError extends Error {
+    code;
+    details;
+    static errorStore = writable(null);
+    constructor(code, details) {
+        super(code);
+        this.code = code;
+        this.details = details;
+        this.name = 'DeploymentStepsError';
+    }
+    static get error() {
+        return this.errorStore;
+    }
+    static throwIfNull(value, code) {
+        if (value === null || value === undefined) {
+            throw new DeploymentStepsError(code);
+        }
+        return value;
+    }
+    static catch(e, code) {
+        const error = e instanceof DeploymentStepsError
+            ? e
+            : new DeploymentStepsError(code, e instanceof Error ? e.message : 'Unknown error');
+        this.errorStore.set(error);
+    }
+    static clear() {
+        this.errorStore.set(null);
+    }
+}

package/dist/errors/index.d.ts

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

package/dist/errors/index.js

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

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+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 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 InputOrderHash } from './components/input/InputOrderHash.svelte';
+export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.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';
+export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as CodeMirrorRainlang } from './components/CodeMirrorRainlang.svelte';
+export { default as BadgeActive } from './components/BadgeActive.svelte';
+export { default as ButtonVaultLink } from './components/ButtonVaultLink.svelte';
+export { default as ButtonTab } from './components/ButtonTab.svelte';
+export { default as ChartTimeFilters } from './components/charts/ChartTimeFilters.svelte';
+export { default as LightweightChart } from './components/charts/LightweightChart.svelte';
+export { default as TanstackLightweightChartLine } from './components/charts/TanstackLightweightChartLine.svelte';
+export { default as MockComponent } from './__mocks__/MockComponent.svelte';
+export { default as OrderTradesChart } from './components/charts/OrderTradesChart.svelte';
+export { default as TableTimeFilters } from './components/charts/TableTimeFilters.svelte';
+export { default as OrderTradesListTable } from './components/tables/OrderTradesListTable.svelte';
+export { default as Checkbox } from './components/checkbox/Checkbox.svelte';
+export { default as TanstackPageContentDetail } from './components/detail/TanstackPageContentDetail.svelte';
+export { default as TanstackOrderQuote } from './components/detail/TanstackOrderQuote.svelte';
+export { default as EditableSpan } from './components/EditableSpan.svelte';
+export { default as OrderVaultsVolTable } from './components/tables/OrderVaultsVolTable.svelte';
+export { default as OrderDetail } from './components/detail/OrderDetail.svelte';
+export { default as BlockQuote } from './components/BlockQuote.svelte';
+export { default as Heading } from './components/Heading.svelte';
+export { default as Text } from './components/Text.svelte';
+export { default as DropdownProperty } from './components/DropdownProperty.svelte';
+export { default as IconError } from './components/IconError.svelte';
+export { default as ButtonLoading } from './components/ButtonLoading.svelte';
+export { default as IconExternalLink } from './components/IconExternalLink.svelte';
+export { default as IconInfo } from './components/IconInfo.svelte';
+export { default as IconLedger } from './components/IconLedger.svelte';
+export { default as IconSuccess } from './components/IconSuccess.svelte';
+export { default as IconTelegram } from './components/IconTelegram.svelte';
+export { default as IconWalletConnect } from './components/IconWalletConnect.svelte';
+export { default as IconWarning } from './components/IconWarning.svelte';
+export { default as FieldDefinitionInput } from './components/deployment/FieldDefinitionInput.svelte';
+export { default as DepositInput } from './components/deployment/DepositInput.svelte';
+export { default as DeploymentSteps } from './components/deployment/DeploymentSteps.svelte';
+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 VaultBalanceChart } from './components/charts/VaultBalanceChart.svelte';
+export { default as VaultDetail } from './components/detail/VaultDetail.svelte';
+export { default as InputToken } from './components/input/InputToken.svelte';
+export { default as CodeMirrorDotrain } from './components/CodeMirrorDotrain.svelte';
+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 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 InputRegistryUrl } from './components/input/InputRegistryUrl.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 { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks__/queries';
+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 { 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 { default as logoLight } from './assets/logo-light.svg';
+export { default as logoDark } from './assets/logo-dark.svg';

package/dist/index.js

@@ -0,0 +1,89 @@
+// Components
+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 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 InputOrderHash } from './components/input/InputOrderHash.svelte';
+export { default as CheckboxZeroBalanceVault } from './components/CheckboxZeroBalanceVault.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';
+export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as CodeMirrorRainlang } from './components/CodeMirrorRainlang.svelte';
+export { default as BadgeActive } from './components/BadgeActive.svelte';
+export { default as ButtonVaultLink } from './components/ButtonVaultLink.svelte';
+export { default as ButtonTab } from './components/ButtonTab.svelte';
+export { default as ChartTimeFilters } from './components/charts/ChartTimeFilters.svelte';
+export { default as LightweightChart } from './components/charts/LightweightChart.svelte';
+export { default as TanstackLightweightChartLine } from './components/charts/TanstackLightweightChartLine.svelte';
+export { default as MockComponent } from './__mocks__/MockComponent.svelte';
+export { default as OrderTradesChart } from './components/charts/OrderTradesChart.svelte';
+export { default as TableTimeFilters } from './components/charts/TableTimeFilters.svelte';
+export { default as OrderTradesListTable } from './components/tables/OrderTradesListTable.svelte';
+export { default as Checkbox } from './components/checkbox/Checkbox.svelte';
+export { default as TanstackPageContentDetail } from './components/detail/TanstackPageContentDetail.svelte';
+export { default as TanstackOrderQuote } from './components/detail/TanstackOrderQuote.svelte';
+export { default as EditableSpan } from './components/EditableSpan.svelte';
+export { default as OrderVaultsVolTable } from './components/tables/OrderVaultsVolTable.svelte';
+export { default as OrderDetail } from './components/detail/OrderDetail.svelte';
+export { default as BlockQuote } from './components/BlockQuote.svelte';
+export { default as Heading } from './components/Heading.svelte';
+export { default as Text } from './components/Text.svelte';
+export { default as DropdownProperty } from './components/DropdownProperty.svelte';
+export { default as IconError } from './components/IconError.svelte';
+export { default as ButtonLoading } from './components/ButtonLoading.svelte';
+export { default as IconExternalLink } from './components/IconExternalLink.svelte';
+export { default as IconInfo } from './components/IconInfo.svelte';
+export { default as IconLedger } from './components/IconLedger.svelte';
+export { default as IconSuccess } from './components/IconSuccess.svelte';
+export { default as IconTelegram } from './components/IconTelegram.svelte';
+export { default as IconWalletConnect } from './components/IconWalletConnect.svelte';
+export { default as IconWarning } from './components/IconWarning.svelte';
+export { default as FieldDefinitionInput } from './components/deployment/FieldDefinitionInput.svelte';
+export { default as DepositInput } from './components/deployment/DepositInput.svelte';
+export { default as DeploymentSteps } from './components/deployment/DeploymentSteps.svelte';
+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 VaultBalanceChart } from './components/charts/VaultBalanceChart.svelte';
+export { default as VaultDetail } from './components/detail/VaultDetail.svelte';
+export { default as InputToken } from './components/input/InputToken.svelte';
+export { default as CodeMirrorDotrain } from './components/CodeMirrorDotrain.svelte';
+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 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 InputRegistryUrl } from './components/input/InputRegistryUrl.svelte';
+export { TransactionStatus, TransactionErrorMessage } from './stores/transactionStore';
+// Functions
+export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks__/queries';
+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';
+// 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';
+// Assets
+export { default as logoLight } from './assets/logo-light.svg';
+export { default as logoDark } from './assets/logo-dark.svg';

package/dist/queries/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_PAGE_SIZE = 50;
+export declare const DEFAULT_REFRESH_INTERVAL = 10000;

package/dist/queries/constants.js

@@ -0,0 +1,2 @@
+export const DEFAULT_PAGE_SIZE = 50;
+export const DEFAULT_REFRESH_INTERVAL = 10000;

package/dist/queries/keys.d.ts

@@ -0,0 +1,9 @@
+export declare const QKEY_VAULTS = "vaults";
+export declare const QKEY_VAULT = "vault";
+export declare const QKEY_VAULT_CHANGES = "vaultBalanceChanges";
+export declare const QKEY_ORDERS = "orders";
+export declare const QKEY_ORDER = "order";
+export declare const QKEY_ORDER_TRADES_LIST = "orderTradesList";
+export declare const QKEY_ORDER_QUOTE = "orderQuote";
+export declare const QKEY_VAULTS_VOL_LIST = "orderVaultsVolumeList";
+export declare const QKEY_ORDER_APY = "orderApy";

package/dist/queries/keys.js

@@ -0,0 +1,9 @@
+export const QKEY_VAULTS = 'vaults';
+export const QKEY_VAULT = 'vault';
+export const QKEY_VAULT_CHANGES = 'vaultBalanceChanges';
+export const QKEY_ORDERS = 'orders';
+export const QKEY_ORDER = 'order';
+export const QKEY_ORDER_TRADES_LIST = 'orderTradesList';
+export const QKEY_ORDER_QUOTE = 'orderQuote';
+export const QKEY_VAULTS_VOL_LIST = 'orderVaultsVolumeList';
+export const QKEY_ORDER_APY = 'orderApy';

package/dist/queries/queryClient.d.ts

@@ -0,0 +1,3 @@
+import { QueryClient } from '@tanstack/svelte-query';
+export declare const queryClient: QueryClient;
+export declare const invalidateIdQuery: (queryClient: QueryClient, id: string) => Promise<void>;

package/dist/queries/queryClient.js

@@ -0,0 +1,16 @@
+import { browser } from '$app/environment';
+import { QueryClient } from '@tanstack/svelte-query';
+export const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            enabled: browser
+        }
+    }
+});
+export const invalidateIdQuery = async (queryClient, id) => {
+    await queryClient.invalidateQueries({
+        queryKey: [id],
+        refetchType: 'all',
+        exact: false
+    });
+};

package/dist/services/getExplorerLink.d.ts

@@ -0,0 +1 @@
+export declare const getExplorerLink: (hash: string, chainId: number, type: "tx" | "address") => Promise<string>;

package/dist/services/getExplorerLink.js

@@ -0,0 +1,10 @@
+import * as chains from 'viem/chains';
+export const getExplorerLink = async (hash, chainId, type) => {
+    const chain = Object.values(chains).find((chain) => chain.id === chainId);
+    if (chain?.blockExplorers) {
+        return chain.blockExplorers.default.url + `/${type}/${hash}`;
+    }
+    else {
+        return '';
+    }
+};

package/dist/services/handleShareChoices.d.ts

@@ -0,0 +1,2 @@
+import type { DotrainOrderGui } from '@rainlanguage/orderbook/js_api';
+export declare function handleShareChoices(gui: DotrainOrderGui): Promise<void>;

package/dist/services/handleShareChoices.js

@@ -0,0 +1,10 @@
+import { page } from '$app/stores';
+import { get } from 'svelte/store';
+export async function handleShareChoices(gui) {
+    // get the current url
+    const url = get(page).url;
+    // get the current state
+    const state = gui?.serializeState();
+    url.searchParams.set('state', state || '');
+    navigator.clipboard.writeText(url.toString());
+}

package/dist/services/historicalOrderCharts.d.ts

@@ -0,0 +1,12 @@
+import type { SgTrade } from '@rainlanguage/orderbook/js_api';
+import type { UTCTimestamp } from 'lightweight-charts';
+export type HistoricalOrderChartData = {
+    value: number;
+    time: UTCTimestamp;
+    color?: string;
+}[];
+export declare function prepareHistoricalOrderChartData(takeOrderEntities: SgTrade[], colorTheme: string): {
+    value: number;
+    time: UTCTimestamp;
+    color?: string;
+}[];