Add support for SINPE Movil

package.json

@@ -7,7 +7,8 @@
   "scripts": {
     "serve": "yarn pre && yarn vue-cli-service serve --port 8081",
     "build": "yarn pre && yarn vue-cli-service build",
-    "lint": "vue-cli-service lint --no-fix",
+    "lint": "vue-cli-service lint",
+    "lint:fix": "vue-cli-service lint --fix",
     "build:bitcoinjs": "yarn --silent browserify bitcoinjs-parts.js -p common-shakeify -s BitcoinJS | yarn terser --compress --mangle --source-map --output public/bitcoin/BitcoinJS.min.js",
     "build:ci": "yarn pre && build=testnet yarn vue-cli-service build",
     "i18n:extract": "node ./node_modules/webpack-i18n-tools/index.js ./src/i18n/en.po",
@@ -26,11 +27,11 @@
     "@formatjs/intl-displaynames": "^3.3.4",
     "@linusborg/vue-simple-portal": "^0.1.4",
     "@nimiq/electrum-client": "https://github.com/nimiq/electrum-client#build",
-    "@nimiq/fastspot-api": "^1.8.0",
-    "@nimiq/hub-api": "^1.8.0",
+    "@nimiq/fastspot-api": "https://github.com/nimiq/fastspot-api#3a7c4b68529d7ec9ba8955a399412eaae946c528",
+    "@nimiq/hub-api": "https://gitpkg.now.sh/nimiq/hub/client?f3daa852a1d7c34d31893b61c6f4f20a432bff8a",
     "@nimiq/iqons": "^1.5.2",
-    "@nimiq/libswap": "^1.3.0",
-    "@nimiq/oasis-api": "^1.1.1",
+    "@nimiq/libswap": "github:nimiq/libswap-js#f868f6407b122806a89f29c71351e8fb8289e879",
+    "@nimiq/oasis-api": "github:nimiq/oasis-api-js#fbd74179a5b9590f8e6dfe9b08ca47122db2ce1e",
     "@nimiq/oasis-bank-list": "https://github.com/nimiq/oasis-bank-list#main",
     "@nimiq/rpc": "^0.4.1",
     "@nimiq/style": "^0.8.2",

src/components/AddressSelector.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="flex-column">
+    <IdenticonStack @click="$emit('openAddressSelector')" :show-bitcoin="showBitcoin" />
+    <InteractiveShortAddress :address="activeAddressInfo.address" tooltipPosition="bottom right" />
+  </div>
+</template>
+
+<script lang="ts">
+import { useAddressStore } from '@/stores/Address';
+import { defineComponent } from '@vue/composition-api';
+import IdenticonStack from './IdenticonStack.vue';
+import InteractiveShortAddress from './InteractiveShortAddress.vue';
+
+export default defineComponent({
+    props: {
+        showBitcoin: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    setup() {
+        const { activeAddressInfo } = useAddressStore();
+
+        return {
+            activeAddressInfo,
+        };
+    },
+    components: {
+        IdenticonStack,
+        InteractiveShortAddress,
+    },
+});
+</script>
+
+<style scoped lang="scss">
+.flex-column {
+  align-items: center;
+
+  .identicon-stack {
+    padding-bottom: 4rem;
+  }
+
+  .interactive-short-address {
+    margin-top: -3.5rem;
+  }
+}
+</style>

src/components/AmountInput.vue

@@ -114,11 +114,18 @@ const AmountInput = defineComponent({
                 // regExpResult[1] contains the sign
                 // regExpResult[2] contains the whole integers
                 // regExpResult[3] contains the decimal point and decimals
-                return [
+                let formattedValue = [
                     props.preserveSign ? (regExpResult[1] || '+') : '',
                     regExpResult[2] || (regExpResult[3] ? '0' : ''),
                     regExpResult[3] || '',
                 ].join('');
+
+                // Remove trailing dot if no decimals are allowed
+                if (props.decimals === 0) {
+                    formattedValue = formattedValue.replace(/\.$/, '');
+                }
+
+                return formattedValue;
             }
             return '';
         }