From f5cae885c544cb3add3d36470cc14a587ec0b0f8 Mon Sep 17 00:00:00 2001
From: Denis Davidyuk <denis_davidyuk@hotmail.com>
Date: Sat, 27 Apr 2024 14:09:36 +1000
Subject: [PATCH 1/4] fix: enable browser on iOS

---
 .eslintrc.js                         |  2 +-
 src/components/mobile/TabBar.vue     | 16 ++--------------
 src/lib/constants.js                 |  2 --
 src/pages/mobile/Onboarding.vue      |  3 +--
 src/pages/mobile/TransactionList.vue |  4 ++--
 src/pages/mobile/Transfer.vue        |  6 ++----
 src/router/routes/mobile.js          |  6 +++---
 src/ui-common.js                     |  3 +--
 8 files changed, 12 insertions(+), 30 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index f3f90fac7..cfdfc58bf 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -6,7 +6,7 @@ module.exports = {
   globals: {
     ENV_MOBILE_DEVICE: true,
   },
-  ignorePatterns: ['dist', 'www'],
+  ignorePatterns: ['dist', 'platforms', 'plugins', 'www'],
   extends: [
     'plugin:vue/recommended',
     'plugin:@intlify/vue-i18n/recommended',
diff --git a/src/components/mobile/TabBar.vue b/src/components/mobile/TabBar.vue
index 260491dea..1bf8d3032 100644
--- a/src/components/mobile/TabBar.vue
+++ b/src/components/mobile/TabBar.vue
@@ -3,10 +3,7 @@
     <ConnectionStatus />
 
     <div class="wrapper">
-      <ButtonPlain
-        v-if="!$globals.DISABLED_BROWSER"
-        :to="browserPath"
-      >
+      <ButtonPlain :to="browserPath">
         <Grid />
         <div>{{ $t('app.title') }}</div>
       </ButtonPlain>
@@ -16,14 +13,6 @@
         <div>{{ $t('transfer.title') }}</div>
       </ButtonPlain>
 
-      <ButtonPlain
-        v-if="$globals.DISABLED_BROWSER"
-        :to="{ name: 'transaction-list' }"
-      >
-        <List />
-        <div>{{ $t('transfer.transaction.title') }}</div>
-      </ButtonPlain>
-
       <ButtonPlain
         :class="showAccountSwitcher ? 'router-link-active' : ''"
         @click="accountSwitcher"
@@ -48,7 +37,7 @@
 import { mapState, mapGetters } from 'vuex';
 import ButtonPlain from '../ButtonPlain.vue';
 import {
-  Grid, Transfer, List, Contacts, Settings,
+  Grid, Transfer, Contacts, Settings,
 } from '../icons';
 import AeIdenticon from '../AeIdenticon.vue';
 import ConnectionStatus from '../ConnectionStatus.vue';
@@ -60,7 +49,6 @@ export default {
     ButtonPlain,
     Grid,
     Transfer,
-    List,
     Contacts,
     Settings,
     ConnectionStatus,
diff --git a/src/lib/constants.js b/src/lib/constants.js
index 302fadb59..a945cf65b 100644
--- a/src/lib/constants.js
+++ b/src/lib/constants.js
@@ -27,5 +27,3 @@ export const IS_IOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MS
 export const RUNNING_IN_FRAME = window.parent !== window;
 
 export const RUNNING_IN_POPUP = !!window.opener && window.name === 'popup';
-
-export const DISABLED_BROWSER = process.env.VUE_APP_CORDOVA && IS_IOS;
diff --git a/src/pages/mobile/Onboarding.vue b/src/pages/mobile/Onboarding.vue
index 7022b05a6..91c8ca508 100644
--- a/src/pages/mobile/Onboarding.vue
+++ b/src/pages/mobile/Onboarding.vue
@@ -40,7 +40,6 @@
 
 <script>
 import AeButton from '../../components/AeButton.vue';
-import { DISABLED_BROWSER } from '../../lib/constants';
 
 export default {
   components: { AeButton },
@@ -48,7 +47,7 @@ export default {
     stepRouteNames: [
       'onboarding',
       'onboarding-send',
-      ...DISABLED_BROWSER ? [] : ['onboarding-aepps'],
+      'onboarding-aepps',
       'onboarding-subaccounts',
     ],
   }),
diff --git a/src/pages/mobile/TransactionList.vue b/src/pages/mobile/TransactionList.vue
index 99d5f16a5..468036c93 100644
--- a/src/pages/mobile/TransactionList.vue
+++ b/src/pages/mobile/TransactionList.vue
@@ -2,8 +2,8 @@
   <Page
     header-fill="primary"
     class="transaction-list"
-    :right-button-icon-name="$globals.DISABLED_BROWSER ? '' : 'close'"
-    :right-button-to="$globals.DISABLED_BROWSER ? '' : { name: 'transfer' }"
+    right-button-icon-name="close"
+    :right-button-to="{ name: 'transfer' }"
   >
     <div
       slot="title"
diff --git a/src/pages/mobile/Transfer.vue b/src/pages/mobile/Transfer.vue
index a7f139b60..ef297bf1b 100644
--- a/src/pages/mobile/Transfer.vue
+++ b/src/pages/mobile/Transfer.vue
@@ -37,7 +37,6 @@
       <LeftMore slot="right" />
     </ListItem>
     <ListItem
-      v-if="!$globals.DISABLED_BROWSER"
       :to="{ name: 'transaction-list' }"
       :title="$t('transfer.transaction.title')"
       :subtitle="$t('transfer.transaction.subtitle')"
@@ -77,7 +76,6 @@ import Guide from '../../components/Guide.vue';
 import AeAccount from '../../components/AeAccount.vue';
 import { LeftMore } from '../../components/icons';
 import ListItem from '../../components/ListItem.vue';
-import { DISABLED_BROWSER } from '../../lib/constants';
 
 export default {
   components: {
@@ -106,10 +104,10 @@ export default {
         tooltips: [{
           selector: '.transfer .ae-account .ae-identicon',
           ...this.$t('transfer.tooltips.identicon'),
-        }, ...!DISABLED_BROWSER ? [{
+        }, {
           selector: '.transfer .tab-bar .button-plain',
           ...this.$t('transfer.tooltips.browser'),
-        }] : [], {
+        }, {
           selector: '.transfer .tab-bar .button-plain:nth-child(3)',
           ...this.$t('transfer.tooltips.account-switcher'),
         }, {
diff --git a/src/router/routes/mobile.js b/src/router/routes/mobile.js
index f50cd7545..201faee62 100644
--- a/src/router/routes/mobile.js
+++ b/src/router/routes/mobile.js
@@ -1,4 +1,4 @@
-import { DISABLED_BROWSER, IS_PWA, ROUTE_MOBILE_LOGGED_IN } from '../../lib/constants';
+import { IS_PWA, ROUTE_MOBILE_LOGGED_IN } from '../../lib/constants';
 import { send } from '../../lib/localStorageCall';
 import { ensureLoggedIn, mergeEnterHandlers } from '../utils';
 import store from '../../store/index';
@@ -180,13 +180,13 @@ export default [{
   props: true,
 }, {
   name: 'transaction-list',
-  path: `${DISABLED_BROWSER ? '' : '/transfer'}/transactions/:direction?`,
+  path: '/transfer/transactions/:direction?',
   component: TransactionList,
   beforeEnter: ensureLoggedIn,
   props: true,
 }, {
   name: 'transaction-details',
-  path: `${DISABLED_BROWSER ? '' : '/transfer'}/transactions/details/:hash`,
+  path: '/transfer/transactions/details/:hash',
   component: TransactionDetails,
   beforeEnter: ensureLoggedIn,
   props: true,
diff --git a/src/ui-common.js b/src/ui-common.js
index d0a6c2e9a..45b829c76 100644
--- a/src/ui-common.js
+++ b/src/ui-common.js
@@ -1,12 +1,11 @@
 import Vue from 'vue';
 import 'focus-visible';
 import './components/icon.scss';
-import { IS_IOS, DISABLED_BROWSER, ROUTE_MOBILE_LOGGED_IN } from './lib/constants';
+import { IS_IOS, ROUTE_MOBILE_LOGGED_IN } from './lib/constants';
 
 Vue.prototype.$globals = {
   ENV_MOBILE_DEVICE: ENV_MOBILE_DEVICE, // eslint-disable-line object-shorthand
   IS_IOS,
   VUE_APP_CORDOVA: process.env.VUE_APP_CORDOVA,
-  DISABLED_BROWSER,
   ROUTE_MOBILE_LOGGED_IN,
 };

From ad1afca1c5bcfc096ca2aa64d257ba163d11e565 Mon Sep 17 00:00:00 2001
From: Denis Davidyuk <denis_davidyuk@hotmail.com>
Date: Sat, 27 Apr 2024 16:20:36 +1000
Subject: [PATCH 2/4] chore: revert old workaround to fix scrolling on ios

---
 src/pages/mobile/AppBrowser.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/mobile/AppBrowser.vue b/src/pages/mobile/AppBrowser.vue
index c7cc852a4..8eac2c4e6 100644
--- a/src/pages/mobile/AppBrowser.vue
+++ b/src/pages/mobile/AppBrowser.vue
@@ -36,7 +36,6 @@
       ref="iframe"
       :src="url"
       :title="url"
-      :scrolling="$globals.IS_IOS && 'no'"
       importance="high"
       sandbox="allow-scripts allow-same-origin allow-forms allow-modals"
       allow="camera; microphone"
@@ -151,7 +150,6 @@ export default {
 
   iframe {
     flex-grow: 1;
-    width: 100vw;
     border: none;
   }
 }

From 3ec2ccfc4b277c00f0803e81578e5f7d590eef53 Mon Sep 17 00:00:00 2001
From: Denis Davidyuk <denis_davidyuk@hotmail.com>
Date: Sat, 27 Apr 2024 16:24:16 +1000
Subject: [PATCH 3/4] chore: provide correct origin to aepp in iOS

---
 src/store/plugins/initSdk.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/store/plugins/initSdk.js b/src/store/plugins/initSdk.js
index 64f00a2a0..f2a0848fe 100644
--- a/src/store/plugins/initSdk.js
+++ b/src/store/plugins/initSdk.js
@@ -140,6 +140,17 @@ export default (store) => {
     ]);
     // TODO: remove after updating sdk
     sdk.Ae.defaults.verify = false;
+
+    // backported fix https://github.com/aeternity/aepp-sdk-js/pull/1980
+    const { getWalletInfo } = sdk;
+    sdk.getWalletInfo = () => {
+      const { origin, ...info } = getWalletInfo.call(sdk);
+      return {
+        ...info,
+        origin: 'file://' === info.origin ? '*' : info.origin,
+      };
+    }
+
     sdk.selectNode(network.name);
     sdk.middleware = middleware;
     sdk.middleware2 = middleware2;

From 2f2c5e5b74c3a3ebeecbac1380a6ce80f82ad700 Mon Sep 17 00:00:00 2001
From: Denis Davidyuk <denis_davidyuk@hotmail.com>
Date: Sat, 27 Apr 2024 16:51:09 +1000
Subject: [PATCH 4/4] fix: Tooltip positioning in iOS

---
 src/components/mobile/Tooltip.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/mobile/Tooltip.vue b/src/components/mobile/Tooltip.vue
index 61d041bd0..6baa7ec47 100644
--- a/src/components/mobile/Tooltip.vue
+++ b/src/components/mobile/Tooltip.vue
@@ -45,7 +45,7 @@ export default {
 
       return this.showBelow
         ? { top: `${bottom + arrowSize}px` }
-        : { bottom: `${document.documentElement.clientHeight - top + arrowSize}px` };
+        : { bottom: `${this.$parent.$el.clientHeight - top + arrowSize}px` };
     },
     arrowStyle() {
       if (!this.anchorRect || !this.isMounted) return {};