From 9ecae01e2a50f3470cfb4162ec4b2f9f8f56faab Mon Sep 17 00:00:00 2001
From: Suprun <hello@syoma.website>
Date: Tue, 7 Jan 2025 14:50:53 +0300
Subject: [PATCH] feat: use new inputs in jetton management

---
 src/components/Fields/AddressField.vue        |  24 ++
 src/components/Fields/BaseField.vue           |   5 +-
 src/components/Fields/BooleanField.vue        |  24 ++
 src/components/Fields/CoinsField.vue          |   2 +-
 src/components/Fields/SliceField.vue          |  21 ++
 src/components/Fields/StringField.vue         |   4 +-
 src/components/Fields/UintField.vue           |  30 ++
 src/components/Fields/UnknownField.vue        |  22 ++
 src/components/Inputs/BaseInput.vue           |   6 +-
 src/components/Inputs/BaseLabel.vue           |   4 +-
 src/components/Inputs/BooleanInput.vue        |  31 +++
 src/components/Inputs/NumberInput.vue         |   4 +-
 src/components/Inputs/TextAreaInput.vue       |   2 +-
 .../JettonDeploy/JettonDeployForm.vue         |   9 +-
 .../JettonManage/JettonManageForm.vue         | 263 +++++++++++++-----
 src/i18n/en.json                              |   3 +-
 src/i18n/ru.json                              |   3 +-
 17 files changed, 371 insertions(+), 86 deletions(-)
 create mode 100644 src/components/Fields/AddressField.vue
 create mode 100644 src/components/Fields/BooleanField.vue
 create mode 100644 src/components/Fields/SliceField.vue
 create mode 100644 src/components/Fields/UintField.vue
 create mode 100644 src/components/Fields/UnknownField.vue
 create mode 100644 src/components/Inputs/BooleanInput.vue

diff --git a/src/components/Fields/AddressField.vue b/src/components/Fields/AddressField.vue
new file mode 100644
index 0000000..f1161e5
--- /dev/null
+++ b/src/components/Fields/AddressField.vue
@@ -0,0 +1,24 @@
+<template>
+  <TextInput ref="input" :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText" />
+</template>
+
+<script lang="ts">
+import { Builder, Address } from 'ton-core';
+import TextInput from '../Inputs/TextInput.vue';
+import BaseField from './BaseField.vue';
+
+export default {
+  extends: BaseField,
+  components: {
+    TextInput
+  },
+  methods: {
+    validate(): boolean {
+      return (this.$refs.input as typeof TextInput).validate();
+    },
+    store(builder: Builder): void {
+      builder.storeAddress(Address.parse((this.$refs.input as typeof TextInput).value))
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/Fields/BaseField.vue b/src/components/Fields/BaseField.vue
index ccfb561..95fb3fa 100644
--- a/src/components/Fields/BaseField.vue
+++ b/src/components/Fields/BaseField.vue
@@ -1,5 +1,5 @@
 <template>
-  <TextInput ref="input" :required="required" :label="label" :placeholder="placeholder" :help-text="helpText" />
+  <TextInput ref="input" :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText" />
 </template>
 
 <script lang="ts">
@@ -10,11 +10,12 @@ export default {
     TextInput
   },
   props: {
-    required: {
+    optional: {
       type: Boolean,
     },
     label: {
       type: String,
+      required: true,
     },
     placeholder: {
       type: String,
diff --git a/src/components/Fields/BooleanField.vue b/src/components/Fields/BooleanField.vue
new file mode 100644
index 0000000..ca4d0ba
--- /dev/null
+++ b/src/components/Fields/BooleanField.vue
@@ -0,0 +1,24 @@
+<template>
+  <BooleanInput ref="input" :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText" />
+</template>
+
+<script lang="ts">
+import { Builder } from 'ton-core';
+import BaseField from './BaseField.vue';
+import BooleanInput from '../Inputs/BooleanInput.vue';
+
+export default {
+  extends: BaseField,
+  components: {
+    BooleanInput
+  },
+  methods: {
+    validate(): boolean {
+      return (this.$refs.input as typeof BooleanInput).validate();
+    },
+    store(builder: Builder): void {
+      builder.storeBit((this.$refs.input as typeof BooleanInput).value)
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/Fields/CoinsField.vue b/src/components/Fields/CoinsField.vue
index 63058bb..690e568 100644
--- a/src/components/Fields/CoinsField.vue
+++ b/src/components/Fields/CoinsField.vue
@@ -1,5 +1,5 @@
 <template>
-  <NumberInput ref="input" :required="required" :label="label" :placeholder="placeholder" :help-text="helpText" />
+  <NumberInput ref="input" :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText" />
 </template>
 
 <script lang="ts">
diff --git a/src/components/Fields/SliceField.vue b/src/components/Fields/SliceField.vue
new file mode 100644
index 0000000..385868d
--- /dev/null
+++ b/src/components/Fields/SliceField.vue
@@ -0,0 +1,21 @@
+<template>
+  <TextInput ref="input" :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText" />
+</template>
+
+<script lang="ts">
+import { Cell, Builder } from 'ton-core';
+import BaseField from './BaseField.vue';
+import TextInput from '../Inputs/TextInput.vue';
+
+export default {
+  extends: BaseField,
+  components: {
+    TextInput
+  },
+  methods: {
+    store(builder: Builder): void {
+      builder.storeSlice(Cell.fromBase64((this.$refs.input as typeof TextInput).value).asSlice())
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/Fields/StringField.vue b/src/components/Fields/StringField.vue
index bb5cb67..4c2d546 100644
--- a/src/components/Fields/StringField.vue
+++ b/src/components/Fields/StringField.vue
@@ -1,7 +1,7 @@
 <template>
-  <TextInput ref="input" v-if="inputType == 'text'" :required="required" :label="label" :placeholder="placeholder"
+  <TextInput ref="input" v-if="inputType == 'text'" :optional="optional" :label="label" :placeholder="placeholder"
     :help-text="helpText" />
-  <TextAreaInput ref="input" v-if="inputType == 'textarea'" :required="required" :label="label"
+  <TextAreaInput ref="input" v-if="inputType == 'textarea'" :optional="optional" :label="label"
     :placeholder="placeholder" :help-text="helpText" />
 </template>
 
diff --git a/src/components/Fields/UintField.vue b/src/components/Fields/UintField.vue
new file mode 100644
index 0000000..238d946
--- /dev/null
+++ b/src/components/Fields/UintField.vue
@@ -0,0 +1,30 @@
+<template>
+  <NumberInput ref="input" :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText" />
+</template>
+
+<script lang="ts">
+import type { Builder } from 'ton-core';
+import NumberInput from '../Inputs/NumberInput.vue';
+import BaseField from './BaseField.vue';
+
+export default {
+  extends: BaseField,
+  props: {
+    format: {
+      type: Number,
+      required: true,
+    }
+  },
+  components: {
+    NumberInput
+  },
+  methods: {
+    validate(): boolean {
+      return (this.$refs.input as typeof NumberInput).validate()
+    },
+    store(builder: Builder): void {
+      builder.storeUint(parseInt((this.$refs.input as typeof NumberInput).value), this.format)
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/Fields/UnknownField.vue b/src/components/Fields/UnknownField.vue
new file mode 100644
index 0000000..06c55da
--- /dev/null
+++ b/src/components/Fields/UnknownField.vue
@@ -0,0 +1,22 @@
+<template>
+  <strong>{{ label }}</strong><br />
+  <strong>{{ expected }}</strong> field type is not implemented yet.
+</template>
+
+<script lang="ts">
+import BaseField from './BaseField.vue';
+
+export default {
+  extends: BaseField,
+  props: {
+    expected: {
+      type: String,
+    }
+  },
+  methods: {
+    validate() {
+      return false;
+    }
+  }
+}
+</script>
diff --git a/src/components/Inputs/BaseInput.vue b/src/components/Inputs/BaseInput.vue
index a22240e..127f18c 100644
--- a/src/components/Inputs/BaseInput.vue
+++ b/src/components/Inputs/BaseInput.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseLabel :required="required" :label="label" :placeholder="placeholder" :help-text="helpText"
+  <BaseLabel :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText"
     :error-text="errorText">
     <input v-bind:class="{ 'is-danger': errorText }" v-model="value" @input="validate" class="input" type="text"
       :placeholder="placeholder">
@@ -14,7 +14,7 @@ export default {
     BaseLabel
   },
   props: {
-    required: {
+    optional: {
       type: Boolean,
     },
     label: {
@@ -29,7 +29,7 @@ export default {
   },
   methods: {
     defaultValidation() {
-      if (this.required && !this.value) {
+      if (!this.optional && !this.value) {
         this.errorText = this.$t("message.Common.RequiredField");
         return false
       }
diff --git a/src/components/Inputs/BaseLabel.vue b/src/components/Inputs/BaseLabel.vue
index 6da8137..16601ba 100644
--- a/src/components/Inputs/BaseLabel.vue
+++ b/src/components/Inputs/BaseLabel.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="field">
-    <label class="label">{{ label }}<span v-if="required" class="has-text-danger">*</span></label>
+    <label class="label">{{ label }}<span v-if="!optional" class="has-text-danger">*</span></label>
     <div class="control">
       <slot>...</slot>
     </div>
@@ -12,7 +12,7 @@
 <script lang="ts">
 export default {
   props: {
-    required: {
+    optional: {
       type: Boolean,
     },
     label: {
diff --git a/src/components/Inputs/BooleanInput.vue b/src/components/Inputs/BooleanInput.vue
new file mode 100644
index 0000000..3a6f218
--- /dev/null
+++ b/src/components/Inputs/BooleanInput.vue
@@ -0,0 +1,31 @@
+<template extends>
+  <BaseLabel :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText"
+    :error-text="errorText">
+    <input v-bind:class="{ 'is-danger': errorText }" @change="validate" v-model="value" class="checkbox" type="checkbox"
+      :placeholder="placeholder">
+  </BaseLabel>
+</template>
+
+<script lang="ts">
+import BaseInput from './BaseInput.vue';
+
+export default {
+  extends: BaseInput,
+  methods: {
+    validate(): boolean {
+      if (this.defaultValidation()) {
+        try {
+          parseInt(this.value);
+        } catch {
+          this.errorText = this.$t("Message.Common.NaN");
+          return false
+        }
+      } else {
+        return false
+      }
+
+      return true;
+    }
+  }
+}
+</script>
diff --git a/src/components/Inputs/NumberInput.vue b/src/components/Inputs/NumberInput.vue
index a7cd70b..2543489 100644
--- a/src/components/Inputs/NumberInput.vue
+++ b/src/components/Inputs/NumberInput.vue
@@ -1,5 +1,5 @@
 <template extends>
-  <BaseLabel :required="required" :label="label" :placeholder="placeholder" :help-text="helpText"
+  <BaseLabel :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText"
     :error-text="errorText">
     <input v-bind:class="{ 'is-danger': errorText }" @change="validate" v-model="value" class="input" type="number"
       :placeholder="placeholder">
@@ -20,6 +20,8 @@ export default {
           this.errorText = this.$t("Message.Common.NaN");
           return false
         }
+      } else {
+        return false
       }
 
       return true;
diff --git a/src/components/Inputs/TextAreaInput.vue b/src/components/Inputs/TextAreaInput.vue
index 5ace788..b89949b 100644
--- a/src/components/Inputs/TextAreaInput.vue
+++ b/src/components/Inputs/TextAreaInput.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseLabel :required="required" :label="label" :placeholder="placeholder" :help-text="helpText"
+  <BaseLabel :optional="optional" :label="label" :placeholder="placeholder" :help-text="helpText"
     :error-text="errorText">
     <textarea @input="validate" v-bind:class="{ 'is-danger': errorText }" v-model="value" class="textarea" type="text"
       :placeholder="placeholder"></textarea>
diff --git a/src/components/JettonDeploy/JettonDeployForm.vue b/src/components/JettonDeploy/JettonDeployForm.vue
index 77c7f8c..247c1cc 100644
--- a/src/components/JettonDeploy/JettonDeployForm.vue
+++ b/src/components/JettonDeploy/JettonDeployForm.vue
@@ -2,19 +2,20 @@
   <form>
     <StringField ref="jettonName" :label="$t('message.NewJettonForm.JettonName_Label')"
       :help-text="$t('message.NewJettonForm.JettonName_HelpText')"
-      :placeholder="$t('message.NewJettonForm.JettonName_Placeholder')" :required="true" />
+      :placeholder="$t('message.NewJettonForm.JettonName_Placeholder')" :optional="false" />
 
     <StringField ref="jettonSymbol" :label="$t('message.NewJettonForm.JettonSymbol_Label')"
       :help-text="$t('message.NewJettonForm.JettonSymbol_HelpText')"
-      :placeholder="$t('message.NewJettonForm.JettonSymbol_Placeholder')" :required="true" />
+      :placeholder="$t('message.NewJettonForm.JettonSymbol_Placeholder')" :optional="false" />
 
     <StringField ref="jettonDescription" :label="$t('message.NewJettonForm.JettonDescription_Label')"
       :help-text="$t('message.NewJettonForm.JettonDescription_HelpText')"
-      :placeholder="$t('message.NewJettonForm.JettonDescription_Placeholder')" :required="true" input-type="textarea" />
+      :placeholder="$t('message.NewJettonForm.JettonDescription_Placeholder')" :optional="false"
+      input-type="textarea" />
 
     <CoinsField ref="maxSupply" :label="$t('message.NewJettonForm.JettonMaxSupply_Label')"
       :help-text="$t('message.NewJettonForm.JettonMaxSupply_HelpText')"
-      :placeholder="$t('message.NewJettonForm.JettonMaxSupply_Placeholder')" :required="true" />
+      :placeholder="$t('message.NewJettonForm.JettonMaxSupply_Placeholder')" :optional="false" />
 
     <div class="control">
       <button class="button is-link" @click="deployToken">{{ $t("message.NewJettonForm.DeployJetton") }}</button>
diff --git a/src/components/JettonManage/JettonManageForm.vue b/src/components/JettonManage/JettonManageForm.vue
index 0ebcbd5..153aae8 100644
--- a/src/components/JettonManage/JettonManageForm.vue
+++ b/src/components/JettonManage/JettonManageForm.vue
@@ -5,11 +5,17 @@
     {{ $t("message.JettonManage.DefaultText") }}
   </div>
 
-  <div class="field" v-for="(input, index) in inputs" v-bind:key="index">
-    <label class="label">{{ input.label }}</label>
-    <div class="control">
-      <input v-bind="input.bind" v-model="input.model" class="input">
-    </div>
+
+  <div v-for="(input, index) in inputs" v-bind:key="`${title}_${index}`">
+    <StringField v-if="input.type == 'string'" v-bind="input" :ref="el => refItems.push(el as BaseFieldElement)" />
+    <CoinsField v-else-if="input.type == 'uint' && input.format == 'coins'" v-bind="input"
+      :ref="el => refItems.push(el as BaseFieldElement)" />
+    <UintField v-else-if="input.type == 'uint'" v-bind="input" :ref="el => refItems.push(el as BaseFieldElement)" />
+    <SliceField v-else-if="input.type == 'slice'" v-bind="input" :ref="el => refItems.push(el as BaseFieldElement)" />
+    <AddressField v-else-if="input.type == 'address'" v-bind="input"
+      :ref="el => refItems.push(el as BaseFieldElement)" />
+    <BooleanField v-else-if="input.type == 'bool'" v-bind="input" :ref="el => refItems.push(el as BaseFieldElement)" />
+    <UnknownField v-else v-bind="input" :ref="el => refItems.push(el as BaseFieldElement)" />
   </div>
 
   <div v-if="abi.type == 'getter'" class="control">
@@ -28,20 +34,52 @@
 </template>
 
 <script lang="ts">
-import { Address, beginCell, toNano, type ABIGetter, type ABIReceiver, type ABIType, type ContractProvider, type TupleItem } from 'ton-core';
+import { beginCell, Builder, toNano, type ABIGetter, type ABIReceiver, type ABIType, type ContractProvider, type TupleItem } from 'ton-core';
+import StringField from '../Fields/StringField.vue';
+import CoinsField from '../Fields/CoinsField.vue';
+import UintField from '../Fields/UintField.vue';
+import UnknownField from '../Fields/UnknownField.vue';
+import SliceField from '../Fields/SliceField.vue';
+import AddressField from '../Fields/AddressField.vue';
+import BooleanField from '../Fields/BooleanField.vue';
+import type { CreateComponentPublicInstanceWithMixins } from 'vue';
+
+type BaseFieldElement = CreateComponentPublicInstanceWithMixins<{
+  validate(): boolean,
+  store(builder: Builder): void,
+}>;
 
-interface InputItem {
+interface BaseFieldInput {
+  optional: boolean,
   label: string,
-  type: string,
-  format: string | number | boolean | null | undefined;
-  bind: {
-    type: string,
-    placeholder: string
-  },
-  model: string,
+  placeholder?: string
+  helpText?: string
 }
 
+type AnyFieldInput = { type: "any" } & BaseFieldInput;
+type EmptyFieldInput = { type: "empty" } & BaseFieldInput;
+type TextFieldInput = { type: "text" } & BaseFieldInput;
+type CoinsFieldInput = { type: "uint", format: "coins" } & BaseFieldInput;
+type UintFieldInput = { type: "uint", format: number } & BaseFieldInput;
+type StringFieldInput = { type: "string" } & BaseFieldInput;
+type SliceFieldInput = { type: "slice" } & BaseFieldInput;
+type AddressFieldInput = { type: "address" } & BaseFieldInput;
+type BoolFieldInput = { type: "bool" } & BaseFieldInput;
+type UnknownFieldInput = { type: "unknown", expected: string } & BaseFieldInput;
+
+type InputItem = AnyFieldInput
+  | EmptyFieldInput
+  | TextFieldInput
+  | CoinsFieldInput
+  | UintFieldInput
+  | StringFieldInput
+  | SliceFieldInput
+  | AddressFieldInput
+  | BoolFieldInput
+  | UnknownFieldInput;
+
 export default {
+  components: { StringField, CoinsField, UintField, SliceField, AddressField, BooleanField, UnknownField },
   props: {
     types: {
       type: Object as () => ABIType[],
@@ -55,7 +93,8 @@ export default {
   data() {
     return {
       abi: {} as { type: "receiver", receiver: ABIReceiver } | { type: "getter", getter: ABIGetter },
-      getterResult: [] as { type: string, value: string }[]
+      getterResult: [] as { type: string, value: string }[],
+      refItems: [] as BaseFieldElement[],
     }
   },
   computed: {
@@ -70,54 +109,147 @@ export default {
 
       return null
     },
-    inputs() {
+    inputs(): InputItem[] {
+      this.refItems = new Array();
       const result = [] as InputItem[];
 
       if (this.abi.type == "getter" && this.abi.getter.arguments) {
         for (const argument of this.abi.getter.arguments) {
           switch (argument.type.kind) {
             case "dict":
+              result.push({
+                type: "unknown",
+                expected: "dict",
+                optional: false,
+                label: argument.name,
+              });
               // TODO
               break;
             case "simple":
               result.push({
+                type: "unknown",
+                expected: "simple",
+                optional: false,
                 label: argument.name,
-                type: argument.type.type,
-                format: argument.type.format,
-                bind: {
-                  type: "text",
-                  placeholder: argument.type.type
-                },
-                model: ""
               });
+              // TODO
               break;
           }
         }
       }
 
-      if (this.abi.type == "receiver" && this.abi.receiver.message.kind == "typed") {
-        const typeName = this.abi.receiver.message.type;
-        const type = this.types.find((value) => value.name === typeName);
-        if (type) {
-          for (const field of type.fields) {
-            switch (field.type.kind) {
-              case "dict":
-                // TODO
-                break;
-              case "simple":
-                result.push({
-                  label: field.name,
-                  type: field.type.type,
-                  format: field.type.format,
-                  bind: {
-                    type: "text",
-                    placeholder: field.type.type
-                  },
-                  model: ""
-                });
-                break;
+      if (this.abi.type == "receiver") {
+        switch (this.abi.receiver.message.kind) {
+          case "any":
+            result.push({
+              type: "any",
+              optional: false,
+              label: "Any message" // TODO translate
+            })
+            // TODO support any
+            break;
+          case "empty":
+            result.push({
+              type: "empty",
+              optional: false,
+              label: "Empty message" // TODO translate
+            })
+            // TODO support empty
+            break;
+          case "text":
+            result.push({
+              type: "text",
+              optional: false,
+              label: "Text message" // TODO translate
+            })
+            // TODO support empty
+            break;
+          case "typed":
+            const typeName = this.abi.receiver.message.type;
+            const type = this.types.find((value) => value.name === typeName);
+            if (type) {
+              for (const field of type.fields) {
+                switch (field.type.kind) {
+                  case "dict":
+                    result.push({
+                      type: "unknown",
+                      expected: "dict",
+                      optional: false,
+                      label: field.name,
+                    });
+                    // TODO support dict
+                    break;
+                  case "simple":
+                    switch (field.type.type) {
+                      // TODO
+                      case "string":
+                        result.push({
+                          type: "string",
+                          optional: field.type.optional || false,
+                          label: field.name
+                        });
+                        break;
+                      case "uint":
+                        if (field.type.format == "coins") {
+                          result.push({
+                            type: "uint",
+                            format: "coins",
+                            optional: field.type.optional || false,
+                            label: field.name
+                          });
+                        }
+                        else if (typeof field.type.format == 'number') {
+                          result.push({
+                            type: "uint",
+                            format: field.type.format,
+                            optional: field.type.optional || false,
+                            label: field.name
+                          });
+                        }
+                        else {
+                          result.push({
+                            type: "unknown",
+                            expected: "uint with" + field.type.format,
+                            optional: false,
+                            label: field.name,
+                          });
+                        }
+                        break;
+                      case "slice":
+                        result.push({
+                          type: "slice",
+                          optional: false,
+                          label: field.name,
+                        })
+                        break;
+                      case "address":
+                        result.push({
+                          type: "address",
+                          optional: false,
+                          label: field.name,
+                        })
+                        break;
+                      case "bool":
+                        result.push({
+                          type: "bool",
+                          optional: true,
+                          label: field.name,
+                        })
+                        break;
+                      default:
+                        result.push({
+                          type: "unknown",
+                          expected: field.type.type,
+                          optional: false,
+                          label: field.name,
+                        });
+                        break;
+                    }
+                    // TODO
+                    break;
+                }
+              }
             }
-          }
         }
       }
 
@@ -140,19 +272,18 @@ export default {
         return;
       }
 
-      const args = [] as TupleItem[];
+      this.refItems = this.refItems.filter(item => !!item);
+      if (this.refItems.map((item) => item.validate()).filter(item => !item).length > 0) {
+        return false;
+      }
 
-      for (const input of this.inputs) {
-        switch (input.type) {
-          case "address":
-            args.push({
-              type: "slice",
-              cell: beginCell().storeAddress(Address.parse(input.model)).asCell()
-            });
-            break;
-          default:
-            console.log("UNKNOWN TYPE", input.type); // TODO
-        }
+      const args = [] as TupleItem[];
+      for (const input of this.refItems) {
+        args.push({
+          type: "cell",
+          cell: beginCell().store(input.store).endCell()
+        })
+        // TODO
       }
 
       const provider = await this.provider.get(this.abi.getter.name, args);
@@ -190,6 +321,11 @@ export default {
         return;
       }
 
+      this.refItems = this.refItems.filter(item => !!item);
+      if (this.refItems.map((item) => item.validate()).filter(item => !item).length > 0) {
+        return false;
+      }
+
       const typeName = this.abi.receiver.message.type;
       const type = this.types.find((value) => value.name === typeName);
       if (!type) {
@@ -202,17 +338,8 @@ export default {
         tx.storeUint(type.header, 32);
       }
 
-      for (const input of this.inputs) {
-        switch (input.type) {
-          case "uint":
-            tx.storeUint(parseInt(input.model), input.format as number);
-            break;
-          case "address":
-            tx.storeRef(beginCell().storeAddress(Address.parse(input.model)).asCell());
-            break;
-          default:
-            console.log("UNKNOWN TYPE", input.type); // TODO
-        }
+      for (const input of this.refItems) {
+        tx.store(input.store);
       }
 
       await this.$tonConnectUI.sendTransaction(
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 1f479b1..39e257e 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -79,7 +79,8 @@
       "Warning": "Warning!",
       "requiredField": "required field",
       "RequiredField": "This field is required",
-      "NaN": "Not a number"
+      "NaN": "Not a number",
+      "InvalidSlice": "Invalid slice format"
     }
   }
 }
diff --git a/src/i18n/ru.json b/src/i18n/ru.json
index 5f383d6..9202df8 100644
--- a/src/i18n/ru.json
+++ b/src/i18n/ru.json
@@ -79,7 +79,8 @@
       "Warning": "Внимание!",
       "requiredField": "обязательное поле",
       "RequiredField": "Обязательное поле",
-      "NaN": "Ожидалось число"
+      "NaN": "Ожидалось число",
+      "InvalidSlice": "Неправильный формат slice"
     }
   }
 }