Merge pull request #276 from zkLinkProtocol/feat/intent_url

Feat/intent url

components/common/input/TransactionAddress.vue

@@ -5,14 +5,17 @@
         <div class="font-bold">{{ label }}</div>
         <slot name="dropdown" />
       </div>
-      <div v-if="!addressInputHidden && defaultLabel && isConnected">
+      <div v-if="receipt">
+        <span class="font-bold">To account {{ shortenAddress(receipt) }}</span>
+      </div>
+      <div v-else-if="!addressInputHidden && defaultLabel && isConnected">
         <span class="font-bold">{{ inputVisible ? "To another account" : defaultLabel }}</span>
         <CommonButtonLabel variant="light" class="ml-1" @click="toggleCustomValue()">
           {{ inputVisible ? "Use my account" : "Change" }}
         </CommonButtonLabel>
       </div>
     </div>
-    <div v-show="inputVisible" class="mt-4">
+    <div v-show="inputVisible && !receipt" class="mt-4">
       <div class="flex items-center gap-2">
         <CommonInputLine
           v-model.trim="inputted"
@@ -70,6 +73,7 @@ import { isAddress } from "viem";
 
 import useEns from "@/composables/useEnsName";
 
+import { useRoute } from "#app";
 import { useOnboardStore } from "@/store/onboard";
 import { usePreferencesStore } from "@/store/preferences";
 import { isMobile } from "@/utils/helpers";
@@ -92,6 +96,17 @@ const props = defineProps({
   },
 });
 
+const route = useRoute();
+
+const receipt = computed(() => {
+  const receipt = route.query.receipt as string;
+  if (isAddress(receipt)) {
+    return receipt;
+  } else {
+    return "";
+  }
+});
+
 const emit = defineEmits<{
   (eventName: "update:error", error?: string): void;
   (eventName: "update:modelValue", amount: string): void;

views/transactions/Deposit.vue

@@ -382,6 +382,9 @@
               >
                 Continue
               </CommonButton>
+              <CommonButton v-if="fromLink" variant="light" class="w-full mt-5" @click="handleGoBack()">
+                Go Back
+              </CommonButton>
             </template>
             <template v-else-if="step === 'confirm'">
               <transition v-bind="TransitionAlertScaleInOutTransition">
@@ -419,6 +422,9 @@
                   <span v-else>Deposit now</span>
                 </transition>
               </CommonButton>
+              <CommonButton v-if="fromLink" variant="light" class="w-full mt-5" @click="handleGoBack()">
+                Go Back
+              </CommonButton>
               <TransactionButtonUnderlineConfirmTransaction :opened="transactionStatus === 'waiting-for-signature'" />
             </template>
           </template>
@@ -467,8 +473,8 @@ import { getWaitTime } from "@/data/networks";
 import { useDestinationsStore } from "@/store/destinations";
 import { useNetworkStore } from "@/store/network";
 import { useOnboardStore } from "@/store/onboard";
-import { useSearchtokenStore } from "@/store/searchToken";
 import { usePreferencesStore } from "@/store/preferences";
+import { useSearchtokenStore } from "@/store/searchToken";
 import { useZkSyncEthereumBalanceStore } from "@/store/zksync/ethereumBalance";
 import { useZkSyncProviderStore } from "@/store/zksync/provider";
 import { useZkSyncTokensStore } from "@/store/zksync/tokens";
@@ -530,6 +536,14 @@ const pageDesc = computed(() => {
   return props.isIntegrate ? desc : "";
 });
 
+const receipt = computed(() => {
+  return route.query.receipt;
+});
+
+const fromLink = computed(() => {
+  return route.query.fromLink;
+});
+
 const step = ref<"form" | "confirm" | "submitted">("form");
 const isMerge = ref<true | false>(true);
 const destination = computed(() => destinations.value.nova);
@@ -662,7 +676,11 @@ const queryAddress = useRouteQuery<string | undefined>("address", undefined, {
   transform: String,
   mode: "replace",
 });
-const address = ref((queryAddress.value !== "undefined" && queryAddress.value) || "");
+const address = ref(
+  (receipt.value && isAddress(receipt.value as string)
+    ? (receipt.value as string)
+    : queryAddress.value !== "undefined" && queryAddress.value) || ""
+);
 const isAddressInputValid = computed(() => {
   if (address.value) {
     return isAddress(address.value);
@@ -829,6 +847,10 @@ const buttonContinue = () => {
   }
 };
 
+const handleGoBack = () => {
+  window.open(fromLink.value as string, "_self");
+};
+
 const buttonWrap = () => {
   if (continueButtonDisabled.value) {
     return;

views/transactions/DepositSubmitted.vue

@@ -27,6 +27,7 @@
 
     <EcosystemBlock v-if="eraNetwork.displaySettings?.showPartnerLinks" class="mt-block-gap" />
     <CommonButton
+      v-if="!fromLink"
       size="sm"
       :as="makeAnotherTransaction ? undefined : 'RouterLink'"
       :to="{ name: 'index' }"
@@ -35,10 +36,14 @@
     >
       Make another transaction
     </CommonButton>
+    <CommonButton size="sm" v-if="fromLink" class="mx-auto mt-block-gap w-max" @click="handleGoBack()">
+      Go Back
+    </CommonButton>
   </div>
 </template>
 
 <script lang="ts" setup>
+import { useRouteQuery } from "@vueuse/router";
 import { storeToRefs } from "pinia";
 
 import useNetworks from "@/composables/useNetworks";
@@ -48,7 +53,16 @@ import type { PropType } from "vue";
 
 import { useZkSyncProviderStore } from "@/store/zksync/provider";
 
-const { primaryNetwork, zkSyncNetworks,getNetworkInfo } = useNetworks();
+const fromLink = useRouteQuery<string | undefined>("fromLink", undefined, {
+  transform: String,
+  mode: "replace",
+});
+
+const handleGoBack = () => {
+  window.open(fromLink.value as string, "_self");
+};
+
+const { primaryNetwork, zkSyncNetworks, getNetworkInfo } = useNetworks();
 let prop = defineProps({
   transaction: {
     type: Object as PropType<TransactionInfo>,