@rainlanguage/ui-components 0.0.1-alpha.235 → 0.0.1-alpha.236

package/dist/components/deployment/ComposedRainlangModal.svelte

@@ -2,12 +2,12 @@
 import { RainlangLR } from "codemirror-rainlang";
 import { lightCodeMirrorTheme } from "../../utils/codeMirrorThemes";
 import { Button, Modal } from "flowbite-svelte";
-import { useGui } from "../../hooks/useGui";
-const gui = useGui();
+import { useRaindexOrderBuilder } from "../../hooks/useRaindexOrderBuilder";
+const builder = useRaindexOrderBuilder();
 let rainlangText = null;
 let open = false;
 async function generateRainlang() {
-  let result = await gui.getComposedRainlang();
+  let result = await builder.getComposedRainlang();
   if (result.error) {
     throw new Error(result.error.msg);
   }

package/dist/components/deployment/DeploymentSteps.svelte

@@ -2,7 +2,7 @@
 import TokenIOInput from "./TokenIOInput.svelte";
 import ComposedRainlangModal from "./ComposedRainlangModal.svelte";
 import {
-  DotrainOrderGui,
+  RaindexOrderBuilder,
   RaindexClient,
   AccountBalance,
   Float
@@ -16,7 +16,7 @@ import FieldDefinitionInput from "./FieldDefinitionInput.svelte";
 import DepositInput from "./DepositInput.svelte";
 import SelectToken from "./SelectToken.svelte";
 import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
-import { useGui } from "../../hooks/useGui";
+import { useRaindexOrderBuilder } from "../../hooks/useRaindexOrderBuilder";
 import { fade } from "svelte/transition";
 import ShareChoicesButton from "./ShareChoicesButton.svelte";
 import { useRegistry } from "../../providers/registry/useRegistry";
@@ -38,12 +38,12 @@ let allTokenInfos = [];
 let selectTokens = void 0;
 let checkingDeployment = false;
 let tokenBalances = /* @__PURE__ */ new Map();
-const gui = useGui();
+const builder = useRaindexOrderBuilder();
 const registry = useRegistry();
 const raindexClient = useRaindexClient();
 let deploymentStepsError = DeploymentStepsError.error;
 onMount(async () => {
-  const selectTokensResult = gui.getSelectTokens();
+  const selectTokensResult = builder.getSelectTokens();
   if (selectTokensResult.error) {
     throw new Error(selectTokensResult.error.msg);
   }
@@ -69,9 +69,9 @@ let unsubscribeAccount = account.subscribe((account2) => {
 onDestroy(() => {
   unsubscribeAccount();
 });
-function getAllGuiConfig() {
+function getAllBuilderConfig() {
   try {
-    let result = gui.getAllGuiConfig();
+    let result = builder.getAllBuilderConfig();
     if (result.error) {
       throw new Error(result.error.msg);
     }
@@ -81,19 +81,19 @@ function getAllGuiConfig() {
     allTokenOutputs = result.value.orderOutputs;
     allTokenInputs = result.value.orderInputs;
   } catch (e) {
-    DeploymentStepsError.catch(e, DeploymentStepsErrorCode.NO_GUI_CONFIG);
+    DeploymentStepsError.catch(e, DeploymentStepsErrorCode.NO_BUILDER_CONFIG);
   }
 }
 function updateFields() {
   try {
     DeploymentStepsError.clear();
-    getAllGuiConfig();
+    getAllBuilderConfig();
   } catch (e) {
-    DeploymentStepsError.catch(e, DeploymentStepsErrorCode.NO_GUI);
+    DeploymentStepsError.catch(e, DeploymentStepsErrorCode.NO_BUILDER);
   }
 }
 async function _handleShareChoices() {
-  await handleShareChoices(gui, registry.getCurrentRegistry());
+  await handleShareChoices(builder, registry.getCurrentRegistry());
 }
 async function fetchTokenBalance(tokenInfo) {
   if (!$account) return;
@@ -103,7 +103,7 @@ async function fetchTokenBalance(tokenInfo) {
     loading: true,
     error: ""
   });
-  const { value: accountBalance, error } = await gui.getAccountBalance(
+  const { value: accountBalance, error } = await builder.getAccountBalance(
     tokenInfo.address,
     $account
   );
@@ -124,7 +124,7 @@ async function fetchTokenBalance(tokenInfo) {
   tokenBalances = balances;
 }
 async function getTokenInfoAndFetchBalance(key) {
-  const tokenInfoResult = await gui.getTokenInfo(key);
+  const tokenInfoResult = await builder.getTokenInfo(key);
   if (tokenInfoResult.error) {
     throw new Error(tokenInfoResult.error.msg);
   }
@@ -138,35 +138,35 @@ async function onSelectTokenSelect(key) {
   await areAllTokensSelected();
   await getTokenInfoAndFetchBalance(key);
   if (allTokensSelected) {
-    let result = await gui.getAllTokenInfos();
+    let result = await builder.getAllTokenInfos();
     if (result.error) {
       throw new Error(result.error.msg);
     }
     let newAllTokenInfos = result.value;
     if (allTokenInfos !== newAllTokenInfos) {
       allTokenInfos = newAllTokenInfos;
-      getAllGuiConfig();
+      getAllBuilderConfig();
     }
   }
 }
 const areAllTokensSelected = async () => {
   try {
-    const areAllTokensSelectedResult = gui.areAllTokensSelected();
+    const areAllTokensSelectedResult = builder.areAllTokensSelected();
     if (areAllTokensSelectedResult.error) {
       throw new Error(areAllTokensSelectedResult.error.msg);
     }
     allTokensSelected = areAllTokensSelectedResult.value;
     if (!allTokensSelected) return;
-    const getAllTokenInfosResult = await gui.getAllTokenInfos();
+    const getAllTokenInfosResult = await builder.getAllTokenInfos();
     if (getAllTokenInfosResult.error) {
       throw new Error(getAllTokenInfosResult.error.msg);
     }
     allTokenInfos = getAllTokenInfosResult.value;
-    const hasDepositsResult = gui.hasAnyDeposit();
+    const hasDepositsResult = builder.hasAnyDeposit();
     if (hasDepositsResult.error) {
       throw new Error(hasDepositsResult.error.msg);
     }
-    const hasVaultIdsResult = gui.hasAnyVaultId();
+    const hasVaultIdsResult = builder.hasAnyVaultId();
     if (hasVaultIdsResult.error) {
       throw new Error(hasVaultIdsResult.error.msg);
     }
@@ -191,7 +191,7 @@ async function handleDeployButtonClick() {
       return;
     }
     DeploymentStepsError.clear();
-    return onDeploy(raindexClient, gui);
+    return onDeploy(raindexClient, builder);
   } catch (e) {
     DeploymentStepsError.catch(e, DeploymentStepsErrorCode.ADD_ORDER_FAILED);
   } finally {
@@ -201,7 +201,7 @@ async function handleDeployButtonClick() {
 </script>
 
 <div>
-	{#if gui}
+	{#if builder}
 		<div class="flex max-w-3xl flex-col gap-12" in:fade>
 			{#if deployment}
 				<div class="flex max-w-2xl flex-col gap-4 text-start">

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type NameAndDescriptionCfg, DotrainOrderGui, RaindexClient } from '@rainlanguage/orderbook';
+import { type NameAndDescriptionCfg, RaindexOrderBuilder, RaindexClient } from '@rainlanguage/orderbook';
 import { type Writable } from 'svelte/store';
 import type { AppKit } from '@reown/appkit';
 import type { Account } from '../../types/account';
@@ -11,7 +11,7 @@ declare const __propDef: {
             description: string;
         };
         /** Strategy details containing name and description configuration */ orderDetail: NameAndDescriptionCfg;
-        /** Handlers for deployment modals */ onDeploy: (raindexClient: RaindexClient, gui: DotrainOrderGui) => void;
+        /** Handlers for deployment modals */ onDeploy: (raindexClient: RaindexClient, builder: RaindexOrderBuilder) => void;
         wagmiConnected: Writable<boolean>;
         appKitModal: Writable<AppKit>;
         account: Account;

package/dist/components/deployment/DepositInput.svelte

@@ -1,12 +1,13 @@
-<script>import {} from "@rainlanguage/orderbook";
+<script>import {
+} from "@rainlanguage/orderbook";
 import { Input } from "flowbite-svelte";
 import ButtonSelectOption from "./ButtonSelectOption.svelte";
 import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
 import { CloseCircleSolid } from "flowbite-svelte-icons";
 import { onMount } from "svelte";
-import { useGui } from "../../hooks/useGui";
+import { useRaindexOrderBuilder } from "../../hooks/useRaindexOrderBuilder";
 export let deposit;
-const gui = useGui();
+const builder = useRaindexOrderBuilder();
 let error = "";
 let currentDeposit;
 let inputValue = "";
@@ -15,7 +16,7 @@ onMount(() => {
   setCurrentDeposit();
 });
 const getCurrentDeposit = () => {
-  const deposits = gui.getDeposits();
+  const deposits = builder.getDeposits();
   if (deposits.error) {
     throw new Error(deposits.error.msg);
   }
@@ -33,7 +34,7 @@ const setCurrentDeposit = () => {
 const getTokenSymbol = async () => {
   if (!deposit.token?.key) return;
   try {
-    let result = await gui.getTokenInfo(deposit.token?.key);
+    let result = await builder.getTokenInfo(deposit.token?.key);
     if (result.error) {
       throw new Error(result.error.msg);
     }
@@ -46,7 +47,7 @@ const getTokenSymbol = async () => {
 async function handlePresetClick(preset) {
   if (deposit.token?.key) {
     inputValue = preset;
-    await gui.setDeposit(deposit.token?.key, preset);
+    await builder.setDeposit(deposit.token?.key, preset);
     try {
       currentDeposit = getCurrentDeposit();
     } catch (e) {
@@ -58,7 +59,7 @@ async function handleInput(e) {
   if (deposit.token?.key) {
     if (e.currentTarget instanceof HTMLInputElement) {
       inputValue = e.currentTarget.value;
-      await gui.setDeposit(deposit.token.key, e.currentTarget.value);
+      await builder.setDeposit(deposit.token.key, e.currentTarget.value);
       try {
         currentDeposit = getCurrentDeposit();
       } catch (e2) {

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

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import { type GuiDepositCfg } from '@rainlanguage/orderbook';
+import { type OrderBuilderDepositCfg } from '@rainlanguage/orderbook';
 declare const __propDef: {
     props: {
-        deposit: GuiDepositCfg;
+        deposit: OrderBuilderDepositCfg;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/deployment/FieldDefinitionInput.svelte

@@ -4,14 +4,14 @@ import {
 import ButtonSelectOption from "./ButtonSelectOption.svelte";
 import DeploymentSectionHeader from "./DeploymentSectionHeader.svelte";
 import { onMount } from "svelte";
-import { useGui } from "../../hooks/useGui";
+import { useRaindexOrderBuilder } from "../../hooks/useRaindexOrderBuilder";
 export let fieldDefinition;
-const gui = useGui();
+const builder = useRaindexOrderBuilder();
 let currentValue;
 let inputValue = currentValue?.value ? currentValue?.value : fieldDefinition.default || null;
 onMount(() => {
   try {
-    const result = gui.getFieldValue(fieldDefinition.binding);
+    const result = builder.getFieldValue(fieldDefinition.binding);
     if (result.error) {
       throw new Error(result.error.msg);
     }
@@ -23,8 +23,8 @@ onMount(() => {
 });
 async function handlePresetClick(preset) {
   inputValue = preset.value;
-  gui.setFieldValue(fieldDefinition.binding, inputValue);
-  const result = gui.getFieldValue(fieldDefinition.binding);
+  builder.setFieldValue(fieldDefinition.binding, inputValue);
+  const result = builder.getFieldValue(fieldDefinition.binding);
   if (result.error) {
     throw new Error(result.error.msg);
   }
@@ -32,8 +32,8 @@ async function handlePresetClick(preset) {
 }
 async function handleCustomInputChange(value) {
   inputValue = value;
-  gui.setFieldValue(fieldDefinition.binding, inputValue);
-  const result = gui.getFieldValue(fieldDefinition.binding);
+  builder.setFieldValue(fieldDefinition.binding, inputValue);
+  const result = builder.getFieldValue(fieldDefinition.binding);
   if (result.error) {
     throw new Error(result.error.msg);
   }

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

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import { type GuiFieldDefinitionCfg } from '@rainlanguage/orderbook';
+import { type OrderBuilderFieldDefinitionCfg } from '@rainlanguage/orderbook';
 declare const __propDef: {
     props: {
-        fieldDefinition: GuiFieldDefinitionCfg;
+        fieldDefinition: OrderBuilderFieldDefinitionCfg;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/deployment/SelectToken.svelte

@@ -2,7 +2,7 @@
 import { CheckCircleSolid, CloseCircleSolid } from "flowbite-svelte-icons";
 import { Spinner } from "flowbite-svelte";
 import { onMount } from "svelte";
-import { useGui } from "../../hooks/useGui";
+import { useRaindexOrderBuilder } from "../../hooks/useRaindexOrderBuilder";
 import ButtonSelectOption from "./ButtonSelectOption.svelte";
 import TokenSelectionModal from "./TokenSelectionModal.svelte";
 import TokenBalanceComponent from "./TokenBalance.svelte";
@@ -15,10 +15,10 @@ let error = "";
 let checking = false;
 let selectionMode = "dropdown";
 let selectedToken = null;
-const gui = useGui();
+const builder = useRaindexOrderBuilder();
 onMount(async () => {
   try {
-    let result = await gui.getTokenInfo(token.key);
+    let result = await builder.getTokenInfo(token.key);
     if (result.error) {
       throw new Error(result.error.msg);
     }
@@ -53,7 +53,7 @@ async function saveTokenSelection(address) {
   checking = true;
   error = "";
   try {
-    await gui.setSelectToken(token.key, address);
+    await builder.setSelectToken(token.key, address);
     await getInfoForSelectedToken();
   } catch (e) {
     const errorMessage = e.message || "Invalid token address.";
@@ -64,13 +64,13 @@ async function saveTokenSelection(address) {
   }
 }
 function clearTokenSelection() {
-  gui.unsetSelectToken(token.key);
+  builder.unsetSelectToken(token.key);
   onSelectTokenSelect(token.key);
 }
 async function getInfoForSelectedToken() {
   error = "";
   try {
-    let result = await gui.getTokenInfo(token.key);
+    let result = await builder.getTokenInfo(token.key);
     if (result.error) {
       throw new Error(result.error.msg);
     }

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

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
-import type { GuiSelectTokensCfg } from '@rainlanguage/orderbook';
+import type { OrderBuilderSelectTokensCfg } from '@rainlanguage/orderbook';
 import type { TokenBalance } from '../../types/tokenBalance';
 declare const __propDef: {
     props: {
-        token: GuiSelectTokensCfg;
+        token: OrderBuilderSelectTokensCfg;
         onSelectTokenSelect: (key: string) => void;
         tokenBalances?: Map<string, TokenBalance>;
     };

package/dist/components/deployment/TokenIOInput.svelte

@@ -1,9 +1,9 @@
 <script>import { Input } from "flowbite-svelte";
 import {} from "@rainlanguage/orderbook";
 import { onMount } from "svelte";
-import { useGui } from "../../hooks/useGui";
+import { useRaindexOrderBuilder } from "../../hooks/useRaindexOrderBuilder";
 import VaultIdInformation from "./VaultIdInformation.svelte";
-const gui = useGui();
+const builder = useRaindexOrderBuilder();
 export let label;
 export let vault;
 export let tokenBalances = /* @__PURE__ */ new Map();
@@ -12,7 +12,7 @@ let inputValue = "";
 let error = "";
 onMount(() => {
   if (!vault.token?.key) return;
-  const result = gui.getVaultIds();
+  const result = builder.getVaultIds();
   if (result.error) {
     error = result.error.msg;
     return;
@@ -27,7 +27,7 @@ onMount(() => {
 const handleGetTokenInfo = async () => {
   if (!vault.token?.key) return;
   try {
-    let result = await gui.getTokenInfo(vault.token?.key);
+    let result = await builder.getTokenInfo(vault.token?.key);
     if (result.error) {
       error = result.error.msg;
       return;
@@ -45,7 +45,7 @@ const handleInput = async () => {
   }
   error = "";
   try {
-    gui.setVaultId(label.toLowerCase(), vault.token.key, inputValue);
+    builder.setVaultId(label.toLowerCase(), vault.token.key, inputValue);
   } catch (e) {
     const errorMessage = e.message ? e.message : "Error setting vault ID.";
     error = errorMessage;

package/dist/components/deployment/TokenSelectionModal.svelte

@@ -1,6 +1,6 @@
 <script>import { Input, Button, Modal } from "flowbite-svelte";
 import { SearchOutline, CheckCircleSolid, ChevronDownSolid } from "flowbite-svelte-icons";
-import { useGui } from "../../hooks/useGui";
+import { useRaindexOrderBuilder } from "../../hooks/useRaindexOrderBuilder";
 import { onMount, tick } from "svelte";
 export let selectedToken = null;
 export let onSelect;
@@ -9,10 +9,10 @@ let searchQuery = "";
 let tokens = [];
 let isSearching = false;
 let failedImages = /* @__PURE__ */ new Set();
-const gui = useGui();
+const builder = useRaindexOrderBuilder();
 async function loadTokens(search) {
   isSearching = true;
-  const result = await gui.getAllTokens(search);
+  const result = await builder.getAllTokens(search);
   if (result.error) {
     tokens = [];
   } else {

package/dist/components/detail/OrderDetail.svelte

@@ -80,11 +80,11 @@ const vaultTypesMap = [
     getter: "inputsOutputsList"
   }
 ];
-const formatGuiState = (guiState) => {
+const formatBuilderState = (builderState) => {
   try {
-    return JSON.stringify(JSON.parse(guiState), null, 2);
+    return JSON.stringify(JSON.parse(builderState), null, 2);
   } catch {
-    return "Invalid GUI state";
+    return "Invalid builder state";
   }
 };
 </script>
@@ -301,12 +301,12 @@ const formatGuiState = (guiState) => {
 					></CodeMirrorRainlang>
 				</div>
 			</TabItem>
-			{#if data.dotrainGuiState}
-				<TabItem title="Gui State">
+			{#if data.orderBuilderState}
+				<TabItem title="Builder State">
 					<div class="mb-4">
 						<div class="overflow-auto rounded-lg border bg-gray-50 p-4 dark:bg-gray-800">
-							<pre class="text-sm" data-testid="gui-state-json">
-								{formatGuiState(data.dotrainGuiState)}
+							<pre class="text-sm" data-testid="builder-state-json">
+								{formatBuilderState(data.orderBuilderState)}
 							</pre>
 						</div>
 					</div>

package/dist/errors/DeploymentStepsError.d.ts

@@ -1,6 +1,6 @@
 export declare enum DeploymentStepsErrorCode {
-    NO_GUI_PROVIDER = "No GUI provider found.",
-    NO_GUI = "Error loading GUI.",
+    NO_BUILDER_PROVIDER = "No builder provider found.",
+    NO_BUILDER = "Error loading builder.",
     NO_LOCAL_DB_PROVIDER = "No Local DB provider found.",
     NO_STRATEGY = "No valid order exists at this URL",
     NO_SELECT_TOKENS = "Error loading tokens",
@@ -9,14 +9,14 @@ export declare enum DeploymentStepsErrorCode {
     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_BUILDER_DETAILS = "Error getting builder details",
     NO_CHAIN = "Unsupported chain ID",
     NO_NETWORK_KEY = "No network key found",
     NO_AVAILABLE_TOKENS = "Error loading available tokens",
     SERIALIZE_ERROR = "Error serializing state",
     ADD_ORDER_FAILED = "Failed to add order",
     NO_WALLET = "No account address found",
-    NO_GUI_CONFIG = "Error getting GUI configuration",
+    NO_BUILDER_CONFIG = "Error getting builder configuration",
     NO_RAINDEX_CLIENT_PROVIDER = "No Raindex client provider found"
 }
 export declare class DeploymentStepsError extends Error {

package/dist/errors/DeploymentStepsError.js

@@ -1,8 +1,8 @@
 import { writable } from 'svelte/store';
 export var DeploymentStepsErrorCode;
 (function (DeploymentStepsErrorCode) {
-    DeploymentStepsErrorCode["NO_GUI_PROVIDER"] = "No GUI provider found.";
-    DeploymentStepsErrorCode["NO_GUI"] = "Error loading GUI.";
+    DeploymentStepsErrorCode["NO_BUILDER_PROVIDER"] = "No builder provider found.";
+    DeploymentStepsErrorCode["NO_BUILDER"] = "Error loading builder.";
     DeploymentStepsErrorCode["NO_LOCAL_DB_PROVIDER"] = "No Local DB provider found.";
     DeploymentStepsErrorCode["NO_STRATEGY"] = "No valid order exists at this URL";
     DeploymentStepsErrorCode["NO_SELECT_TOKENS"] = "Error loading tokens";
@@ -11,14 +11,14 @@ export var DeploymentStepsErrorCode;
     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_BUILDER_DETAILS"] = "Error getting builder details";
     DeploymentStepsErrorCode["NO_CHAIN"] = "Unsupported chain ID";
     DeploymentStepsErrorCode["NO_NETWORK_KEY"] = "No network key found";
     DeploymentStepsErrorCode["NO_AVAILABLE_TOKENS"] = "Error loading available tokens";
     DeploymentStepsErrorCode["SERIALIZE_ERROR"] = "Error serializing state";
     DeploymentStepsErrorCode["ADD_ORDER_FAILED"] = "Failed to add order";
     DeploymentStepsErrorCode["NO_WALLET"] = "No account address found";
-    DeploymentStepsErrorCode["NO_GUI_CONFIG"] = "Error getting GUI configuration";
+    DeploymentStepsErrorCode["NO_BUILDER_CONFIG"] = "Error getting builder configuration";
     DeploymentStepsErrorCode["NO_RAINDEX_CLIENT_PROVIDER"] = "No Raindex client provider found";
 })(DeploymentStepsErrorCode || (DeploymentStepsErrorCode = {}));
 export class DeploymentStepsError extends Error {

package/dist/hooks/useRaindexOrderBuilder.d.ts

@@ -0,0 +1,3 @@
+import { RaindexOrderBuilder } from '@rainlanguage/orderbook';
+export declare const RAINDEX_ORDER_BUILDER_CONTEXT_KEY = "raindex-order-builder-context";
+export declare function useRaindexOrderBuilder(): RaindexOrderBuilder;

package/dist/hooks/useRaindexOrderBuilder.js

@@ -0,0 +1,11 @@
+import { getContext } from 'svelte';
+import { RaindexOrderBuilder } from '@rainlanguage/orderbook';
+import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
+export const RAINDEX_ORDER_BUILDER_CONTEXT_KEY = 'raindex-order-builder-context';
+export function useRaindexOrderBuilder() {
+    const builder = getContext(RAINDEX_ORDER_BUILDER_CONTEXT_KEY);
+    if (!builder) {
+        DeploymentStepsError.catch(null, DeploymentStepsErrorCode.NO_BUILDER_PROVIDER);
+    }
+    return builder;
+}

package/dist/index.d.ts

@@ -92,7 +92,7 @@ export { lightCodeMirrorTheme, darkCodeMirrorTheme } from './utils/codeMirrorThe
 export { cachedWritableStore, cachedWritableIntOptional, cachedWritableStringOptional, cachedWritableString } from './storesGeneric/cachedWritableStore';
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
-export { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as RaindexOrderBuilderProvider } from './providers/RaindexOrderBuilderProvider.svelte';
 export { default as RaindexClientProvider } from './providers/RaindexClientProvider.svelte';
 export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
 export { default as RegistryProvider } from './providers/registry/RegistryProvider.svelte';
@@ -100,7 +100,7 @@ export { default as ToastProvider } from './providers/toasts/ToastProvider.svelt
 export { default as TransactionProvider } from './providers/transactions/TransactionProvider.svelte';
 export { default as LocalDbProvider } from './providers/LocalDbProvider.svelte';
 export { default as DotrainRegistryProvider } from './providers/dotrainRegistry/DotrainRegistryProvider.svelte';
-export { useGui } from './hooks/useGui';
+export { useRaindexOrderBuilder } from './hooks/useRaindexOrderBuilder';
 export { useRaindexClient, RAINDEX_CLIENT_CONTEXT_KEY } from './hooks/useRaindexClient';
 export { useLocalDb } from './hooks/useLocalDb';
 export { useAccount } from './providers/wallet/useAccount';

package/dist/index.js

@@ -93,7 +93,7 @@ export { cachedWritableStore, cachedWritableIntOptional, cachedWritableStringOpt
 export { default as logoLight } from './assets/logo-light.svg';
 export { default as logoDark } from './assets/logo-dark.svg';
 // Providers
-export { default as GuiProvider } from './providers/GuiProvider.svelte';
+export { default as RaindexOrderBuilderProvider } from './providers/RaindexOrderBuilderProvider.svelte';
 export { default as RaindexClientProvider } from './providers/RaindexClientProvider.svelte';
 export { default as WalletProvider } from './providers/wallet/WalletProvider.svelte';
 export { default as RegistryProvider } from './providers/registry/RegistryProvider.svelte';
@@ -102,7 +102,7 @@ export { default as TransactionProvider } from './providers/transactions/Transac
 export { default as LocalDbProvider } from './providers/LocalDbProvider.svelte';
 export { default as DotrainRegistryProvider } from './providers/dotrainRegistry/DotrainRegistryProvider.svelte';
 // Hooks
-export { useGui } from './hooks/useGui';
+export { useRaindexOrderBuilder } from './hooks/useRaindexOrderBuilder';
 export { useRaindexClient, RAINDEX_CLIENT_CONTEXT_KEY } from './hooks/useRaindexClient';
 export { useLocalDb } from './hooks/useLocalDb';
 export { useAccount } from './providers/wallet/useAccount';

package/dist/providers/RaindexOrderBuilderProvider.svelte

@@ -0,0 +1,8 @@
+<script>import { setContext } from "svelte";
+import { RaindexOrderBuilder } from "@rainlanguage/orderbook";
+import { RAINDEX_ORDER_BUILDER_CONTEXT_KEY } from "../hooks/useRaindexOrderBuilder";
+export let builder;
+setContext(RAINDEX_ORDER_BUILDER_CONTEXT_KEY, builder);
+</script>
+
+<slot />

package/dist/providers/RaindexOrderBuilderProvider.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import { RaindexOrderBuilder } from '@rainlanguage/orderbook';
+declare const __propDef: {
+    props: {
+        builder: RaindexOrderBuilder;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type RaindexOrderBuilderProviderProps = typeof __propDef.props;
+export type RaindexOrderBuilderProviderEvents = typeof __propDef.events;
+export type RaindexOrderBuilderProviderSlots = typeof __propDef.slots;
+export default class RaindexOrderBuilderProvider extends SvelteComponent<RaindexOrderBuilderProviderProps, RaindexOrderBuilderProviderEvents, RaindexOrderBuilderProviderSlots> {
+}
+export {};

package/dist/services/handleShareChoices.d.ts

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

package/dist/services/handleShareChoices.js

@@ -1,10 +1,10 @@
 import { page } from '$app/stores';
 import { get } from 'svelte/store';
-export async function handleShareChoices(gui, registryUrl) {
+export async function handleShareChoices(builder, registryUrl) {
     // get the current url
     const url = get(page).url;
     // get the current state
-    const result = gui.serializeState();
+    const result = builder.serializeState();
     if (result.error) {
         throw new Error(result.error.msg);
     }

package/dist/services/registry.js

@@ -1,4 +1,4 @@
-import { DotrainOrderGui } from '@rainlanguage/orderbook';
+import { RaindexOrderBuilder } from '@rainlanguage/orderbook';
 /**
  * Fetches and parses a file registry from a given URL.
  * The registry is expected to be a text file where each line contains a file name and URL separated by a space.
@@ -56,7 +56,7 @@ export const fetchRegistryDotrains = async (url) => {
 export async function validateOrders(registryDotrains) {
     const ordersPromises = registryDotrains.map(async (registryDotrain) => {
         try {
-            const result = await DotrainOrderGui.getOrderDetails(registryDotrain.dotrain);
+            const result = await RaindexOrderBuilder.getOrderDetails(registryDotrain.dotrain);
             if (result.error) {
                 throw new Error(result.error.msg);
             }

package/package.json

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

package/dist/hooks/useGui.d.ts

@@ -1,3 +0,0 @@
-import { DotrainOrderGui } from '@rainlanguage/orderbook';
-export declare const GUI_CONTEXT_KEY = "gui-context";
-export declare function useGui(): DotrainOrderGui;

package/dist/hooks/useGui.js

@@ -1,11 +0,0 @@
-import { getContext } from 'svelte';
-import { DotrainOrderGui } from '@rainlanguage/orderbook';
-import { DeploymentStepsError, DeploymentStepsErrorCode } from '../errors/DeploymentStepsError';
-export const GUI_CONTEXT_KEY = 'gui-context';
-export function useGui() {
-    const gui = getContext(GUI_CONTEXT_KEY);
-    if (!gui) {
-        DeploymentStepsError.catch(null, DeploymentStepsErrorCode.NO_GUI_PROVIDER);
-    }
-    return gui;
-}

package/dist/providers/GuiProvider.svelte

@@ -1,8 +0,0 @@
-<script>import { setContext } from "svelte";
-import { DotrainOrderGui } from "@rainlanguage/orderbook";
-import { GUI_CONTEXT_KEY } from "../hooks/useGui";
-export let gui;
-setContext(GUI_CONTEXT_KEY, gui);
-</script>
-
-<slot />

package/dist/providers/GuiProvider.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { DotrainOrderGui } from '@rainlanguage/orderbook';
-declare const __propDef: {
-    props: {
-        gui: DotrainOrderGui;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type GuiProviderProps = typeof __propDef.props;
-export type GuiProviderEvents = typeof __propDef.events;
-export type GuiProviderSlots = typeof __propDef.slots;
-export default class GuiProvider extends SvelteComponent<GuiProviderProps, GuiProviderEvents, GuiProviderSlots> {
-}
-export {};