From 44ddab80e6758b3681f4d7a6adfcba2275d2acdd Mon Sep 17 00:00:00 2001
From: shrinathprabhu <shrinathprabhu.123@gmail.com>
Date: Wed, 31 May 2023 18:41:45 +0530
Subject: [PATCH 1/2] Remove ramp network and replace onrampmoney logo

---
 src/assets/images/onrampmoney.png | Bin 0 -> 1032 bytes
 src/components/BuyTokens.vue      |  34 ++------------
 src/components/UserWallet.vue     |  15 ++----
 src/utils/rampsdk.ts              |  74 ------------------------------
 4 files changed, 7 insertions(+), 116 deletions(-)
 create mode 100644 src/assets/images/onrampmoney.png
 delete mode 100644 src/utils/rampsdk.ts

diff --git a/src/assets/images/onrampmoney.png b/src/assets/images/onrampmoney.png
new file mode 100644
index 0000000000000000000000000000000000000000..2130677bd633773af4283b571365577fbf4a3e0c
GIT binary patch
literal 1032
zcmZQzV30^FsVqn=%S>Ycg51nB!`#e7Ae%8GH?<@YBnAYE87VnM5GDgdL1uCZj18mt
z3NlM_!5l^)sgs$LpA6!;FfcGNfJA_p`8bev1oFW=#txvAJ&<jYnVAQ+8Z09U<fMX>
zfOI6585n|?2tl9>Oi(JbC>5fQfq^fvv?2#=6UeUhnFU1!K)NflAUPjMi)0oTqylLW
z2!LXq#4<zYMv(ms3<3q26`3FgGY1C;kb=m`%YcM{{({Icf@Ca!_BextON;WXatl(^
z!Gx1la%OUYRdHo;NosDf6;MrPPG(|JrBz~1K}I4-xol=ZE|>vi1H*%vv5A?1iG{I+
zjTOl6$W2Ks5n|wClfSwAyl#NeCYF@6-g*Q185|ZMy$sAejw}w3^lF3b_7sbUGMJqU
zW(}yBVEgv5``v<KTc3=xE}tVg8M~@4R<t|(-_Z4Jvw(la%`Ne{m6NjAOQvji#HLjl
zb$1WvE2TSrD}-CJmu*=YKJ8V~j3d{+CUVS+T&tM0cwycD#hlak$=+fAvEl6e$XvHI
z3HPm9bN0+F-&(7f^WyO1DOX#c9(#J#{7Ktn)5W}X<;-u~AMdY`c{XRNyW@YxlgB5l
zIQH?a&6?>V_A-(m11+tRJ0`7=`fM^~qx_NX^XKFu>(mz6YuL&r@dx}%`cd3CFCoU{
zkNH`r6aW0UA3T53XgT4EPLj%(oYr}zD>*MOcS`vpAF<-Uj$Zymr|8y#i`K%icC$OX
zUL0PqcXKh5ree3#gx1{T3k9j0B(o;9=W5+&H{D)zZSP65>5ohJ3r(ubR1SZ7rB^?*
z`nZ?>%N+#?$5uR>a3|q#?7hb~b3%$XX|8*e!C_u1USyZPTK(Bn#`03`xL^*36{}Y>
zT)fyYMc`W&>t4p5U)M4f1Jin*eX@FNBjH-b@GMJVkN9PM^_vx^{#Dor1aj=1+IGYK
zE92a%qQd2#PDitIzcX~oxGyb#x<votw-AF@^DZuMezn8tWsJ}R4W?6`Q*x(g$VxKD
z`L33A{u5oh{nNV{W-i%VuJF$d{2A2qcEPK)$5g80CbS2zgm_5H*G^#j$FSvUz>BGl
z%CB|0jMkSb-wfX65x7oD^fPOEg~YZADK~#{^vJ0)y!&2m8nytKd^qhv$%m1b?Shd}
zN<{A^Z?}2_1`Y-ma2f&;O&lxO-%gi)ca+C>)^>rOOKZ~&to(L*A5LPe=vV*%a~o=b

literal 0
HcmV?d00001

diff --git a/src/components/BuyTokens.vue b/src/components/BuyTokens.vue
index e6ad5f4e..0df94690 100644
--- a/src/components/BuyTokens.vue
+++ b/src/components/BuyTokens.vue
@@ -3,13 +3,11 @@ import { ref, type Ref } from 'vue'
 
 import AppLoader from '@/components/AppLoader.vue'
 import { openOnRampMoneyHostedUI } from '@/utils/onrampmoney.ramp'
-import { openRampSdk } from '@/utils/rampsdk'
 import { openTransak } from '@/utils/transak'
 import { useImage } from '@/utils/useImage'
 
 type BuyTokenProps = {
   transakNetwork?: string
-  rampNetwork?: string
   onRampMoney: number | false | undefined
 }
 
@@ -43,12 +41,6 @@ function handleStatusModalText(provider: 'Transak' | 'Ramp' | 'onramp.money') {
   }
 }
 
-function handleRamp() {
-  isLoading.value = true
-  openRampSdk(props.rampNetwork as string)
-  handleStatusModalText('Ramp')
-}
-
 function handleOnRampMoney() {
   if (props.onRampMoney === undefined || props.onRampMoney === false) {
     throw new Error('!!!')
@@ -61,8 +53,6 @@ function handleOnRampMoney() {
 function handleBuy() {
   if (selectedProvider.value === 'transak') {
     handleTransak()
-  } else if (selectedProvider.value === 'ramp') {
-    handleRamp()
   } else if (selectedProvider.value === 'onramp.money') {
     handleOnRampMoney()
   }
@@ -136,25 +126,6 @@ function handleDone() {
             <span class="text-base">Transak</span>
           </label>
         </div>
-        <div class="flex gap-3 items-center">
-          <input
-            id="Ramp"
-            v-model="selectedProvider"
-            type="radio"
-            value="ramp"
-            name="provider"
-            :disabled="!props.rampNetwork"
-            :class="{ 'opacity-80': !props.rampNetwork }"
-          />
-          <label
-            for="Ramp"
-            class="flex gap-2 items-center cursor-pointer"
-            :class="{ 'opacity-50': !props.rampNetwork }"
-          >
-            <img src="@/assets/images/ramp.png" class="h-7 w-7" />
-            <span class="text-base">Ramp</span>
-          </label>
-        </div>
         <div class="flex gap-3 items-center">
           <input
             id="OnRampMoney"
@@ -170,7 +141,10 @@ function handleDone() {
             class="flex gap-2 items-center cursor-pointer"
             :class="{ 'opacity-50': props.onRampMoney === false }"
           >
-            <img src="@/assets/images/ramp.png" class="h-7 w-7" />
+            <img
+              src="@/assets/images/onrampmoney.png"
+              class="h-7 w-7 bg-[#F2F2F2] rounded-full"
+            />
             <span class="text-base">onramp.money</span>
           </label>
         </div>
diff --git a/src/components/UserWallet.vue b/src/components/UserWallet.vue
index 62de84e7..14def286 100644
--- a/src/components/UserWallet.vue
+++ b/src/components/UserWallet.vue
@@ -19,7 +19,6 @@ import { useRpcStore } from '@/store/rpc'
 import { useUserStore } from '@/store/user'
 import { HIDE_ON_RAMP } from '@/utils/constants'
 import { isSupportedByOnRampMoney } from '@/utils/onrampmoney.ramp'
-import { getRampSupportedNetworks } from '@/utils/rampsdk'
 import { getRequestHandler } from '@/utils/requestHandlerSingleton'
 import { getTransakSupportedNetworks } from '@/utils/transak'
 import { truncateToTwoDecimals } from '@/utils/truncateToTwoDecimal'
@@ -62,13 +61,6 @@ const transakNetwork = computed(() => {
   )
 })
 
-const rampNetwork = computed(() => {
-  const selectedChainId = Number(rpcStore.selectedChainId)
-  return getRampSupportedNetworks().find(
-    (network) => network.chainId === selectedChainId
-  )
-})
-
 const onRampMoney = computed(() => {
   const selectedChainId = Number(rpcStore.selectedChainId)
   if (isSupportedByOnRampMoney(selectedChainId)) {
@@ -119,7 +111,7 @@ function openAddNetwork(open) {
 }
 
 function openEditNetwork(open, chainId: number | null = null) {
-  if (Number(rpcStore.selectedRpcConfig.chainId) === Number(chainId)) {
+  if (Number(rpcStore.selectedRpcConfig?.chainId) === Number(chainId)) {
     toast.error(
       'This network is current selected, please chose a different one and try again'
     )
@@ -179,7 +171,7 @@ onMounted(() => {
 })
 
 watch(
-  () => rpcStore.selectedRPCConfig.chainId,
+  () => rpcStore.selectedRPCConfig?.chainId,
   async () => {
     await getRequestHandler().setRpcConfig({
       ...rpcStore.selectedRPCConfig,
@@ -297,7 +289,7 @@ watch(
           </button>
           <button
             v-if="walletBalance && !HIDE_ON_RAMP"
-            :disabled="!transakNetwork && !rampNetwork && onRampMoney === false"
+            :disabled="!transakNetwork && onRampMoney === false"
             class="text-sm sm:text-xs font-semibold rounded-xl border-2 border-solid border-black dark:border-white flex-1 uppercase disabled:opacity-50"
             @click="handleBuy(true)"
           >
@@ -330,7 +322,6 @@ watch(
       <BuyTokens
         v-if="showModal === 'buy'"
         :transak-network="transakNetwork?.value"
-        :ramp-network="rampNetwork?.value"
         :on-ramp-money="onRampMoney"
         @close="handleBuy(false)"
       />
diff --git a/src/utils/rampsdk.ts b/src/utils/rampsdk.ts
deleted file mode 100644
index ac938ce7..00000000
--- a/src/utils/rampsdk.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { store } from '@/store'
-import { useUserStore } from '@/store/user'
-
-const userStore = useUserStore(store)
-
-type RampNetwork = {
-  chainId: number
-  value: string
-}
-
-const mainnetSupportedChains: RampNetwork[] = [
-  { chainId: 1666600000, value: 'HARMONY' },
-  { chainId: 250, value: 'FANTOM' },
-  { chainId: 122, value: 'FUSE' },
-  { chainId: 43114, value: 'AVAX' },
-  { chainId: 10, value: 'OPTIMISM' },
-  { chainId: 42220, value: 'CELO' },
-  { chainId: 1, value: 'ETH' },
-  { chainId: 30, value: 'RSK' },
-  { chainId: 56, value: 'BSC' },
-  { chainId: 100, value: 'XDAI' },
-  { chainId: 137, value: 'MATIC' },
-  { chainId: 324, value: 'ZKSYNC' },
-  { chainId: 10000, value: 'BCH' },
-  { chainId: 314, value: 'FILECOIN' },
-  { chainId: 42161, value: 'ARBITRUM' },
-  { chainId: 2000, value: 'DOGE' },
-]
-
-const testnetSupportedChains: RampNetwork[] = [
-  { chainId: 421613, value: 'ARBITRUM' },
-  { chainId: 44787, value: 'CELO' },
-  { chainId: 123, value: 'FUSE' },
-  { chainId: 280, value: 'ZKSYNC' },
-  { chainId: 97, value: 'BSC' },
-  { chainId: 1666700000, value: 'HARMONY' },
-  { chainId: 80001, value: 'MATIC' },
-  { chainId: 5, value: 'GOERLI' },
-  { chainId: 11155111, value: 'SEPOLIA' },
-  { chainId: 10200, value: 'XDAI' },
-  { chainId: 10001, value: 'BCH' },
-  { chainId: 69, value: 'OPTIMISM' },
-  { chainId: 43113, value: 'AVAX' },
-]
-
-async function openRampSdk(network: string) {
-  const swapAsset = `${network}_*`
-
-  const Ramp =
-    process.env.VUE_APP_RAMP_ENV === 'STAGING'
-      ? 'https://app.demo.ramp.network'
-      : 'https://buy.ramp.network'
-
-  const rampUrl = new URL(Ramp)
-  rampUrl.searchParams.append('hostAppName', 'Arcana OnRamp')
-  rampUrl.searchParams.append(
-    'hostLogoUrl',
-    'https://arcana-front.s3.ap-south-1.amazonaws.com/Black+Logo-Transparent+Backgroung-Horizontal.png'
-  )
-  rampUrl.searchParams.append('hostApiKey', process.env.VUE_APP_RAMP_API_KEY)
-  rampUrl.searchParams.append('swapAsset', swapAsset)
-  rampUrl.searchParams.append('userAddress', userStore.walletAddress)
-  rampUrl.searchParams.append('userEmailAddress', userStore.info.email || '')
-  window.open(rampUrl.toString(), '_blank')
-}
-
-function getRampSupportedNetworks() {
-  if (process.env.VUE_APP_RAMP_ENV === 'STAGING') {
-    return testnetSupportedChains
-  }
-  return mainnetSupportedChains
-}
-
-export { openRampSdk, getRampSupportedNetworks }

From 8c402b2dce2e54c4bbbf074b433bb7ea1df5320a Mon Sep 17 00:00:00 2001
From: shrinathprabhu <shrinathprabhu.123@gmail.com>
Date: Wed, 31 May 2023 18:53:21 +0530
Subject: [PATCH 2/2] Set condition to check if parent has setIframeStyle and
 set initial wallet balance to 0

---
 src/App.vue      | 4 +++-
 src/store/rpc.ts | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 099dad81..098acd15 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,7 +49,9 @@ onBeforeMount(async () => {
 async function setIframeStyle() {
   const parentConnectionInstance = await parentConnectionStore.parentConnection
     ?.promise
-  await parentConnectionInstance?.setIframeStyle(app.iframeStyle)
+  if (parentConnectionInstance && parentConnectionInstance['setIframeStyle']) {
+    await parentConnectionInstance?.setIframeStyle(app.iframeStyle)
+  }
 }
 
 watch(showWallet, async (newValue) => {
diff --git a/src/store/rpc.ts b/src/store/rpc.ts
index 99653537..00edbe22 100644
--- a/src/store/rpc.ts
+++ b/src/store/rpc.ts
@@ -29,7 +29,7 @@ export const useRpcStore = defineStore('rpcStore', {
       selectedRPCConfig: null,
       selectedChainId: null,
 
-      walletBalance: '',
+      walletBalance: '0',
       walletBalanceChainId: '',
       walletBalancePollingCleanupID: null,
       walletBalancePollingIntervalID: null,