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

package/dist/__mocks__/settings.d.ts

@@ -1,3 +0,0 @@
-import type { ConfigSource } from '@rainlanguage/orderbook/js_api';
-export declare const mockConfigSource: ConfigSource;
-export declare const mockSettingsStore: import("svelte/store").Writable<ConfigSource>;

package/dist/__mocks__/settings.js

@@ -1,37 +0,0 @@
-import { writable } from 'svelte/store';
-export const mockConfigSource = {
-    networks: {
-        mainnet: {
-            rpc: 'https://mainnet.infura.io/v3/YOUR-PROJECT-ID',
-            'chain-id': 1,
-            label: 'Ethereum Mainnet',
-            currency: 'ETH'
-        }
-    },
-    subgraphs: {
-        mainnet: 'https://api.thegraph.com/subgraphs/name/mainnet'
-    },
-    orderbooks: {
-        orderbook1: {
-            address: '0xOrderbookAddress1',
-            network: 'mainnet',
-            subgraph: 'uniswap',
-            label: 'Orderbook 1'
-        }
-    },
-    deployers: {
-        deployer1: {
-            address: '0xDeployerAddress1',
-            network: 'mainnet',
-            label: 'Deployer 1'
-        }
-    },
-    metaboards: {
-        metaboard1: 'https://example.com/metaboard1'
-    },
-    accounts: {
-        name_one: 'address_one',
-        name_two: 'address_two'
-    }
-};
-export const mockSettingsStore = writable(mockConfigSource);

package/dist/components/deployment/InvalidStrategiesSection.svelte

@@ -1,19 +0,0 @@
-<script>export let strategiesWithErrors;
-</script>
-
-<div
-	class="flex flex-col gap-4 rounded-xl bg-red-100 p-6 dark:bg-red-900"
-	data-testid="invalid-strategies"
->
-	<h2 class="text-xl font-semibold text-gray-900 dark:text-white">
-		Invalid Strategies in registry
-	</h2>
-	<div class="flex flex-col gap-2">
-		{#each strategiesWithErrors as strategy}
-			<div class="flex flex-col gap-1">
-				<span class="font-medium">{strategy.name}</span>
-				<span class="text-red-600 dark:text-red-400">{strategy.error}</span>
-			</div>
-		{/each}
-	</div>
-</div>

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

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { InvalidStrategyDetail } from '../../types/strategy';
-declare const __propDef: {
-    props: {
-        strategiesWithErrors: InvalidStrategyDetail[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type InvalidStrategiesSectionProps = typeof __propDef.props;
-export type InvalidStrategiesSectionEvents = typeof __propDef.events;
-export type InvalidStrategiesSectionSlots = typeof __propDef.slots;
-export default class InvalidStrategiesSection extends SvelteComponent<InvalidStrategiesSectionProps, InvalidStrategiesSectionEvents, InvalidStrategiesSectionSlots> {
-}
-export {};

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

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        strategyName?: string;
-        dotrain?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type StrategyPageProps = typeof __propDef.props;
-export type StrategyPageEvents = typeof __propDef.events;
-export type StrategyPageSlots = typeof __propDef.slots;
-export default class StrategyPage extends SvelteComponent<StrategyPageProps, StrategyPageEvents, StrategyPageSlots> {
-}
-export {};

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

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { ValidStrategyDetail } from '../../types/strategy';
-declare const __propDef: {
-    props: {
-        strategies: ValidStrategyDetail[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ValidStrategiesSectionProps = typeof __propDef.props;
-export type ValidStrategiesSectionEvents = typeof __propDef.events;
-export type ValidStrategiesSectionSlots = typeof __propDef.slots;
-export default class ValidStrategiesSection extends SvelteComponent<ValidStrategiesSectionProps, ValidStrategiesSectionEvents, ValidStrategiesSectionSlots> {
-}
-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,28 +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 result = await gui.getDeploymentTransactionArgs(address);
-    if (result.error) {
-        throw new Error(result.error.msg);
-    }
-    const { approvals, deploymentCalldata, orderbookAddress, chainId } = result.value;
-    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 {};

package/dist/components/dropdown/DropdownActiveSubgraphs.svelte

@@ -1,38 +0,0 @@
-<script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
-export let settings;
-export let activeSubgraphs;
-$: dropdownOptions = Object.keys(settings?.subgraphs ?? {}).reduce(
-  (acc, key) => ({
-    ...acc,
-    [key]: key
-  }),
-  {}
-);
-function handleStatusChange(event) {
-  let items = Object.keys(event.detail);
-  activeSubgraphs.set(
-    Object.values(items).reduce(
-      (acc, key) => ({ ...acc, [key]: (settings?.subgraphs ?? {})[key] }),
-      {}
-    )
-  );
-}
-$: value = Object.keys($activeSubgraphs).length === 0 ? {} : Object.keys($activeSubgraphs).reduce(
-  (acc, key) => ({
-    ...acc,
-    [key]: key
-  }),
-  {}
-);
-</script>
-
-<div data-testid="subgraphs-dropdown">
-	<DropdownCheckbox
-		options={dropdownOptions}
-		on:change={handleStatusChange}
-		label="Networks"
-		showAllLabel={false}
-		onlyTitle={true}
-		{value}
-	/>
-</div>

package/dist/components/dropdown/DropdownActiveSubgraphs.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
-import type { ConfigSource } from '@rainlanguage/orderbook/js_api';
-declare const __propDef: {
-    props: {
-        settings: ConfigSource;
-        activeSubgraphs: Writable<Record<string, string>>;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DropdownActiveSubgraphsProps = typeof __propDef.props;
-export type DropdownActiveSubgraphsEvents = typeof __propDef.events;
-export type DropdownActiveSubgraphsSlots = typeof __propDef.slots;
-export default class DropdownActiveSubgraphs extends SvelteComponent<DropdownActiveSubgraphsProps, DropdownActiveSubgraphsEvents, DropdownActiveSubgraphsSlots> {
-}
-export {};

package/dist/components/dropdown/DropdownOrderStatus.svelte

@@ -1,31 +0,0 @@
-<script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
-export let activeOrderStatus;
-const orderStatusOptions = {
-  Active: "active",
-  Inactive: "inactive"
-};
-function handleStatusChange(event) {
-  let status = void 0;
-  let items = Object.keys(event.detail);
-  if (items.length === 0 || items.length === 2) {
-    status = void 0;
-  } else if (items.includes("Active")) {
-    status = true;
-  } else if (items.includes("Inactive")) {
-    status = false;
-  }
-  activeOrderStatus.set(status);
-}
-$: value = $activeOrderStatus === void 0 ? {} : $activeOrderStatus ? { Active: "active" } : { Inactive: "inactive" };
-</script>
-
-<div data-testid="order-status-dropdown">
-	<DropdownCheckbox
-		options={orderStatusOptions}
-		on:change={handleStatusChange}
-		label="Status"
-		showAllLabel={false}
-		onlyTitle={true}
-		{value}
-	/>
-</div>

package/dist/components/dropdown/DropdownOrderStatus.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
-declare const __propDef: {
-    props: {
-        activeOrderStatus: Writable<boolean | undefined>;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DropdownOrderStatusProps = typeof __propDef.props;
-export type DropdownOrderStatusEvents = typeof __propDef.events;
-export type DropdownOrderStatusSlots = typeof __propDef.slots;
-export default class DropdownOrderStatus extends SvelteComponent<DropdownOrderStatusProps, DropdownOrderStatusEvents, DropdownOrderStatusSlots> {
-}
-export {};

package/dist/stores/transactionStore.d.ts

@@ -1,98 +0,0 @@
-import type { Hex } from 'viem';
-import type { Config } from '@wagmi/core';
-import type { ApprovalCalldata, DepositCalldataResult, RemoveOrderCalldata, SgVault, WithdrawCalldataResult, DepositAndAddOrderCalldataResult } from '@rainlanguage/orderbook/js_api';
-export declare const ADDRESS_ZERO = "0x0000000000000000000000000000000000000000";
-export declare const ONE: bigint;
-export declare enum TransactionStatus {
-    IDLE = "Idle",
-    CHECKING_ALLOWANCE = "Checking your allowance...",
-    PENDING_WALLET = "Waiting for wallet confirmation...",
-    PENDING_APPROVAL = "Approving token spend...",
-    PENDING_DEPLOYMENT = "Deploying your order...",
-    PENDING_WITHDRAWAL = "Withdrawing tokens...",
-    PENDING_DEPOSIT = "Depositing tokens...",
-    PENDING_REMOVE_ORDER = "Removing order...",
-    PENDING_SUBGRAPH = "Awaiting subgraph...",
-    SUCCESS = "Success! Transaction confirmed",
-    ERROR = "Something went wrong"
-}
-export declare enum TransactionErrorMessage {
-    BAD_CALLLDATA = "Bad calldata.",
-    DEPLOY_FAILED = "Lock transaction failed.",
-    TIMEOUT = "Transaction timed out.",
-    APPROVAL_FAILED = "Approval transaction failed.",
-    USER_REJECTED_APPROVAL = "User rejected approval transaction.",
-    USER_REJECTED_TRANSACTION = "User rejected the transaction.",
-    DEPLOYMENT_FAILED = "Deployment transaction failed.",
-    SWITCH_CHAIN_FAILED = "Failed to switch chain.",
-    DEPOSIT_FAILED = "Failed to deposit tokens.",
-    WITHDRAWAL_FAILED = "Failed to withdraw tokens.",
-    REMOVE_ORDER_FAILED = "Failed to remove order."
-}
-export type ExtendedApprovalCalldata = ApprovalCalldata & {
-    symbol?: string;
-};
-export type DeploymentTransactionArgs = {
-    config: Config;
-    approvals: ExtendedApprovalCalldata[];
-    deploymentCalldata: DepositAndAddOrderCalldataResult;
-    orderbookAddress: Hex;
-    chainId: number;
-    subgraphUrl: string;
-    network: string;
-};
-export type DepositOrWithdrawTransactionArgs = {
-    config: Config;
-    approvalCalldata?: ApprovalCalldata;
-    transactionCalldata: DepositCalldataResult | WithdrawCalldataResult;
-    action: 'deposit' | 'withdraw';
-    chainId: number;
-    vault: SgVault;
-    subgraphUrl: string;
-};
-export type RemoveOrderTransactionArgs = {
-    config: Config;
-    orderbookAddress: Hex;
-    removeOrderCalldata: RemoveOrderCalldata;
-    chainId: number;
-    subgraphUrl: string;
-};
-export type TransactionState = {
-    status: TransactionStatus;
-    error: string;
-    hash: string;
-    data: null;
-    functionName: string;
-    message: string;
-    newOrderHash: string;
-    network: string;
-    explorerLink: string;
-};
-export type TransactionStore = {
-    subscribe: (run: (value: TransactionState) => void) => () => void;
-    reset: () => void;
-    handleDeploymentTransaction: (args: DeploymentTransactionArgs) => Promise<void>;
-    handleDepositOrWithdrawTransaction: (args: DepositOrWithdrawTransactionArgs) => Promise<void>;
-    handleRemoveOrderTransaction: (args: RemoveOrderTransactionArgs) => Promise<void>;
-    checkingWalletAllowance: (message?: string) => void;
-    awaitWalletConfirmation: (message?: string) => void;
-    awaitApprovalTx: (hash: string) => void;
-    transactionSuccess: (hash: string, message?: string) => void;
-    transactionError: (message: TransactionErrorMessage, hash?: string) => void;
-};
-declare const _default: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<TransactionState>, invalidate?: import("svelte/store").Invalidator<TransactionState> | undefined) => import("svelte/store").Unsubscriber;
-    reset: () => void;
-    handleDeploymentTransaction: ({ config, approvals, deploymentCalldata, orderbookAddress, chainId, subgraphUrl, network }: DeploymentTransactionArgs) => Promise<void>;
-    handleDepositOrWithdrawTransaction: ({ config, approvalCalldata, transactionCalldata, action, chainId, vault, subgraphUrl }: DepositOrWithdrawTransactionArgs) => Promise<void>;
-    handleRemoveOrderTransaction: ({ config, orderbookAddress, removeOrderCalldata, chainId, subgraphUrl }: RemoveOrderTransactionArgs) => Promise<void>;
-    checkingWalletAllowance: (message?: string) => void;
-    awaitWalletConfirmation: (message?: string) => void;
-    awaitApprovalTx: (hash: string, symbol: string | undefined) => void;
-    transactionSuccess: (hash: string, message?: string, newOrderHash?: string, network?: string) => void;
-    transactionError: (message: TransactionErrorMessage, hash?: string) => void;
-    awaitTransactionIndexing: (subgraphUrl: string, txHash: string, successMessage: string) => Promise<void>;
-    awaitNewOrderIndexing: (subgraphUrl: string, txHash: string, network?: string) => Promise<void>;
-    awaitRemoveOrderIndexing: (subgraphUrl: string, txHash: string) => Promise<void>;
-};
-export default _default;