@rainlanguage/ui-components 0.0.1-alpha.110 → 0.0.1-alpha.112

package/dist/components/deployment/ButtonSelectOption.svelte

@@ -2,6 +2,7 @@
 export let active;
 export let buttonText;
 export let clickHandler;
+export let dataTestId;
 </script>
 
 <Button
@@ -9,6 +10,7 @@ export let clickHandler;
 	color="alternative"
 	class={active ? 'border-2 border-blue-300 dark:border-blue-700' : 'border-2 border-transparent'}
 	on:click={clickHandler}
+	data-testid={dataTestId}
 >
 	{buttonText}
 </Button>

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

@@ -4,6 +4,7 @@ declare const __propDef: {
         active: boolean;
         buttonText: string;
         clickHandler: () => void;
+        dataTestId: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/deployment/DeploymentSteps.svelte

@@ -13,7 +13,6 @@ import DepositInput from "./DepositInput.svelte";
 import SelectToken from "./SelectToken.svelte";
 import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
 import { useGui } from "../../hooks/useGui";
-import { useAccount } from "../../providers/wallet/useAccount";
 import { handleDeployment } from "./handleDeployment";
 import {} from "../../types/transaction";
 import { fade } from "svelte/transition";
@@ -25,6 +24,7 @@ export let onDeploy;
 export let wagmiConnected;
 export let appKitModal;
 export let settings;
+export let account;
 let allDepositFields = [];
 let allTokenOutputs = [];
 let allFieldDefinitionsWithoutDefaults = [];
@@ -35,7 +35,6 @@ let allTokenInfos = [];
 let selectTokens = void 0;
 let checkingDeployment = false;
 let subgraphUrl = void 0;
-const { account } = useAccount();
 const gui = useGui();
 const registry = useRegistry();
 let deploymentStepsError = DeploymentStepsError.error;
@@ -179,7 +178,7 @@ async function handleDeployButtonClick() {
     }
     DeploymentStepsError.clear();
     const deploymentArgs = await handleDeployment(gui, $account, subgraphUrl);
-    return await onDeploy(deploymentArgs);
+    return onDeploy(deploymentArgs);
   } catch (e) {
     DeploymentStepsError.catch(e, DeploymentStepsErrorCode.ADD_ORDER_FAILED);
   } finally {

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

@@ -3,6 +3,7 @@ import { type ConfigSource, type NameAndDescriptionCfg } from '@rainlanguage/ord
 import { type Writable } from 'svelte/store';
 import type { AppKit } from '@reown/appkit';
 import { type DeploymentArgs } from '../../types/transaction';
+import type { Account } from '../../types/account';
 declare const __propDef: {
     props: {
         /** The deployment configuration containing key, name and description */ deployment: {
@@ -15,6 +16,7 @@ declare const __propDef: {
         wagmiConnected: Writable<boolean>;
         appKitModal: Writable<AppKit>;
         settings: Writable<ConfigSource>;
+        account: Account;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/deployment/DepositInput.svelte

@@ -85,6 +85,7 @@ $: if (deposit.token?.key) {
 			<div class="flex w-full flex-wrap gap-4">
 				{#each deposit.presets as preset}
 					<ButtonSelectOption
+						dataTestId={`deposit-preset-${preset}`}
 						active={currentDeposit?.amount === preset}
 						buttonText={preset}
 						clickHandler={() => handlePresetClick(preset)}

package/dist/components/deployment/DisclaimerModal.svelte

@@ -13,6 +13,7 @@ async function handleAcceptDisclaimer() {
 	bind:open
 	class="max-h-full dark:border dark:border-gray-700 dark:bg-gray-900"
 	dialogClass="fixed top-0 start-0 end-1 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex justify-center items-center h-full"
+	data-testid="deployment-disclaimer-modal"
 >
 	<div class="flex flex-col items-start gap-y-8 p-4">
 		<div class="space-y-4">

package/dist/components/deployment/FieldDefinitionInput.svelte

@@ -48,6 +48,7 @@ async function handleCustomInputChange(value) {
 			<div class="flex w-full flex-wrap gap-4">
 				{#each fieldDefinition.presets as preset}
 					<ButtonSelectOption
+						dataTestId={`binding-${fieldDefinition.binding}-preset-${preset.name || preset.value}`}
 						buttonText={preset.name || preset.value}
 						clickHandler={() => handlePresetClick(preset)}
 						active={currentValue?.value === preset.value}
@@ -58,6 +59,7 @@ async function handleCustomInputChange(value) {
 
 		{#if !fieldDefinition.presets || fieldDefinition.showCustomField}
 			<Input
+				data-testid={`binding-${fieldDefinition.binding}-input`}
 				size="lg"
 				placeholder="Enter custom value"
 				bind:value={inputValue}

package/dist/components/deployment/SelectToken.svelte

@@ -81,7 +81,10 @@ async function handleInput(event) {
 					<span>Checking...</span>
 				</div>
 			{:else if tokenInfo}
-				<div class="flex h-5 flex-row items-center gap-2">
+				<div
+					class="flex h-5 flex-row items-center gap-2"
+					data-testid={`select-token-success-${token.key}`}
+				>
 					<CheckCircleSolid class="h-5 w-5" color="green" />
 					<span>{tokenInfo.name}</span>
 				</div>

package/dist/components/deployment/TokenIOInput.svelte

@@ -59,6 +59,7 @@ $: if (vault.token?.key) {
 	/>
 	<div class="flex flex-col gap-2">
 		<Input
+			data-testid="vault-id-input"
 			size="lg"
 			type="text"
 			placeholder="Enter vault ID"

package/dist/index.d.ts

@@ -67,8 +67,8 @@ export { default as InputRegistryUrl } from './components/input/InputRegistryUrl
 export type { AppStoresInterface } from './types/appStores.ts';
 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';
+export type { DeploymentArgs, VaultActionArgs, OrderRemoveArgs } from './types/transaction';
+export type { VaultActionModalProps, OrderRemoveModalProps, QuoteDebugModalHandler, DebugTradeModalHandler, DeployModalProps, DisclaimerModalProps } from './types/modal';
 export type { ValidStrategyDetail, InvalidStrategyDetail } from './types/strategy';
 export type { ToastProps } from './types/toast';
 export { createResolvableQuery, createResolvableInfiniteQuery } from './__mocks__/queries';

package/dist/types/modal.d.ts

@@ -1,8 +1,8 @@
 import type { SgOrder } from '@rainlanguage/orderbook';
-import type { DepositOrWithdrawArgs, OrderRemoveArgs, DeploymentArgs } from './transaction';
-export type DepositOrWithdrawModalProps = {
+import type { VaultActionArgs, OrderRemoveArgs, DeploymentArgs } from './transaction';
+export type VaultActionModalProps = {
     open: boolean;
-    args: DepositOrWithdrawArgs;
+    args: VaultActionArgs;
 };
 export type OrderRemoveModalProps = {
     open: boolean;

package/dist/types/transaction.d.ts

@@ -9,10 +9,9 @@ export type DeploymentArgs = {
     subgraphUrl?: string;
     network: string;
 };
-export type DepositOrWithdrawArgs = {
+export type VaultActionArgs = {
     vault: SgVault;
-    onDepositOrWithdraw: () => void;
-    action: 'deposit' | 'withdraw';
+    onSuccess: () => void;
     chainId: number;
     rpcUrl: string;
     subgraphUrl: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.110",
+	"version": "0.0.1-alpha.112",
 	"description": "A component library for building Svelte applications to be used with Raindex.",
 	"license": "LicenseRef-DCL-1.0",
 	"author": "Rain Open Source Software Ltd",
@@ -53,7 +53,7 @@
 		"@fontsource/dm-sans": "5.1.0",
 		"@imask/svelte": "7.6.1",
 		"@observablehq/plot": "0.6.16",
-		"@rainlanguage/orderbook": "0.0.1-alpha.110",
+		"@rainlanguage/orderbook": "0.0.1-alpha.112",
 		"@reown/appkit": "1.6.4",
 		"@reown/appkit-adapter-wagmi": "1.6.4",
 		"@sentry/sveltekit": "7.120.0",