hotfix: merge hotfix to main branch (#1475)

* Security issue fix (#1472)

* Window open fix

* Resize Astar (L1) connect button

* hotfix: claim staking rewards from EVM wallet (#1474)

* Change zkEVM RPC endpoint (#1457)

* pin firebase-tools version to 13.35.1 in PR preview workflow (#1458)

* pin firebase-tools version to 13.35.1 in PR preview workflow

* pin firebase-tools version to 13.35.1 in staging deployment workflow

* Enable unstake from unregistered (#1461)

* Disable zk bridges and network selection (#1456)

* Disable zk bridges and network selection

* Hide network disabled comments

* hotfix: removed zkEVM links (#1462)

* feat: removed zkEVM links

* feat: updated Astar button

* fix: rollback

* fix: removed unnecessary line (#1464)

* Fix for available staking balance when user has tokens locked in governance (#1466)

* fix: added extra 20% to the gaslimit

* fix: clean up

---------

Co-authored-by: Bobo <bobo.kovacevic@gmail.com>
Co-authored-by: Taegeon Alan Go <tae.gun7784@gmail.com>

* Fix for a bridge tooltip being partially hidden (#1473)

* Fix for unstaking max amount (#1477)

* Change unstake amount to bigint

* Cleanup

* Fix/maintenance mode modal (#1479)

* Maintenance mode modal

* Typo fix

* Go Home

* Maintenance modal go to assets link fix (#1480)

* Fix for maintenance modal dark mode (#1482)

* Fix portal compatibility with XCM V5 upgrade (#1483)

* remove astar 2.0 and tech stack link (#1455)

* Fix `fetchAssetConfigById` for XCM v5 compatibility

* Update all XCM message constructions from V3 to V5

* refactor: centralize XCM version management in base repository

- Add protected readonly xcmVersion property to base XcmRepository class
- Replace all hardcoded 'V5' strings with dynamic this.xcmVersion references
- Remove unnecessary intermediate version variable assignments
- Enable version override capability for child repositories when needed

This change provides a single source of truth for XCM version configuration,
making future version updates easier and maintaining consistency across all
XCM repository implementations.

* update to keep using `V3` for Pendulum and Interlay

* Update to set V5 only for Astar

* fix: updated XCM logix to apply V5 for withdrawal transactions (#1485)

* fix: updated XCM logix to apply V5

* fix: removed non-used endpoint

* fix: updated Phala endpoint

---------

Co-authored-by: Ayumi Takahashi <ayumee528@gmail.com>
Co-authored-by: Roy <92044428+impelcrypto@users.noreply.github.com>

* hotfix: added a banner for Astar Snap deprecation (#1484)

* feat: added a banner for Astar snap

* fix: clean up

* fix: refactoring

* fix: increased minimum transfer amount for Bifrost assets (#1486)

* revert: restore yarn.lock to Yarn v1 format (#1487)

Revert yarn.lock changes from PR #1483 that converted it to Yarn Berry format.
This maintains compatibility with the existing Yarn v1 setup.

---------

Co-authored-by: Bobo <bobo.kovacevic@gmail.com>
Co-authored-by: Taegeon Alan Go <tae.gun7784@gmail.com>
Co-authored-by: Ayumi Takahashi <ayumee528@gmail.com>

Author: 4 people

src/components/assets/DynamicLinks.vue

@@ -6,7 +6,7 @@
         :key="index"
         class="card"
         :style="`background-image: url('${t.background}'); background-size: cover; background-position: center;`"
-        @click="goToLink(t.link)"
+        @click="navigateInNewTab(t.link)"
       >
         <div class="card--info">
           <div
@@ -28,6 +28,7 @@ import linksData from 'src/data/dynamic_links.json';
 import { useI18n } from 'vue-i18n';
 import { useQuery } from '@vue/apollo-composable';
 import gql from 'graphql-tag';
+import { navigateInNewTab } from 'src/util-general';
 
 interface Data {
   background: string;
@@ -86,14 +87,10 @@ export default defineComponent({
       { immediate: true }
     );
 
-    const goToLink = (link: string): void => {
-      window.open(link, '_blank');
-    };
-
     return {
       truncate,
       items,
-      goToLink,
+      navigateInNewTab,
     };
   },
 });

src/components/assets/SideAds.vue

@@ -4,7 +4,9 @@
       <swiper-slide v-for="(item, index) in combinedCampaigns" :key="index">
         <div
           class="card--swiper"
-          @click="item.link !== undefined ? goToLink(item.link) : goDappPageLink(item.address)"
+          @click="
+            item.link !== undefined ? navigateInNewTab(item.link) : goDappPageLink(item.address)
+          "
         >
           <img :src="item.img" class="card__img" />
           <div class="card__bottom">
@@ -34,6 +36,8 @@ import { Swiper, SwiperSlide } from 'swiper/vue';
 import 'swiper/css';
 import 'swiper/css/navigation';
 import { Autoplay } from 'swiper/modules';
+import { navigateInNewTab } from 'src/util-general';
+
 export default defineComponent({
   components: {
     Swiper,
@@ -42,9 +46,6 @@ export default defineComponent({
   setup() {
     const router = useRouter();
     const { combinedCampaigns } = useCampaign();
-    const goToLink = (link: string): void => {
-      window.open(link, '_blank');
-    };
     const goDappPageLink = (address: string | undefined): void => {
       const base = networkParam + Path.DappStaking + Path.Dapp;
       const url = `${base}?dapp=${address?.toLowerCase()}`;
@@ -53,7 +54,7 @@ export default defineComponent({
     return {
       modules: [Autoplay],
       combinedCampaigns,
-      goToLink,
+      navigateInNewTab,
       goDappPageLink,
     };
   },
@@ -68,6 +69,7 @@ export default defineComponent({
 }
 .swiper {
   overflow: hidden;
+  z-index: 0;
 }
 .card--swiper {
   border: solid 1px $gray-2;

src/components/common/Notification/NotificationBar.vue

@@ -44,6 +44,7 @@ import { AlertType } from 'src/store/general/state';
 import { useI18n } from 'vue-i18n';
 import { defineComponent, toRefs, PropType, computed, ref } from 'vue';
 import { AlertMsg } from 'src/modules/toast';
+import { navigateInNewTab } from 'src/util-general';
 
 export default defineComponent({
   name: 'NotificationBar',
@@ -92,7 +93,7 @@ export default defineComponent({
     const isCopiedType = computed<boolean>(() => props.alertType === AlertType.Copied);
 
     const goToSubscan = (): void => {
-      window.open(props.explorerUrl, '_blank');
+      navigateInNewTab(props.explorerUrl);
     };
 
     return {

src/components/header/SnapDeprecatedBanner.vue

@@ -0,0 +1,79 @@
+<template>
+  <div v-if="isSnap" class="banner">
+    <div class="row--banner">
+      <span class="text--deprecated">{{ $t('common.snapDeprecated') }}</span>
+      <a :href="docsUrl.availableWallets" target="_blank" class="banner__link" rel="noreferrer">
+        <b>{{ $t('common.availableWallet') }}</b>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, ref, watch } from 'vue';
+import { docsUrl } from 'src/links';
+import { useStore } from 'src/store';
+import { getSelectedAccount } from 'src/hooks/helper/wallet';
+import { SupportWallet } from 'src/config/wallets';
+import { useAccount } from 'src/hooks';
+
+export default defineComponent({
+  setup() {
+    const store = useStore();
+    const isSnap = ref<boolean>(false);
+    const { currentAccount, substrateAccounts } = useAccount();
+
+    watch(
+      [substrateAccounts, currentAccount],
+      () => {
+        const selectedWallet = getSelectedAccount(substrateAccounts.value);
+        isSnap.value = selectedWallet?.source === SupportWallet.Snap;
+      },
+      { immediate: false }
+    );
+
+    return { docsUrl, isSnap };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+@import 'src/css/quasar.variables.scss';
+
+.banner {
+  background: linear-gradient(270deg, #ff94cd 26.04%, #e6007a 100%);
+  color: $gray-2;
+  font-weight: 600;
+  padding: 4px 8px 8px 8px;
+  font-size: 12px;
+  position: relative;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+
+  @media (min-width: $sm) {
+    font-size: 14px;
+    padding: 4px 16px 8px 16px;
+  }
+}
+
+.row--banner {
+  font-weight: 800;
+  padding: 3px 9px;
+  border-radius: 4px;
+  margin-right: 4px;
+
+  @media (min-width: $sm) {
+    margin-right: 8px;
+  }
+}
+
+.text--deprecated {
+  margin-right: 4px;
+}
+
+.banner__link {
+  color: blue;
+  text-decoration: underline;
+}
+</style>

src/components/header/mobile/BlogPosts.vue

@@ -5,7 +5,7 @@
         v-for="(t, index) in items"
         :key="index"
         class="card--blog-post"
-        @click="goToLink(t.link)"
+        @click="navigateInNewTab(t.link)"
       >
         <img :src="t.img" :alt="t.title" />
       </div>
@@ -16,6 +16,7 @@
 import { defineComponent, ref, watch } from 'vue';
 import { useQuery } from '@vue/apollo-composable';
 import gql from 'graphql-tag';
+import { navigateInNewTab } from 'src/util-general';
 
 interface Data {
   img: string;
@@ -55,13 +56,9 @@ export default defineComponent({
       { immediate: true }
     );
 
-    const goToLink = (link: string): void => {
-      window.open(link, '_blank');
-    };
-
     return {
       items,
-      goToLink,
+      navigateInNewTab,
     };
   },
 });

src/components/header/styles/modal-network-wallet.scss

@@ -43,7 +43,7 @@
 }
 
 .card--astar {
-  width: 212px;
+  width: 100%;
   height: 140px;
   border-radius: 16px;
   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
@@ -62,7 +62,7 @@
 
 .line--bottom-bg {
   position: absolute;
-  width: 95%;
+  width: 98%;
   height: 5px;
   border-radius: 0 0 16px 16px / 0 0 6px 6px;
   bottom: 0;

src/components/sidenav/SidebarOption.vue

@@ -180,6 +180,7 @@ import { useStore } from 'src/store';
 import { socialUrl, docsUrl } from 'src/links';
 import { CultureCode, languagesSelector } from 'src/i18n';
 import { i18n } from 'src/boot/i18n';
+import { navigateInNewTab } from 'src/util-general';
 
 export default defineComponent({
   components: {
@@ -199,7 +200,7 @@ export default defineComponent({
 
     const selectLinkIdx = ref(-1);
     const goLink = (url: string) => {
-      window.open(url, '_blank');
+      navigateInNewTab(url);
     };
 
     const goToLink = (linkIdx: number) => {

src/constants.ts

@@ -2,7 +2,7 @@ export enum HttpCodes {
   NotFound = 404,
 }
 
-export const ORIGINAL_BLOCK_TIME = 12;
+export const ORIGINAL_BLOCK_TIME = 6;
 
 export const PERIOD1_START_BLOCKS = new Map<string, number>([
   ['astar', 5514935],

src/i18n/en-US/index.ts

@@ -131,6 +131,9 @@ export default {
     loading: 'Loading...',
     comingSoon: 'Coming soon',
     checkHowToSolve: 'Check how to solve this problem',
+    snapDeprecated:
+      '⚠️ Important: Astar Snap is being deprecated soon. Make sure to migrate your assets to a supported wallet to keep them accessible.',
+    availableWallet: 'You can find available wallet options in our documentation.',
     speed: {
       speed: 'Transaction speed',
       speedTip: 'Transaction speed (Tip)',
@@ -473,6 +476,7 @@ export default {
       switching: 'Switching to',
       willBeBack: 'We will be back',
       verySoon: 'very soon',
+      visitLater: 'Please visit the page later.',
     },
   },
   assets: {
@@ -731,6 +735,7 @@ export default {
     portalIpfs: 'Portal is now on IPFS!',
     astarHome: 'Astar Home',
     astarDocs: 'Astar Docs',
+    goToAssets: 'Go to Assets Page',
   },
   disclaimer: {
     disclaimer: 'Disclaimer',
@@ -763,7 +768,7 @@ export default {
     noDappSelected: 'No dApp selected.',
     stakerRewardsExpired: 'Staker rewards expired.',
     dappStaking: {
-      Disabled: 'Pallet is disabled/in maintenance mode.',
+      Disabled: 'dApp staking is currently in maintenance mode.',
       NoExpiredEntries: 'There are no expired entries to clean up.',
       NoStakingInfo: 'Account has no staking information for the contract',
       NotOperatedDApp: 'dApp is part of dApp staking but is not active anymore.',

src/layouts/DashboardLayout.vue

@@ -6,11 +6,11 @@
     <div class="wrapper--dashboard-layout__inner">
       <portal-header />
       <!-- <under-maintenance-banner /> -->
+      <snap-deprecated-banner />
       <dapp-staking-banner />
       <main id="assets-top" class="wrapper--main">
         <div class="wrapper--components">
           <div class="page-bg" :style="{ backgroundImage: `url(${bg})` }" />
-
           <slot />
         </div>
       </main>
@@ -28,12 +28,14 @@ import { LOCAL_STORAGE } from 'src/config/localStorage';
 import { useStore } from 'src/store';
 import UnderMaintenanceBanner from 'src/components/header/UnderMaintenanceBanner.vue';
 import DappStakingBanner from 'src/components/header/DappStakingBanner.vue';
+import SnapDeprecatedBanner from 'src/components/header/SnapDeprecatedBanner.vue';
 
 export default defineComponent({
   components: {
     PortalHeader,
     SidebarDesktop,
     DappStakingBanner,
+    SnapDeprecatedBanner,
   },
   setup() {
     const store = useStore();