@rainlanguage/ui-components 0.0.1-alpha.147 → 0.0.1-alpha.149

package/dist/components/deployment/DeploymentSteps.svelte

@@ -204,12 +204,12 @@ async function handleDeployButtonClick() {
 						<DepositInput {deposit} />
 					{/each}
 
-					{#each allTokenOutputs as output, i}
-						<TokenIOInput {i} label="Output" vault={output} />
+					{#each allTokenOutputs as output}
+						<TokenIOInput label="Output" vault={output} />
 					{/each}
 
-					{#each allTokenInputs as input, i}
-						<TokenIOInput {i} label="Input" vault={input} />
+					{#each allTokenInputs as input}
+						<TokenIOInput label="Input" vault={input} />
 					{/each}
 				{/if}
 

package/dist/components/deployment/TokenIOInput.svelte

@@ -4,23 +4,23 @@ import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
 import { onMount } from "svelte";
 import { useGui } from "../../hooks/useGui";
 const gui = useGui();
-export let i;
 export let label;
 export let vault;
 let tokenInfo = null;
 let inputValue = "";
 let error = "";
 onMount(() => {
+  if (!vault.token?.key) return;
   const result = gui.getVaultIds();
   if (result.error) {
     error = result.error.msg;
     return;
   }
   const vaultIds = result.value;
-  if (label === "Input") {
-    inputValue = vaultIds.get("input")?.[i];
-  } else if (label === "Output") {
-    inputValue = vaultIds.get("output")?.[i];
+  const vaultMap = vaultIds.get(label.toLowerCase());
+  if (vaultMap) {
+    const vaultId = vaultMap.get(vault.token.key);
+    inputValue = vaultId || "";
   }
 });
 const handleGetTokenInfo = async () => {
@@ -38,10 +38,13 @@ const handleGetTokenInfo = async () => {
   }
 };
 const handleInput = async () => {
-  const isInput = label === "Input";
+  if (!vault.token) {
+    error = "Vault token is not set.";
+    return;
+  }
   error = "";
   try {
-    gui?.setVaultId(isInput, i, inputValue);
+    gui.setVaultId(label.toLowerCase(), vault.token.key, inputValue);
   } catch (e) {
     const errorMessage = e.message ? e.message : "Error setting vault ID.";
     error = errorMessage;
@@ -54,8 +57,8 @@ $: if (vault.token?.key) {
 
 <div class="flex w-full flex-col gap-6">
 	<DeploymentSectionHeader
-		title={`${label} ${i + 1} ${tokenInfo?.symbol ? `(${tokenInfo.symbol})` : ''}`}
-		description={`${tokenInfo?.symbol} vault ID`}
+		title={`${label} ${tokenInfo?.symbol ? `(${tokenInfo.symbol})` : ''}`}
+		description={`${tokenInfo?.symbol || 'Token'} vault ID`}
 	/>
 	<div class="flex flex-col gap-2">
 		<Input

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

@@ -2,7 +2,6 @@ import { SvelteComponent } from "svelte";
 import { type OrderIOCfg } from '@rainlanguage/orderbook';
 declare const __propDef: {
     props: {
-        i: number;
         label: "Input" | "Output";
         vault: OrderIOCfg;
     };

package/dist/components/tables/OrderVaultsVolTable.svelte

@@ -42,7 +42,7 @@ $: vaultsVol = createInfiniteQuery({
 
 	<svelte:fragment slot="bodyRow" let:item>
 		<TableBodyCell tdClass="px-4 py-2">
-			<Hash type={HashType.Identifier} shorten value={item.id} />
+			<Hash type={HashType.Identifier} shorten value={item.id.toString()} />
 		</TableBodyCell>
 		<TableBodyCell tdClass="break-all py-2 min-w-32">
 			<div class="flex gap-x-3">

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.147",
+	"version": "0.0.1-alpha.149",
 	"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.147",
+		"@rainlanguage/orderbook": "0.0.1-alpha.149",
 		"@reown/appkit": "1.6.4",
 		"@reown/appkit-adapter-wagmi": "1.6.4",
 		"@sentry/sveltekit": "7.120.0",