From 1103eb52d522866f26f745a575a433b1af1dd17b Mon Sep 17 00:00:00 2001
From: Matej yangwao <5887929+yangwao@users.noreply.github.com>
Date: Sat, 16 Dec 2023 14:57:55 +0100
Subject: [PATCH] Revert "feat: Drops requiring funds to enable auto-teleport"

---
 components/collection/drop/AddFundsModal.vue  | 167 +++++++++---------
 components/collection/drop/Generative.vue     |  99 ++++++-----
 .../collection/drop/HolderOfGenerative.vue    |  43 +++--
 components/collection/unlockable/const.ts     |   3 +
 .../autoTeleport/AutoTeleportActionButton.vue |  28 ++-
 .../common/autoTeleport/AutoTeleportModal.vue |  53 +++---
 components/common/autoTeleport/utils.ts       |  77 --------
 components/drops/useDrops.ts                  |  39 ----
 components/shared/format/Money.vue            |  12 +-
 .../useAutoTeleportTransitionDetails.ts       |  15 +-
 composables/useAmount.ts                      |  13 +-
 composables/useMultipleBalance.ts             |   2 +-
 locales/en.json                               |  52 +++---
 stores/identity.ts                            |  20 ++-
 utils/format/balance.ts                       |  12 --
 utils/teleport.ts                             |   6 +-
 16 files changed, 262 insertions(+), 379 deletions(-)
 delete mode 100644 components/common/autoTeleport/utils.ts

diff --git a/components/collection/drop/AddFundsModal.vue b/components/collection/drop/AddFundsModal.vue
index e765128a35..37a2c03664 100644
--- a/components/collection/drop/AddFundsModal.vue
+++ b/components/collection/drop/AddFundsModal.vue
@@ -8,114 +8,117 @@
     <ModalBody
       :title="$t('mint.unlockable.addFundsModal.title')"
       :scrollable="false"
-      :loading="loading"
       @close="onClose">
-      <ModalIdentityItem class="mb-5" />
-
+      <div
+        class="rounded border shade-border-color is-flex is-justify-content-start is-flex-grow-1 pl-3 mb-6">
+        <IdentityItem
+          :label="$t('confirmPurchase.connectedWith')"
+          hide-identity-popover
+          disable-identity-link
+          :prefix="urlPrefix"
+          :account="accountId"
+          class="identity-name-font-weight-regular"
+          data-testid="item-creator" />
+      </div>
       <p
         v-dompurify-html="
           $t('mint.unlockable.addFundsModal.textP1', [
-            formattedMinimumFunds,
-            chain,
+            `${minimumFunds} ${token}`,
           ])
         "
         class="mb-4" />
-      <template v-if="!canAutoTeleport">
-        <p class="mb-4">{{ $t('mint.unlockable.addFundsModal.textP2') }}</p>
-        <NeoTooltip multiline multiline-width="256px" content-class="p-4">
-          <div
-            class="is-flex is-justify-items-space-between is-align-items-center has-text-grey add-funds-note">
-            <NeoIcon icon="circle-info" class="mr-3" />
-            <p class="is-size-7">
-              {{ $t('mint.unlockable.addFundsModal.howToAddFunds') }}
-            </p>
-          </div>
-          <template #content>
-            <h3 class="tooltip__title">
-              {{ $t('mint.unlockable.addFundsModal.tooltip.title', [token]) }}
-            </h3>
-            <p
-              v-dompurify-html="
-                $t('mint.unlockable.addFundsModal.tooltip.onramp', [token])
-              "
-              class="tooltip__text mb-2" />
-            <p
-              v-dompurify-html="
-                $t('mint.unlockable.addFundsModal.tooltip.exchange')
-              "
-              class="tooltip__text mb-2"></p>
-
-            <p
-              v-dompurify-html="
-                $t('mint.unlockable.addFundsModal.tooltip.transfer', [token])
-              "
-              class="tooltip__text mb-6" />
-            <p class="tooltip__note has-text-grey">
-              {{ $t('mint.unlockable.addFundsModal.tooltip.note') }}
-            </p>
-          </template>
-        </NeoTooltip>
-      </template>
-
+      <p class="mb-4">{{ $t('mint.unlockable.addFundsModal.textP2') }}</p>
+      <NeoTooltip multiline multiline-width="256px" content-class="p-4">
+        <div
+          class="is-flex is-justify-items-space-between is-align-items-center has-text-grey add-funds-note">
+          <NeoIcon icon="circle-info" class="mr-3" />
+          <p class="is-size-7">
+            {{ $t('mint.unlockable.addFundsModal.howToAddFunds') }}
+          </p>
+        </div>
+        <template #content>
+          <h3 class="tooltip__title">
+            {{ $t('mint.unlockable.addFundsModal.tooltip.title', [token]) }}
+          </h3>
+          <p
+            v-dompurify-html="
+              $t('mint.unlockable.addFundsModal.tooltip.onramp', [token])
+            "
+            class="tooltip__text mb-2" />
+          <p
+            v-dompurify-html="
+              $t('mint.unlockable.addFundsModal.tooltip.exchange')
+            "
+            class="tooltip__text mb-2"></p>
+          <p
+            v-dompurify-html="
+              $t('mint.unlockable.addFundsModal.tooltip.transfer', [token])
+            "
+            class="tooltip__text mb-6" />
+          <p class="tooltip__note has-text-grey">
+            {{ $t('mint.unlockable.addFundsModal.tooltip.note') }}
+          </p>
+        </template>
+      </NeoTooltip>
       <div class="is-flex">
-        <AutoTeleportActionButton
-          ref="autoteleport"
-          :amount="minimumFunds"
-          :hide-top="!canAutoTeleport"
-          :interaction="interaction"
-          @modal:close="handleModalClose" />
+        <NeoButton
+          class="is-flex-1 h-14 is-capitalized shine"
+          no-shadow
+          variant="k-accent"
+          @click="onShowRamp">
+          {{ $t('autoTeleport.addFundsViaOnramp') }}
+        </NeoButton>
       </div>
     </ModalBody>
   </NeoModal>
+  <OnRampModal v-model="onRampActive" @close="onRampActive = false" />
 </template>
 
 <script setup lang="ts">
-import { NeoIcon, NeoModal, NeoTooltip } from '@kodadot1/brick'
+import { NeoButton, NeoIcon, NeoModal, NeoTooltip } from '@kodadot1/brick'
 import ModalBody from '@/components/shared/modals/ModalBody.vue'
-import AutoTeleportActionButton from '@/components/common/autoTeleport/AutoTeleportActionButton.vue'
-import ModalIdentityItem from '@/components/shared/ModalIdentityItem.vue'
-import { ActionlessInteraction } from '@/components/common/autoTeleport/utils'
+import OnRampModal from '@/components/shared/OnRampModal.vue'
 
-const emit = defineEmits(['confirm', 'update:modelValue'])
-const props = withDefaults(
-  defineProps<{
-    modelValue: boolean
-    minimumFunds: number
-    formattedMinimumFunds: string
-    token: string
-    chain: string
-    free: boolean
-  }>(),
-  {
-    free: false,
-  },
-)
-
-const autoteleport = ref()
-const interaction = computed(() => {
-  //tmp solution till drop type check is fixed
-  return props.free
-    ? ActionlessInteraction.FREE_DROP
-    : ActionlessInteraction.DROP
+type Props = {
+  modelValue: boolean
+  minimumFunds: number
+  token: string
+}
+
+withDefaults(defineProps<Props>(), {
+  modelValue: false,
 })
 
-const canAutoTeleport = computed(() => autoteleport.value?.canAutoTeleport)
-const loading = computed(() => !autoteleport.value?.hasBalances)
+const { urlPrefix } = usePrefix()
+const { accountId } = useAuth()
+
+const onRampActive = ref(false)
+
+const emit = defineEmits(['confirm', 'update:modelValue'])
 
 const onClose = () => {
   emit('update:modelValue', false)
 }
 
-const handleModalClose = (completed: boolean) => {
-  if (completed) {
-    emit('confirm')
-  }
+const onShowRamp = () => {
+  onRampActive.value = true
+  onClose()
 }
 </script>
 
 <style lang="scss" scoped>
 @import '@/assets/styles/abstracts/variables';
 
+.shade-border-color {
+  @include ktheme() {
+    border-color: theme('k-shade');
+  }
+}
+
+.rounded {
+  border-radius: 10rem;
+}
+
 .add-funds-note {
   cursor: default;
   margin-bottom: 16px;
@@ -152,10 +155,4 @@ const handleModalClose = (completed: boolean) => {
     height: initial;
   }
 }
-
-@include mobile() {
-  .modal-width {
-    width: unset;
-  }
-}
 </style>
diff --git a/components/collection/drop/Generative.vue b/components/collection/drop/Generative.vue
index be948edb08..48ca7903ca 100644
--- a/components/collection/drop/Generative.vue
+++ b/components/collection/drop/Generative.vue
@@ -60,8 +60,8 @@
                   <NeoIcon icon="circle-info" class="mr-3" />
                   <div
                     v-dompurify-html="
-                      $t('mint.unlockable.freeMinimumFundsDescription', [
-                        formattedMinimumFunds,
+                      $t('mint.unlockable.minimumFundsDescription', [
+                        `${minimumFunds} ${token}`,
                         chainName,
                       ])
                     "
@@ -115,12 +115,8 @@
   <CollectionDropAddFundsModal
     v-model="isAddFundModalActive"
     :minimum-funds="minimumFunds"
-    :formatted-minimum-funds="formattedMinimumFunds"
     :token="token"
-    :chain="chainName"
-    free
-    @close="closeAddFundModal"
-    @confirm="handleDropAddModalConfirm" />
+    @close="isAddFundModalActive = false" />
 
   <ListingCartModal />
 </template>
@@ -135,12 +131,18 @@ import { createUnlockableMetadata } from '../unlockable/utils'
 import GenerativePreview from '@/components/collection/drop/GenerativePreview.vue'
 import { DropItem } from '@/params/types'
 import { DoResult, doWaifu } from '@/services/waifu'
-import { useDropMinimumFunds, useDropStatus } from '@/components/drops/useDrops'
+import { useDropStatus } from '@/components/drops/useDrops'
 import { makeScreenshot } from '@/services/capture'
 import { pinFileToIPFS } from '@/services/nftStorage'
 import { sanitizeIpfsUrl } from '@/utils/ipfs'
 import newsletterApi from '@/utils/newsletter'
+import { formatBsxBalanceToNumber } from '@/utils/format/balance'
 import { prefixToToken } from '@/components/common/shoppingCart/utils'
+import { useIdentityStore } from '@/stores/identity'
+import {
+  DOT_EXISTENTIAL_DEPOSIT,
+  KSM_EXISTENTIAL_DEPOSIT,
+} from '@/components/collection/unlockable/const'
 import DropConfirmModal from './modal/DropConfirmModal.vue'
 import ListingCartModal from '@/components/common/listingCart/ListingCartModal.vue'
 import { nftToListingCartItem } from '@/components/common/shoppingCart/utils'
@@ -149,12 +151,6 @@ import { fetchNft } from '@/components/items/ItemsGrid/useNftActions'
 const NuxtLink = resolveComponent('NuxtLink')
 const MINTING_SECOND = 120
 
-export type DropMintedNft = DoResult & {
-  id: string
-  collectionName: string
-  name: string
-}
-
 const props = defineProps({
   drop: {
     type: Object,
@@ -164,39 +160,55 @@ const props = defineProps({
   },
 })
 
+useMultipleBalance(true)
+
+const minimumFunds = computed<number>(
+  () => (props.drop.meta && formatBsxBalanceToNumber(props.drop.meta)) || 0,
+)
+const store = useIdentityStore()
+
+const isWalletConnecting = ref(false)
+const collectionId = computed(() => props.drop?.collection)
+const disabledByBackend = computed(() => props.drop?.disabled)
+const defaultImage = computed(() => props.drop?.image)
+const defaultName = computed(() => props.drop?.name)
+const defaultMax = computed(() => props.drop?.max || 255)
+const { currentAccountMintedToken, mintedDropCount, fetchDropStatus } =
+  useDropStatus(props.drop.alias)
 const instance = getCurrentInstance()
 const listingCartStore = useListingCartStore()
 const preferencesStore = usePreferencesStore()
 
+const { doAfterLogin } = useDoAfterlogin(instance)
 const { $i18n } = useNuxtApp()
+const root = ref()
+
 const { toast } = useToast()
 const { accountId, isLogIn } = useAuth()
-const { urlPrefix } = usePrefix()
-const { currentAccountMintedToken, mintedDropCount, fetchDropStatus } =
-  useDropStatus(props.drop.alias)
-const { doAfterLogin } = useDoAfterlogin(instance)
-const { fetchMultipleBalance } = useMultipleBalance()
-const { hasMinimumFunds, formattedMinimumFunds, minimumFunds } =
-  useDropMinimumFunds(props.drop)
 
-const isWalletConnecting = ref(false)
-const root = ref()
+const { urlPrefix } = usePrefix()
 const selectedImage = ref<string>('')
 const isLoading = ref(false)
 const isImageFetching = ref(false)
 const isConfirmModalActive = ref(false)
 const isAddFundModalActive = ref(false)
-const mintedNft = ref<DropMintedNft>()
-const mintedNftWithMetadata = ref<NFTWithMetadata>()
 
-const collectionId = computed(() => props.drop?.collection)
-const disabledByBackend = computed(() => props.drop?.disabled)
-const defaultImage = computed(() => props.drop?.image)
-const defaultName = computed(() => props.drop?.name)
-const defaultMax = computed(() => props.drop?.max || 255)
 const chainName = computed(() => getChainName(props.drop.chain))
 const token = computed(() => prefixToToken[props.drop.chain])
 
+export type DropMintedNft = DoResult & {
+  id: string
+  collectionName: string
+  name: string
+}
+
+const mintedNft = ref<DropMintedNft>()
+const mintedNftWithMetadata = ref<NFTWithMetadata>()
+
+const handleSelectImage = (image: string) => {
+  selectedImage.value = image
+}
+
 const { data: collectionData } = useGraphql({
   queryName: 'unlockableCollectionById',
   variables: {
@@ -244,10 +256,6 @@ const collectionName = computed(
   () => collectionData.value?.collectionEntity?.name,
 )
 
-const handleSelectImage = (image: string) => {
-  selectedImage.value = image
-}
-
 const tryCapture = async () => {
   try {
     const imgFile = await makeScreenshot(sanitizeIpfsUrl(selectedImage.value))
@@ -273,12 +281,21 @@ const handleSubmitMint = async () => {
 
     return
   }
-
   if (isLoading.value || isImageFetching.value) {
     return false
   }
 
-  if (hasMinimumFunds.value) {
+  const dropChainBalance = Number(store.getAuthBalanceByChain(props.drop.chain))
+  const relayChainBalance = Number(
+    store.getAuthBalanceByRelayChain(props.drop.chain),
+  )
+  const existentialDeposit =
+    token.value === 'KSM' ? KSM_EXISTENTIAL_DEPOSIT : DOT_EXISTENTIAL_DEPOSIT
+
+  if (
+    dropChainBalance >= minimumFunds.value ||
+    relayChainBalance >= existentialDeposit + minimumFunds.value
+  ) {
     openConfirmModal()
   } else {
     openAddFundModal()
@@ -297,10 +314,6 @@ const openAddFundModal = () => {
   isAddFundModalActive.value = true
 }
 
-const closeAddFundModal = () => {
-  isAddFundModalActive.value = false
-}
-
 const subscribe = async (email: string) => {
   try {
     await newsletterApi.subscribe(email)
@@ -405,12 +418,6 @@ const clear = () => {
   listingCartStore.removeItem(mintedNftWithMetadata.value?.id)
 }
 
-const handleDropAddModalConfirm = () => {
-  closeAddFundModal()
-  openConfirmModal()
-  fetchMultipleBalance([urlPrefix.value])
-}
-
 onBeforeUnmount(clear)
 </script>
 
diff --git a/components/collection/drop/HolderOfGenerative.vue b/components/collection/drop/HolderOfGenerative.vue
index 101c9b2b5b..011bd94eda 100644
--- a/components/collection/drop/HolderOfGenerative.vue
+++ b/components/collection/drop/HolderOfGenerative.vue
@@ -68,7 +68,7 @@
                   <div
                     v-dompurify-html="
                       $t('mint.unlockable.minimumFundsDescription', [
-                        formattedMinimumFunds,
+                        `${minimumFunds} ${token}`,
                         chainName,
                       ])
                     "
@@ -109,11 +109,8 @@
   <CollectionDropAddFundsModal
     v-model="isAddFundModalActive"
     :minimum-funds="minimumFunds"
-    :formatted-minimum-funds="formattedMinimumFunds"
     :token="token"
-    :chain="chainName"
-    @close="closeAddFundModal"
-    @confirm="handleDropAddModalConfirm" />
+    @close="isAddFundModalActive = false" />
 </template>
 
 <script setup lang="ts">
@@ -126,11 +123,17 @@ import { createUnlockableMetadata } from '../unlockable/utils'
 import GenerativePreview from '@/components/collection/drop/GenerativePreview.vue'
 import { DropItem } from '@/params/types'
 import { DoResult, claimDropItem } from '@/services/waifu'
-import { useDropMinimumFunds, useDropStatus } from '@/components/drops/useDrops'
+import { useDropStatus } from '@/components/drops/useDrops'
 import { makeScreenshot } from '@/services/capture'
 import { pinFileToIPFS } from '@/services/nftStorage'
 import { sanitizeIpfsUrl } from '@/utils/ipfs'
+import { formatBsxBalanceToNumber } from '@/utils/format/balance'
 import { prefixToToken } from '@/components/common/shoppingCart/utils'
+import { useIdentityStore } from '@/stores/identity'
+import {
+  DOT_EXISTENTIAL_DEPOSIT,
+  KSM_EXISTENTIAL_DEPOSIT,
+} from '@/components/collection/unlockable/const'
 import { fetchNft } from '@/components/items/ItemsGrid/useNftActions'
 import holderOfCollectionById from '@/queries/subsquid/general/holderOfCollectionById.graphql'
 import unlockableCollectionById from '@/queries/subsquid/general/unlockableCollectionById.graphql'
@@ -155,10 +158,12 @@ export type DropMintedNft = DoResult & {
   name: string
 }
 
-const { fetchMultipleBalance } = useMultipleBalance()
+useMultipleBalance(true)
 
-const { hasMinimumFunds, formattedMinimumFunds, minimumFunds } =
-  useDropMinimumFunds(props.drop)
+const minimumFunds = computed<number>(
+  () => (props.drop.meta && formatBsxBalanceToNumber(props.drop.meta)) || 0.2,
+)
+const store = useIdentityStore()
 
 const isWalletConnecting = ref(false)
 const collectionId = computed(() => props.drop?.collection)
@@ -378,7 +383,16 @@ const handleSubmitMint = async () => {
     return false
   }
 
-  if (hasMinimumFunds.value) {
+  const dropChainBalance = Number(store.getAuthBalanceByChain(props.drop.chain))
+  const relayChainBalance = Number(
+    store.getAuthBalanceByRelayChain(props.drop.chain),
+  )
+  const existentialDeposit =
+    token.value === 'KSM' ? KSM_EXISTENTIAL_DEPOSIT : DOT_EXISTENTIAL_DEPOSIT
+  if (
+    dropChainBalance >= minimumFunds.value ||
+    relayChainBalance >= existentialDeposit + minimumFunds.value
+  ) {
     mintNft()
   } else {
     openAddFundModal()
@@ -389,10 +403,6 @@ const openAddFundModal = () => {
   isAddFundModalActive.value = true
 }
 
-const closeAddFundModal = () => {
-  isAddFundModalActive.value = false
-}
-
 const subscribeToMintedNft = (id: string, onReady: (data) => void) => {
   useSubscriptionGraphql({
     query: `nftEntityById(id: "${id}") {
@@ -449,11 +459,6 @@ const submitMint = async (sn: string) => {
     throw error
   }
 }
-
-const handleDropAddModalConfirm = () => {
-  closeAddFundModal()
-  fetchMultipleBalance([urlPrefix.value])
-}
 </script>
 
 <style scoped lang="scss">
diff --git a/components/collection/unlockable/const.ts b/components/collection/unlockable/const.ts
index 451772909a..bcb5b88ef8 100644
--- a/components/collection/unlockable/const.ts
+++ b/components/collection/unlockable/const.ts
@@ -6,3 +6,6 @@ export const countDownTime = endOfHour(now).getTime()
 export const slidesCountOnTimeCountdown = 10
 
 export const DISPLAY_SLIDE_IMAGE_COUNT = 4
+
+export const DOT_EXISTENTIAL_DEPOSIT = 1
+export const KSM_EXISTENTIAL_DEPOSIT = 0.000333
diff --git a/components/common/autoTeleport/AutoTeleportActionButton.vue b/components/common/autoTeleport/AutoTeleportActionButton.vue
index 23a31e9afc..87d5bdccc0 100644
--- a/components/common/autoTeleport/AutoTeleportActionButton.vue
+++ b/components/common/autoTeleport/AutoTeleportActionButton.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="is-flex is-flex-direction-column w-full">
     <div
-      v-if="showAutoTeleport && !hideTop"
+      v-if="showAutoTeleport"
       class="is-flex is-justify-content-space-between w-full mb-4">
       <div class="is-flex">
         <div class="has-accent-blur">
@@ -55,7 +55,6 @@
     :can-do-action="hasEnoughInCurrentChain"
     :transactions="transactions"
     :auto-close="autoCloseModal"
-    :interaction="interaction"
     @close="handleAutoTeleportModalClose"
     @telport:retry="teleport"
     @action:start="(i) => actionRun(i)"
@@ -78,7 +77,6 @@ import type {
   AutoTeleportAction,
   AutoTeleportFeeParams,
 } from '@/composables/autoTeleport/types'
-import { ActionlessInteraction, getActionDetails } from './utils'
 
 export type AutoTeleportActionButtonConfirmEvent = {
   autoteleport: boolean
@@ -94,22 +92,17 @@ const emit = defineEmits([
 const props = withDefaults(
   defineProps<{
     amount: number
-    label?: string
+    label: string
     disabled: boolean
-    actions?: AutoTeleportAction[]
+    actions: AutoTeleportAction[]
     fees?: AutoTeleportFeeParams
     autoCloseModal: boolean
-    interaction?: ActionlessInteraction
-    hideTop?: boolean
   }>(),
   {
     fees: () => ({ actions: 0, actionAutoFees: true }),
     disabled: false,
     amount: 0,
     autoCloseModal: false,
-    actions: () => [],
-    label: '',
-    hideTop: false,
   },
 )
 
@@ -182,18 +175,17 @@ const hasNoFundsAtAll = computed(
   () => !hasEnoughInCurrentChain.value && !hasEnoughInRichestChain.value,
 )
 
-const confirmButtonTitle = computed<string>(() => {
+const confirmButtonTitle = computed(() => {
   const interaction =
-    props.interaction || transactions.value.actions[0].interaction
-
-  return getActionDetails(interaction).confirm
+    transactions.value.actions[0].interaction?.toLocaleLowerCase()
+  return $i18n.t(`autoTeleport.steps.${interaction}.confirm`)
 })
 
 const showAddFunds = computed(() => hasBalances.value && hasNoFundsAtAll.value)
 
 const autoTeleportLabel = computed(() => {
   if (hasEnoughInCurrentChain.value || props.disabled) {
-    return props.label || confirmButtonTitle.value
+    return props.label
   }
 
   if (!isReady.value) {
@@ -281,10 +273,10 @@ const submit = () => {
   }
 }
 
-const handleAutoTeleportModalClose = (completed: boolean) => {
+const handleAutoTeleportModalClose = () => {
   isModalOpen.value = false
   clear()
-  emit('modal:close', completed)
+  emit('modal:close')
 }
 
 watch(allowAutoTeleport, (allow) => {
@@ -299,7 +291,7 @@ watchSyncEffect(() => {
   }
 })
 
-defineExpose({ isReady, optimalTransition, canAutoTeleport })
+defineExpose({ isReady, optimalTransition })
 </script>
 
 <style lang="scss" scoped>
diff --git a/components/common/autoTeleport/AutoTeleportModal.vue b/components/common/autoTeleport/AutoTeleportModal.vue
index 9cbf1d075c..36809b1d51 100644
--- a/components/common/autoTeleport/AutoTeleportModal.vue
+++ b/components/common/autoTeleport/AutoTeleportModal.vue
@@ -78,7 +78,6 @@ import TransactionSteps, {
 } from '@/components/shared/TransactionSteps/TransactionSteps.vue'
 import { TransactionStepStatus } from '@/components/shared/TransactionSteps/utils'
 import { type AutoTeleportTransactions } from '@/composables/autoTeleport/types'
-import { AutoTeleportInteractions, getActionDetails } from './utils'
 
 export type ActionDetails = {
   title: string
@@ -103,7 +102,6 @@ const props = withDefaults(
     transactions: AutoTeleportTransactions
     autoClose?: boolean
     autoCloseDelay?: number
-    interaction?: AutoTeleportInteractions
   }>(),
   {
     autoClose: false,
@@ -131,16 +129,12 @@ const checkBalanceState = computed<TransactionStepStatus>(() => {
   return status
 })
 
-const mainInteraction = computed(
-  () => props.interaction || props.transactions.actions[0].interaction,
-)
-
 const mainActionDetails = computed(() => {
-  const details = getActionDetails(mainInteraction.value)
-
+  const interaction =
+    props.transactions.actions[0].interaction?.toLocaleLowerCase()
   return {
-    action: details.action,
-    item: details.item,
+    action: $i18n.t(`autoTeleport.steps.${interaction}.action`),
+    item: $i18n.t(`autoTeleport.steps.${interaction}.item`),
   }
 })
 
@@ -166,8 +160,9 @@ const steps = computed<TransactionStep[]>(() => {
       },
     },
     props.transactions.actions.map((action) => {
+      const { title } = getActionDetails(action.interaction)
       return {
-        title: getActionDetails(action.interaction).title,
+        title,
         status: action.status.value,
         isError: action.isError.value,
         txId: action.txId.value,
@@ -185,7 +180,7 @@ const handleActiveStep = (step) => {
 }
 
 const btnDisabled = computed(() => {
-  return !autoteleportFinalized.value
+  return !actionsFinalized.value
 })
 
 const actionsFinalized = computed(() =>
@@ -194,22 +189,8 @@ const actionsFinalized = computed(() =>
     .every((status) => status.value === TransactionStatus.Finalized),
 )
 
-const hasActions = computed(() => props.transactions.actions.length)
-
-const hasCompletedBalanceCheck = computed(
-  () => steps.value[1].stepStatus === TransactionStepStatus.COMPLETED,
-)
-
-const autoteleportFinalized = computed(() =>
-  hasActions.value ? actionsFinalized.value : hasCompletedBalanceCheck.value,
-)
-
-const btnLabel = computed<string>(() => {
-  if (!hasActions.value && hasCompletedBalanceCheck.value) {
-    return $i18n.t('redirect.continue')
-  }
-
-  if (!hasActions.value || !props.canDoAction || !activeStepInteraction.value) {
+const btnLabel = computed(() => {
+  if (!props.canDoAction || !activeStepInteraction.value) {
     return $i18n.t('autoTeleport.completeAllRequiredSteps')
   }
 
@@ -220,6 +201,14 @@ const btnLabel = computed<string>(() => {
   return $i18n.t('autoTeleport.close')
 })
 
+const getActionDetails = (interaction: string) => {
+  const i = interaction.toLocaleLowerCase()
+  return {
+    title: $i18n.t(`autoTeleport.steps.${i}.title`),
+    submit: $i18n.t(`autoTeleport.steps.${i}.submit`),
+  }
+}
+
 const FIRST_ACTION_STEP = 2
 const activeStepInteraction = computed(
   () =>
@@ -235,17 +224,17 @@ watch(activeStep, () => {
 })
 
 const submit = () => {
-  if (autoteleportFinalized.value) {
+  if (actionsFinalized.value) {
     onClose()
   }
 }
 
 const onClose = () => {
-  emit('close', autoteleportFinalized.value)
+  emit('close')
 }
 
-watch(autoteleportFinalized, () => {
-  if (autoteleportFinalized.value) {
+watch(actionsFinalized, () => {
+  if (actionsFinalized.value) {
     emit('completed')
 
     if (props.autoClose) {
diff --git a/components/common/autoTeleport/utils.ts b/components/common/autoTeleport/utils.ts
deleted file mode 100644
index 80c5e98d06..0000000000
--- a/components/common/autoTeleport/utils.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Interaction } from '@kodadot1/minimark/v1'
-import {
-  type ActionsInteractions,
-  Collections,
-} from '@/composables/transaction/types'
-
-export enum ActionlessInteraction {
-  DROP = 'DROP',
-  FREE_DROP = 'FREE_DROP',
-}
-
-export type AutoTeleportInteractions =
-  | ActionsInteractions
-  | ActionlessInteraction
-
-type AutoTeleportStepDetails = {
-  confirm: string
-  action: string
-  item: string
-  title: string
-  submit: string
-}
-
-const interactionMap: {
-  [key in AutoTeleportInteractions]?: { action: string; item: string }
-} = {
-  [Interaction.BUY]: { action: 'purchase', item: 'general.nft' },
-  [Interaction.LIST]: { action: 'list', item: 'general.nfts' },
-  [Interaction.MINT]: { action: 'create', item: 'collection' },
-  [Interaction.MINTNFT]: { action: 'mint', item: 'general.nft' },
-  [Interaction.SEND]: { action: 'transfer', item: 'general.nft' },
-  [Collections.DELETE]: { action: 'delete', item: 'collection' },
-  [Interaction.CONSUME]: { action: 'burn', item: 'general.nft' },
-  [ActionlessInteraction.FREE_DROP]: {
-    action: 'drops.claimFree',
-    item: 'general.nft',
-  },
-  [ActionlessInteraction.DROP]: {
-    action: 'drops.claim',
-    item: 'general.nft',
-  },
-}
-
-const getTransalationKey = (
-  interaction: AutoTeleportInteractions,
-): { item: string; action: string } => {
-  const { action, item } = interactionMap[interaction] || {
-    action: '',
-    item: '',
-  }
-
-  return {
-    action,
-    item,
-  }
-}
-
-export const getActionDetails = (
-  interaction: AutoTeleportInteractions,
-): AutoTeleportStepDetails => {
-  const { $i18n } = useNuxtApp()
-  const getTranslation = (key: string) => $i18n.t(key) || ''
-
-  const { action, item } = getTransalationKey(interaction)
-
-  const i = interaction.toLocaleLowerCase()
-
-  const title = getTranslation(`autoTeleport.steps.${i}.title`)
-
-  return {
-    confirm: getTranslation(`autoTeleport.steps.${i}.confirm`),
-    action: getTranslation(action),
-    item: getTranslation(item),
-    title: title,
-    submit: `${title}...`,
-  }
-}
diff --git a/components/drops/useDrops.ts b/components/drops/useDrops.ts
index d2dc082c96..f99eeece4f 100644
--- a/components/drops/useDrops.ts
+++ b/components/drops/useDrops.ts
@@ -7,8 +7,6 @@ import {
   getDrops,
 } from '@/services/waifu'
 import unlockableCollectionById from '@/queries/subsquid/general/unlockableCollectionById.graphql'
-import { existentialDeposit } from '@kodadot1/static'
-import { chainPropListOf } from '@/utils/config/chain.config'
 
 export interface Drop {
   collection: CollectionWithMeta
@@ -85,40 +83,3 @@ export const useDropStatus = (id: string) => {
     fetchDropStatus,
   }
 }
-
-export const useDropMinimumFunds = (drop) => {
-  const chainProperties = chainPropListOf(drop.chain)
-
-  const { chainBalances } = useTeleport()
-  const { urlPrefix } = usePrefix()
-  const { fetchMultipleBalance } = useMultipleBalance()
-
-  const currentChain = computed(() => prefixToChainMap[drop.chain])
-  const meta = computed(() => drop.meta || 0)
-  const currentChainBalance = computed(
-    () =>
-      (currentChain.value && Number(chainBalances[currentChain.value]())) || 0,
-  )
-  const minimumFunds = computed<number>(() => meta.value)
-  const transferableDropChainBalance = computed(
-    () => currentChainBalance.value - existentialDeposit[urlPrefix.value],
-  )
-  const hasMinimumFunds = computed(
-    () => transferableDropChainBalance.value >= minimumFunds.value,
-  )
-
-  const { formatted: formattedMinimumFunds } = useAmount(
-    meta,
-    computed(() => chainProperties.tokenDecimals),
-    computed(() => chainProperties.tokenSymbol),
-    2,
-  )
-
-  onBeforeMount(fetchMultipleBalance)
-
-  return {
-    minimumFunds,
-    hasMinimumFunds,
-    formattedMinimumFunds,
-  }
-}
diff --git a/components/shared/format/Money.vue b/components/shared/format/Money.vue
index 2f3f4adeba..7bc3af27f9 100644
--- a/components/shared/format/Money.vue
+++ b/components/shared/format/Money.vue
@@ -14,7 +14,7 @@
 import {
   checkInvalidBalanceFilter,
   default as formatBalance,
-  roundAmount,
+  roundTo,
 } from '@/utils/format/balance'
 import { chainPropListOf } from '@/utils/config/chain.config'
 import type { Prefix } from '@kodadot1/static'
@@ -47,7 +47,7 @@ const displayUnit = computed(
     (props.prefix ? chainPropListOf(props.prefix).tokenSymbol : unit.value),
 )
 const finalValue = computed(() =>
-  roundAmount(
+  round(
     formatBalance(
       checkInvalidBalanceFilter(props.value),
       tokenDecimals.value,
@@ -57,4 +57,12 @@ const finalValue = computed(() =>
     true,
   ),
 )
+
+const round = (value: string, limit: number, disableFilter: boolean) => {
+  const number = Number(value.replace(/,/g, ''))
+  if (disableFilter) {
+    return parseFloat(number.toString())
+  }
+  return roundTo(value, limit)
+}
 </script>
diff --git a/composables/autoTeleport/useAutoTeleportTransitionDetails.ts b/composables/autoTeleport/useAutoTeleportTransitionDetails.ts
index 23e542395c..80258161ec 100644
--- a/composables/autoTeleport/useAutoTeleportTransitionDetails.ts
+++ b/composables/autoTeleport/useAutoTeleportTransitionDetails.ts
@@ -2,7 +2,6 @@ import {
   type Chain,
   chainToPrefixMap,
   getChainCurrency,
-  getChainExistentialDeposit,
   allowedTransitions as teleportRoutes,
 } from '@/utils/teleport'
 import { chainPropListOf } from '@/utils/config/chain.config'
@@ -65,13 +64,12 @@ export default function (
       Number(balance.value),
   )
 
-  const currentChainExistentialDeposit = computed(() =>
-    getChainExistentialDeposit(currentChain.value),
+  const { existentialDeposit } = useDeposit(
+    computed(() => chainToPrefixMap[currentChain.value]),
   )
 
   const transferableCurrentChainBalance = computed(
-    () =>
-      Number(currentChainBalance.value) - currentChainExistentialDeposit.value,
+    () => Number(currentChainBalance.value) - existentialDeposit.value,
   )
 
   const hasEnoughInCurrentChain = computed(
@@ -110,14 +108,9 @@ export default function (
     () => getMaxKeyByValue(sourceChainsBalances.value) as Chain | undefined,
   )
 
-  const richestChainExistentialDeposit = computed(() =>
-    getChainExistentialDeposit(richestChain.value),
-  )
-
   const richestChainBalance = computed(() =>
     richestChain.value
-      ? Number(sourceChainsBalances.value[richestChain.value]) -
-        richestChainExistentialDeposit.value
+      ? Number(sourceChainsBalances.value[richestChain.value])
       : 0,
   )
 
diff --git a/composables/useAmount.ts b/composables/useAmount.ts
index c3c5fc26d2..6594ddb9b5 100644
--- a/composables/useAmount.ts
+++ b/composables/useAmount.ts
@@ -1,20 +1,15 @@
-import format, { roundAmount } from '@/utils/format/balance'
+import format from '@/utils/format/balance'
 
 export default function (
   tokenAmount: ComputedRef<number>,
   tokenDecimals: ComputedRef<number>,
   chainSymbol: ComputedRef<string>,
-  round: undefined | number = undefined,
 ) {
   const { getCurrentTokenValue } = useFiatStore()
 
-  const amountFormatted = computed(() => {
-    const amount = format(tokenAmount.value, tokenDecimals.value, '')
-    return `${round ? roundAmount(amount, round, false) : amount} ${
-      chainSymbol.value
-    }`
-  })
-
+  const amountFormatted = computed(() =>
+    format(tokenAmount.value, tokenDecimals.value, chainSymbol.value),
+  )
   const amountUsd = computed(() => {
     const value = calculateUsdFromToken(
       Number(tokenAmount.value) * Math.pow(10, -tokenDecimals.value),
diff --git a/composables/useMultipleBalance.ts b/composables/useMultipleBalance.ts
index 881801f670..27c3199db9 100644
--- a/composables/useMultipleBalance.ts
+++ b/composables/useMultipleBalance.ts
@@ -129,7 +129,7 @@ export default function (refetchPeriodically: boolean = false) {
   ) => {
     await fetchFiatPrice(forceFiat)
 
-    const assets = isTestnet
+    const assets = isTestnet.value
       ? multiBalanceAssetsTestnet.value
       : multiBalanceAssets.value
 
diff --git a/locales/en.json b/locales/en.json
index f87ce59418..1bf898a613 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -11,10 +11,6 @@
   "collections": "Collections",
   "items": "Items",
   "users": "Users",
-  "burn": "Burn",
-  "purchase":"Purchase",
-  "delete": "Delete",
-  "bridging": "Bridging",
   "recent": "Recent",
   "user": "User",
   "soon": "Soon",
@@ -609,7 +605,6 @@
       "mintThisNft": "Mint This NFT",
       "seeYourNft": "See Your NFT",
       "minimumFundsDescription": "Holding a Minimum of <strong>{0} On {1}</strong> in Your Wallet is Required",
-      "freeMinimumFundsDescription": "Holding a Minimum of <strong>{0} On {1}</strong> in Your Wallet is Required for This Free Mint.",
       "claimNftNow": "Claim NFT Now",
       "claimPaidNft": "Claim For {0}",
       "nftAlreadyMinted": "NFT Already Minted",
@@ -633,7 +628,7 @@
       "notEligibility": "Not Eligible",
       "addFundsModal": {
         "title": "Action Required",
-        "textP1": "To participate in this free, gasless drop, your wallet must hold a minimum of <strong>{0} on {1}</<strong>",
+        "textP1": "To participate in this free, gasless drop, your wallet must hold a minimum of <strong>{0}</<strong>",
         "textP2": "Please add funds to continue",
         "howToAddFunds": "How to add funds",
         "tooltip": {
@@ -944,8 +939,6 @@
   },
   "tutorial": "Tutorial",
   "general": {
-    "nft": "NFT",
-    "nfts": "NFT(s)",
     "apply": "Apply",
     "resetAll": "Reset All",
     "filters": "Filters",
@@ -1465,10 +1458,7 @@
     "artBy": "{0} By",
     "viewNft": "View NFT",
     "listNft": "List NFT",
-    "canList": "NFT ready for listing!",
-    "teleportRequiredAmount": "Teleport required amount",
-    "claimFree": "Claim free",
-    "claim": "Claim"
+    "canList": "NFT ready for listing!"
   },
   "confirmPurchase": {
     "action": "Confirm Purchase",
@@ -1652,34 +1642,52 @@
       },
       "buy": {
         "confirm": "Teleport And Confirm Purchase",
-        "title": "Buying NFT"
+        "action": "Purchase",
+        "item": "NFT",
+        "title": "Buying NFT",
+        "submit": "Buying NFT..."
       },
       "list": {
         "confirm": "Teleport And Confirm Listing(s)",
-        "title": "Listing NFT"
+        "action": "List",
+        "item": "NFT(s)",
+        "title": "Listing NFT",
+        "submit": "Listing NFT..."
       },
       "mint": {
         "confirm": "Teleport and Create Collection",
-        "title": "Minting NFT Collection"
-      },
-      "free_drop": {
-        "confirm": "Teleport required amount"
+        "action": "Create",
+        "item": "Collection",
+        "title": "Minting NFT Collection",
+        "submit": "Minting NFT Collection..."
       },
       "mintnft": {
         "confirm": "Teleport and Mint NFT",
-        "title": "Minting NFT"
+        "action": "Mint",
+        "item": "NFT",
+        "title": "Minting NFT",
+        "submit": "Minting NFT..."
       },
       "send": {
         "confirm": "Teleport and Transfer NFT",
-        "title": "Transferring NFT"
+        "action": "Transfer",
+        "item": "NFT",
+        "title": "Transferring NFT",
+        "submit": "Transferring NFT..."
       },
       "delete": {
         "confirm": "Teleport and Delete Collection",
-        "title": "Deleting Collection"
+        "action": "Delete",
+        "item": "Collection",
+        "title": "Deleting Collection",
+        "submit": "Deleting Collection..."
       },
       "consume": {
         "confirm": "Teleport and Burn NFT",
-        "title": "Burning NFT"
+        "action": "Burn",
+        "item": "NFT",
+        "title": "Burning NFT",
+        "submit": "Burning NFT..."
       }
     }
   },
diff --git a/stores/identity.ts b/stores/identity.ts
index 9ea8d5cf7e..a3935805a9 100644
--- a/stores/identity.ts
+++ b/stores/identity.ts
@@ -19,6 +19,16 @@ const DEFAULT_BALANCE_STATE = {
   // movr: '0',
 }
 
+const prefixToToken = {
+  ksm: 'KSM',
+  rmrk: 'KSM',
+  bsx: 'KSM',
+  ahk: 'KSM',
+  ahp: 'DOT',
+  dot: 'DOT',
+  ahr: 'ROC',
+}
+
 export interface IdentityMap {
   [address: string]: Registration
 }
@@ -125,6 +135,14 @@ export const useIdentityStore = defineStore('identity', {
         ? state.auth.balance[urlPrefix.value] || '0'
         : '0'
     },
+    getAuthBalanceByChain: (state) => (prefix: Prefix) => {
+      return state.auth.balance ? state.auth.balance[prefix] || '0' : '0'
+    },
+    getAuthBalanceByRelayChain: (state) => (prefix: Prefix) => {
+      const relayChain = prefixToToken[prefix] === 'DOT' ? 'dot' : 'ksm'
+
+      return state.auth.balance ? state.auth.balance[relayChain] || '0' : '0'
+    },
     getTotalUsd: (state) => {
       if (
         state.multiBalances &&
@@ -148,7 +166,7 @@ export const useIdentityStore = defineStore('identity', {
       }
 
       const { isTestnet } = usePrefix()
-      const assets = isTestnet
+      const assets = isTestnet.value
         ? state.multiBalanceAssetsTestnet
         : state.multiBalanceAssets
 
diff --git a/utils/format/balance.ts b/utils/format/balance.ts
index b3e5f31ed7..ccf121d0e3 100644
--- a/utils/format/balance.ts
+++ b/utils/format/balance.ts
@@ -117,16 +117,4 @@ export const formatBsxBalanceToNumber = (amount) => {
   return parseFloat(format(amount, 12, false).replace(/,/g, ''))
 }
 
-export const roundAmount = (
-  value: string,
-  limit: number,
-  disableFilter: boolean,
-) => {
-  const number = Number(value.replace(/,/g, ''))
-  if (disableFilter) {
-    return parseFloat(number.toString())
-  }
-  return roundTo(value, limit)
-}
-
 export default format
diff --git a/utils/teleport.ts b/utils/teleport.ts
index d3990a558e..f047e9bb7a 100644
--- a/utils/teleport.ts
+++ b/utils/teleport.ts
@@ -1,7 +1,7 @@
 // Copyright 2017-2021 @polkadot/app-config authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { Prefix, existentialDeposit } from '@kodadot1/static'
+import { Prefix } from '@kodadot1/static'
 import type { ApiPromise } from '@polkadot/api'
 import { SubmittableExtrinsicFunction } from '@polkadot/api/types'
 import { XcmVersionedMultiLocation } from '@polkadot/types/lookup'
@@ -261,7 +261,3 @@ export const getChainCurrency = (chain: Chain): Currency => {
       return 'DOT'
   }
 }
-
-export const getChainExistentialDeposit = (
-  chain: Chain | undefined | null,
-): number => (chain ? existentialDeposit[chainToPrefixMap[chain]] : 0)