refactor: move walletTypes from mixin into lnbits-new-user-wallet (#3519)

lnbits/static/js/components/lnbits-new-user-wallet.js

@@ -4,6 +4,7 @@ window.app.component('lnbits-new-user-wallet', {
   mixins: [window.windowMixin],
   data() {
     return {
+      walletTypes: [{label: 'Lightning Wallet', value: 'lightning'}],
       newWallet: {walletType: 'lightning', name: '', sharedWalletId: ''}
     }
   },
@@ -70,5 +71,13 @@ window.app.component('lnbits-new-user-wallet', {
         LNbits.utils.notifyApiError(e)
       }
     }
+  },
+  created() {
+    if (this.g.user?.extra?.wallet_invite_requests?.length) {
+      this.walletTypes.push({
+        label: `Lightning Wallet (Share Invite: ${this.g.user.extra.wallet_invite_requests.length})`,
+        value: 'lightning-shared'
+      })
+    }
   }
 })

lnbits/static/js/globals.js

@@ -50,3 +50,13 @@ const websocketPrefix =
 const websocketUrl = `${websocketPrefix}${window.location.host}/api/v1/ws`
 
 const _access_cookies_for_safari_refresh_do_not_delete = document.cookie
+
+addEventListener('offline', event => {
+  console.log('offline', event)
+  this.g.offline = true
+})
+
+addEventListener('online', event => {
+  console.log('back online', event)
+  this.g.offline = false
+})

lnbits/static/js/windowMixin.js

@@ -7,7 +7,6 @@ window.windowMixin = {
       g: window.g,
       toggleSubs: true,
       addWalletDialog: {show: false, walletType: 'lightning'},
-      walletTypes: [{label: 'Lightning Wallet', value: 'lightning'}],
       isSatsDenomination: WINDOW_SETTINGS['LNBITS_DENOMINATION'] == 'sats',
       allowedThemes: WINDOW_SETTINGS['LNBITS_THEME_OPTIONS'],
       walletEventListeners: [],
@@ -125,26 +124,9 @@ window.windowMixin = {
     }
   },
   async created() {
-    addEventListener('offline', event => {
-      console.log('offline', event)
-      this.g.offline = true
-    })
-
-    addEventListener('online', event => {
-      console.log('back online', event)
-      this.g.offline = false
-    })
-
     if (window.user) {
       this.g.user = Vue.reactive(window.LNbits.map.user(window.user))
     }
-
-    if (this.g.user?.extra?.wallet_invite_requests?.length) {
-      this.walletTypes.push({
-        label: `Lightning Wallet (Share Invite: ${this.g.user.extra.wallet_invite_requests.length})`,
-        value: 'lightning-shared'
-      })
-    }
     if (window.wallet) {
       this.g.wallet = Vue.reactive(window.LNbits.map.wallet(window.wallet))
     }