listener not working

lnbits/extensions/jukebox/static/js/index.js

@@ -400,6 +400,7 @@ new Vue({
     }
   },
   created() {
+    console.log(this.g.user.wallets[0])
     var getJukeboxes = this.getJukeboxes
     getJukeboxes()
     this.selectedWallet = this.g.user.wallets[0]

lnbits/extensions/jukebox/templates/jukebox/jukebox.html

@@ -110,9 +110,7 @@
         playlists: {},
         playlist: '',
         heavyList: [],
-        selectedWallet: {
-          inkey: '{{ inkey }}'
-        },
+        selectedWallet: {},
         receive: {
           dialogues: {
             first: false,
@@ -234,7 +232,15 @@
         .catch(err => {
           LNbits.utils.notifyApiError(err)
         })
-      this.startPaymentNotifier()
+
+      // this.startPaymentNotifier()
+    },
+    mounted() {
+      self = this
+      self.selectedWallet['inkey'] = '{{ inkey }}'
+      LNbits.events.onInvoicePaid(self.selectedWallet, payment =>
+        console.log(payment)
+      )
     }
   })
 </script>

lnbits/extensions/jukebox/views_api.py

@@ -196,8 +196,10 @@ async def api_get_token(sp_id):
 async def api_get_jukebox_invoice(sp_id, song_id):
     jukebox = await get_jukebox(sp_id)
     
-    invoice = await create_invoice(wallet_id=jukebox.wallet,amount=jukebox.price,memo=jukebox.title)
+    invoice = await create_invoice(wallet_id=jukebox.wallet,amount=jukebox.price,memo=jukebox.title, extra={"tag": "jukebox"},)
+
     jukebox_payment = await create_jukebox_payment(song_id,invoice[0])
+    
     print(jukebox_payment)
     
     return jsonify(invoice, jukebox_payment)