@rainlanguage/ui-components 0.0.1-alpha.17 → 0.0.1-alpha.19

package/dist/components/deployment/DeploymentSteps.svelte

@@ -1,6 +1,5 @@
 <script>import { Alert } from "flowbite-svelte";
-import TokenIOSection from "./TokenIOSection.svelte";
-import DepositsSection from "./DepositsSection.svelte";
+import TokenIOInput from "./TokenIOInput.svelte";
 import ComposedRainlangModal from "./ComposedRainlangModal.svelte";
 import FieldDefinitionsSection from "./FieldDefinitionsSection.svelte";
 import {} from "@rainlanguage/orderbook/js_api";
@@ -16,6 +15,7 @@ import { handleShareChoices } from "../../services/handleShareChoices";
 import { getDeploymentTransactionArgs } from "./getDeploymentTransactionArgs";
 import { DeploymentStepsError, DeploymentStepsErrorCode } from "../../errors";
 import { onMount } from "svelte";
+import DepositInput from "./DepositInput.svelte";
 import SelectToken from "./SelectToken.svelte";
 import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
 import { useGui } from "../../hooks/useGui";
@@ -47,8 +47,16 @@ onMount(async () => {
 });
 function getAllFieldDefinitions() {
   try {
-    allFieldDefinitionsWithoutDefaults = gui.getAllFieldDefinitions(false);
-    allFieldDefinitionsWithDefaults = gui.getAllFieldDefinitions(true);
+    const allFieldDefinitionsResult = gui.getAllFieldDefinitions(false);
+    if (allFieldDefinitionsResult.error) {
+      throw new Error(allFieldDefinitionsResult.error.msg);
+    }
+    allFieldDefinitionsWithoutDefaults = allFieldDefinitionsResult.value;
+    const allFieldDefinitionsWithDefaultsResult = gui.getAllFieldDefinitions(true);
+    if (allFieldDefinitionsWithDefaultsResult.error) {
+      throw new Error(allFieldDefinitionsWithDefaultsResult.error.msg);
+    }
+    allFieldDefinitionsWithDefaults = allFieldDefinitionsWithDefaultsResult.value;
   } catch (e) {
     DeploymentStepsError.catch(e, DeploymentStepsErrorCode.NO_FIELD_DEFINITIONS);
   }
@@ -236,12 +244,20 @@ const areAllTokensSelected = async () => {
 						<FieldDefinitionsSection allFieldDefinitions={allFieldDefinitionsWithDefaults} {gui} />
 					{/if}
 
-					{#if allDepositFields.length > 0 && showAdvancedOptions}
-						<DepositsSection bind:allDepositFields {gui} />
+					{#if showAdvancedOptions}
+						{#each allDepositFields as deposit}
+							<DepositInput {deposit} {gui} />
+						{/each}
 					{/if}
 
-					{#if allTokenInputs.length > 0 && allTokenOutputs.length > 0 && showAdvancedOptions}
-						<TokenIOSection bind:allTokenInputs bind:allTokenOutputs {gui} />
+					{#if showAdvancedOptions}
+						{#each allTokenInputs as input, i}
+							<TokenIOInput {i} label="Input" vault={input} {gui} />
+						{/each}
+
+						{#each allTokenOutputs as output, i}
+							<TokenIOInput {i} label="Output" vault={output} {gui} />
+						{/each}
 					{/if}
 
 					{#if $deploymentStepsError}

package/dist/components/deployment/FieldDefinitionInput.svelte

@@ -11,7 +11,11 @@ let currentValue;
 let inputValue = currentValue?.value ? currentValue?.value : fieldDefinition.default || null;
 onMount(() => {
   try {
-    currentValue = gui.getFieldValue(fieldDefinition.binding);
+    const result = gui.getFieldValue(fieldDefinition.binding);
+    if (result.error) {
+      throw new Error(result.error.msg);
+    }
+    currentValue = result.value;
     inputValue = currentValue?.value ? currentValue?.value : fieldDefinition.default || null;
   } catch {
     currentValue = void 0;
@@ -23,7 +27,11 @@ async function handlePresetClick(preset) {
     isPreset: true,
     value: preset.id
   });
-  currentValue = gui.getFieldValue(fieldDefinition.binding);
+  const result = gui.getFieldValue(fieldDefinition.binding);
+  if (result.error) {
+    throw new Error(result.error.msg);
+  }
+  currentValue = result.value;
 }
 async function handleCustomInputChange(value) {
   inputValue = value;
@@ -31,7 +39,11 @@ async function handleCustomInputChange(value) {
     isPreset: false,
     value
   });
-  currentValue = gui.getFieldValue(fieldDefinition.binding);
+  const result = gui.getFieldValue(fieldDefinition.binding);
+  if (result.error) {
+    throw new Error(result.error.msg);
+  }
+  currentValue = result.value;
 }
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.17",
+	"version": "0.0.1-alpha.19",
 	"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.0.18",
 		"@imask/svelte": "^7.3.0",
 		"@observablehq/plot": "^0.6.13",
-		"@rainlanguage/orderbook": "0.0.1-alpha.17",
+		"@rainlanguage/orderbook": "0.0.1-alpha.19",
 		"@reown/appkit": "^1.6.4",
 		"@reown/appkit-adapter-wagmi": "^1.6.4",
 		"@sentry/sveltekit": "^7.107.0",

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/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 {};