@mictonode/widget 0.3.16 → 0.3.17

package/lib/components/TxDialog/messages/Unbond.vue

@@ -1,104 +1,104 @@
-<script lang="ts" setup>
-import { PropType, computed, onMounted, ref } from 'vue';
-import { getDelegations } from '../../../utils/http'
-import { Coin, CoinMetadata } from '../../../utils/type';
-import { TokenUnitConverter } from '../../../utils/TokenUnitConverter';
-
-const props = defineProps({
-    endpoint: {type: String, required: true },
-    sender: {type: String, required: true},
-    metadata: Object as PropType<Record<string, CoinMetadata>>,
-    params: String,
-});
-
-const params = computed(() => JSON.parse(props.params || "{}"))
-const delegation = ref({} as {balance: Coin, delegation: {delegator_address: string, shares: string, validator_address: string}})
-const amount = ref("")
-const amountDenom = ref("")
-const error = ref("")
-
-const msgs = computed(() => {
-    const convert = new TokenUnitConverter(props.metadata)
-    return [{
-        typeUrl: '/cosmos.staking.v1beta1.MsgUndelegate',
-        value: {
-          delegatorAddress: props.sender,
-          validatorAddress: params.value.validator_address,
-          amount: convert.displayToBase(delegation.value.balance?.denom, {
-            amount: String(amount.value),
-            denom: amountDenom.value,
-          }),
-        },
-      }]
-})
-
-const units = computed(() => {
-    const denom = delegation.value.balance?.denom
-    if(!props.metadata || !props.metadata[denom]) {
-        amountDenom.value = denom
-        return [{denom: denom, exponent: 0, aliases: []}]
-    }
-    const list = props.metadata[denom].denom_units.sort((a, b) => b.exponent - a.exponent)
-    if(list.length > 0) amountDenom.value = list[0].denom
-    return list
-})
-
-const isValid = computed(() => {
-    let ok = true
-    let error = ""
-    if(!props.sender) {
-        ok = false
-        error = "Sender is empty"
-    }
-    if(!params.value.validator_address) {
-        ok = false
-        error = "Validator is empty"
-    }
-    if(!(Number(amount.value) > 0)) {
-        ok = false
-        error = "Amount should be great than 0"
-    }
-    return { ok, error }
-})
-
-function initial() {
-    getDelegations(props.endpoint, params.value.validator_address, props.sender).then(x => {
-        delegation.value = x.delegation_response
-    }).catch(err => {
-        error.value = err
-    })   
-}
-
-const available = computed(() => {
-    const convert = new TokenUnitConverter(props.metadata);
-    const base = delegation.value?.balance || {amount: "", denom: ""}
-    return {
-        base,
-        display: convert.baseToUnit(base, amountDenom.value),
-    };
-});
-
-defineExpose({msgs, isValid, initial})
-</script>
-<template>
-    <div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Sender</span>
-            </label>
-            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Amount</span>
-            </label>
-            <label class="input-group">
-                <input v-model="amount" type="number" :placeholder="`Avaiable: ${available.display?.amount}`" class="input border border-gray-300 dark:border-[#aac7fc] w-full dark:text-white" />
-                <select v-model="amountDenom" class="select select-bordered dark:border-[#aac7fc] dark:text-white">
-                    <option v-for="u in units">{{ u.denom }}</option>
-                </select>
-            </label>
-        </div>
-        <div class="text-error">{{ error }}</div>
-    </div>
+<script lang="ts" setup>
+import { PropType, computed, onMounted, ref } from 'vue';
+import { getDelegations } from '../../../utils/http'
+import { Coin, CoinMetadata } from '../../../utils/type';
+import { TokenUnitConverter } from '../../../utils/TokenUnitConverter';
+
+const props = defineProps({
+    endpoint: {type: String, required: true },
+    sender: {type: String, required: true},
+    metadata: Object as PropType<Record<string, CoinMetadata>>,
+    params: String,
+});
+
+const params = computed(() => JSON.parse(props.params || "{}"))
+const delegation = ref({} as {balance: Coin, delegation: {delegator_address: string, shares: string, validator_address: string}})
+const amount = ref("")
+const amountDenom = ref("")
+const error = ref("")
+
+const msgs = computed(() => {
+    const convert = new TokenUnitConverter(props.metadata)
+    return [{
+        typeUrl: '/cosmos.staking.v1beta1.MsgUndelegate',
+        value: {
+          delegatorAddress: props.sender,
+          validatorAddress: params.value.validator_address,
+          amount: convert.displayToBase(delegation.value.balance?.denom, {
+            amount: String(amount.value),
+            denom: amountDenom.value,
+          }),
+        },
+      }]
+})
+
+const units = computed(() => {
+    const denom = delegation.value.balance?.denom
+    if(!props.metadata || !props.metadata[denom]) {
+        amountDenom.value = denom
+        return [{denom: denom, exponent: 0, aliases: []}]
+    }
+    const list = props.metadata[denom].denom_units.sort((a, b) => b.exponent - a.exponent)
+    if(list.length > 0) amountDenom.value = list[0].denom
+    return list
+})
+
+const isValid = computed(() => {
+    let ok = true
+    let error = ""
+    if(!props.sender) {
+        ok = false
+        error = "Sender is empty"
+    }
+    if(!params.value.validator_address) {
+        ok = false
+        error = "Validator is empty"
+    }
+    if(!(Number(amount.value) > 0)) {
+        ok = false
+        error = "Amount should be great than 0"
+    }
+    return { ok, error }
+})
+
+function initial() {
+    getDelegations(props.endpoint, params.value.validator_address, props.sender).then(x => {
+        delegation.value = x.delegation_response
+    }).catch(err => {
+        error.value = err
+    })   
+}
+
+const available = computed(() => {
+    const convert = new TokenUnitConverter(props.metadata);
+    const base = delegation.value?.balance || {amount: "", denom: ""}
+    return {
+        base,
+        display: convert.baseToUnit(base, amountDenom.value),
+    };
+});
+
+defineExpose({msgs, isValid, initial})
+</script>
+<template>
+    <div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Sender</span>
+            </label>
+            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-neutral-700" />
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Amount</span>
+            </label>
+            <label class="input-group">
+                <input v-model="amount" type="number" :placeholder="`Avaiable: ${available.display?.amount}`" class="input border border-gray-300 dark:border-neutral-700 w-full dark:text-white" />
+                <select v-model="amountDenom" class="select select-bordered dark:border-neutral-700 dark:text-white">
+                    <option v-for="u in units">{{ u.denom }}</option>
+                </select>
+            </label>
+        </div>
+        <div class="text-error">{{ error }}</div>
+    </div>
 </template>

package/lib/components/TxDialog/messages/Vote.vue

@@ -1,63 +1,63 @@
-<script lang="ts" setup>
-import { PropType, computed, ref } from 'vue';
-import { CoinMetadata } from '../../../utils/type';
-
-const props = defineProps({
-    endpoint: { type: String, required: true },
-    sender: { type: String, required: true },
-    params: String,
-});
-
-const params = computed(() => JSON.parse(props.params || "{}"))
-const option = ref("1")
-
-const msgs = computed(() => {
-    return [{
-        typeUrl: '/cosmos.gov.v1beta1.MsgVote',
-        value: {
-            voter: props.sender,
-            proposalId: params.value.proposal_id,
-            option: Number(option.value),
-        },
-    }]
-})
-const isValid = computed(() => {
-    let ok = true
-    let error = ""
-    if(!params.value.proposal_id) {
-        ok = false
-        error = "Proposal id is empty"
-    }
-    if(!option.value) {
-        ok = false
-        error = "Vote is empty"
-    }
-    return { ok, error }
-})
-
-function initial() {
-}
-
-defineExpose({msgs, isValid, initial})
-</script>
-<template>
-    <div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Sender</span>
-            </label>
-            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Option</span>
-            </label>
-            <div class="flex">
-                <input v-model="option" type="radio" id="yes" value="1" class="radio radio-success mx-2"/><label for="yes"> Yes</label> 
-                <input v-model="option" type="radio" id="no" value="3" class="radio radio-error mx-2" /><label for="no"> No</label> 
-                <input v-model="option" type="radio" id="veto" value="4" class="radio radio-error mx-2" /><label for="veto"> No With Veto</label> 
-                <input v-model="option" type="radio" id="abstain" value="2" class="radio radio-dark mx-2" /><label for="abstain"> Abstain</label> 
-            </div>
-        </div>
-    </div>
+<script lang="ts" setup>
+import { PropType, computed, ref } from 'vue';
+import { CoinMetadata } from '../../../utils/type';
+
+const props = defineProps({
+    endpoint: { type: String, required: true },
+    sender: { type: String, required: true },
+    params: String,
+});
+
+const params = computed(() => JSON.parse(props.params || "{}"))
+const option = ref("1")
+
+const msgs = computed(() => {
+    return [{
+        typeUrl: '/cosmos.gov.v1beta1.MsgVote',
+        value: {
+            voter: props.sender,
+            proposalId: params.value.proposal_id,
+            option: Number(option.value),
+        },
+    }]
+})
+const isValid = computed(() => {
+    let ok = true
+    let error = ""
+    if(!params.value.proposal_id) {
+        ok = false
+        error = "Proposal id is empty"
+    }
+    if(!option.value) {
+        ok = false
+        error = "Vote is empty"
+    }
+    return { ok, error }
+})
+
+function initial() {
+}
+
+defineExpose({msgs, isValid, initial})
+</script>
+<template>
+    <div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Sender</span>
+            </label>
+            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-neutral-700" />
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Option</span>
+            </label>
+            <div class="flex">
+                <input v-model="option" type="radio" id="yes" value="1" class="radio radio-success mx-2"/><label for="yes"> Yes</label> 
+                <input v-model="option" type="radio" id="no" value="3" class="radio radio-error mx-2" /><label for="no"> No</label> 
+                <input v-model="option" type="radio" id="veto" value="4" class="radio radio-error mx-2" /><label for="veto"> No With Veto</label> 
+                <input v-model="option" type="radio" id="abstain" value="2" class="radio radio-dark mx-2" /><label for="abstain"> Abstain</label> 
+            </div>
+        </div>
+    </div>
 </template>

package/lib/components/TxDialog/messages/Withdraw.vue

@@ -1,56 +1,56 @@
-<script lang="ts" setup>
-import { computed, onMounted, ref } from 'vue';
-import { getDelegateRewards } from '../../../utils/http'
-
-const props = defineProps({
-    endpoint: { type: String, required: true },
-    sender: { type: String, required: true },
-    params: String,
-});
-
-const rewards = ref([] as { reward: { amount: string, denom: string }, validator_address: string }[])
-
-const msgs = computed(() => {
-    return rewards.value.map(x => {
-        return {
-            typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward',
-            value: {
-                delegatorAddress: props.sender,
-                validatorAddress: x.validator_address,
-            },
-        }
-    })
-})
-
-const isValid = computed(() => {
-    let ok = true
-    let error = ""
-    if (!props.sender) {
-        ok = false
-        error = "Sender is empty"
-    }
-    if (rewards.value.length === 0) {
-        ok = false
-        error = "No delegation found"
-    }
-    return { ok, error }
-})
-
-function initial() {
-    getDelegateRewards(props.endpoint, props.sender).then(x => {
-        rewards.value = x.rewards
-    })
-}
-
-defineExpose({ msgs, isValid, initial })
-</script>
-<template>
-    <div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Sender</span>
-            </label>
-            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-    </div>
+<script lang="ts" setup>
+import { computed, onMounted, ref } from 'vue';
+import { getDelegateRewards } from '../../../utils/http'
+
+const props = defineProps({
+    endpoint: { type: String, required: true },
+    sender: { type: String, required: true },
+    params: String,
+});
+
+const rewards = ref([] as { reward: { amount: string, denom: string }, validator_address: string }[])
+
+const msgs = computed(() => {
+    return rewards.value.map(x => {
+        return {
+            typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward',
+            value: {
+                delegatorAddress: props.sender,
+                validatorAddress: x.validator_address,
+            },
+        }
+    })
+})
+
+const isValid = computed(() => {
+    let ok = true
+    let error = ""
+    if (!props.sender) {
+        ok = false
+        error = "Sender is empty"
+    }
+    if (rewards.value.length === 0) {
+        ok = false
+        error = "No delegation found"
+    }
+    return { ok, error }
+})
+
+function initial() {
+    getDelegateRewards(props.endpoint, props.sender).then(x => {
+        rewards.value = x.rewards
+    })
+}
+
+defineExpose({ msgs, isValid, initial })
+</script>
+<template>
+    <div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Sender</span>
+            </label>
+            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-neutral-700" />
+        </div>
+    </div>
 </template>

package/lib/components/TxDialog/messages/WithdrawCommission.vue

@@ -1,75 +1,75 @@
-<script lang="ts" setup>
-import { computed, ref } from 'vue';
-import { getDelegateRewards } from '../../../utils/http';
-
-const props = defineProps({
-  endpoint: { type: String, required: true },
-  sender: { type: String, required: true },
-  params: String,
-});
-
-const params = computed(() => JSON.parse(props.params || "{}"))
-const rewards = ref([] as { reward: { amount: string, denom: string }, validator_address: string }[])
-
-const msgs = computed(() => {
-  const delegations = rewards.value?.map(x => {
-    return {
-      typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward',
-      value: {
-        delegatorAddress: props.sender,
-        validatorAddress: x.validator_address,
-      },
-    }
-  })
-  return [
-    ...delegations,
-    {
-      typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawValidatorCommission',
-      value: {
-        validatorAddress: params.value.validator_address,
-      },
-    },
-  ]
-})
-
-const isValid = computed(() => {
-  let ok = true
-  let error = ""
-  if (!props.sender) {
-    ok = false
-    error = "Sender is empty"
-  }
-  if (!params.value.validator_address) {
-    ok = false
-    error = "Validator is empty"
-  }
-  if (!rewards.value || rewards.value.length < 0) {
-    ok = false
-    error = "No delegation found"
-  }
-  if (rewards.value.findIndex(x => x.validator_address === params.value.validator_address) === -1) {
-    ok = false
-    error = "You are not the validator!"
-  }
-  return { ok, error }
-})
-
-
-function initial() {
-  getDelegateRewards(props.endpoint, props.sender).then(x => {
-    rewards.value = x.rewards
-  })
-}
-
-defineExpose({ msgs, isValid, initial })
-</script>
-<template>
-  <div>
-    <div class="form-control">
-      <label class="label">
-        <span class="label-text">Sender</span>
-      </label>
-      <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-    </div>
-  </div>
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+import { getDelegateRewards } from '../../../utils/http';
+
+const props = defineProps({
+  endpoint: { type: String, required: true },
+  sender: { type: String, required: true },
+  params: String,
+});
+
+const params = computed(() => JSON.parse(props.params || "{}"))
+const rewards = ref([] as { reward: { amount: string, denom: string }, validator_address: string }[])
+
+const msgs = computed(() => {
+  const delegations = rewards.value?.map(x => {
+    return {
+      typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward',
+      value: {
+        delegatorAddress: props.sender,
+        validatorAddress: x.validator_address,
+      },
+    }
+  })
+  return [
+    ...delegations,
+    {
+      typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawValidatorCommission',
+      value: {
+        validatorAddress: params.value.validator_address,
+      },
+    },
+  ]
+})
+
+const isValid = computed(() => {
+  let ok = true
+  let error = ""
+  if (!props.sender) {
+    ok = false
+    error = "Sender is empty"
+  }
+  if (!params.value.validator_address) {
+    ok = false
+    error = "Validator is empty"
+  }
+  if (!rewards.value || rewards.value.length < 0) {
+    ok = false
+    error = "No delegation found"
+  }
+  if (rewards.value.findIndex(x => x.validator_address === params.value.validator_address) === -1) {
+    ok = false
+    error = "You are not the validator!"
+  }
+  return { ok, error }
+})
+
+
+function initial() {
+  getDelegateRewards(props.endpoint, props.sender).then(x => {
+    rewards.value = x.rewards
+  })
+}
+
+defineExpose({ msgs, isValid, initial })
+</script>
+<template>
+  <div>
+    <div class="form-control">
+      <label class="label">
+        <span class="label-text">Sender</span>
+      </label>
+      <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-neutral-700" />
+    </div>
+  </div>
 </template>