Merge pull request #2196 from oasisprotocol/lw/rm-transak

Remove Transak Fiat on-ramp

Author: lukaw3d

.changelog/2196.bugfix.md

@@ -0,0 +1 @@
+Remove Transak Fiat on-ramp

.env

@@ -8,9 +8,6 @@ REACT_APP_E2E_TEST=1
 REACT_APP_META_CSP=
 EXTENSION_CSP=
 REACT_APP_BACKEND=nexus
-REACT_APP_TRANSAK_URL=https://global-stg.transak.com
-# Our staging API key from transak dashboard
-REACT_APP_TRANSAK_PARTNER_ID=3566e9e3-d3b7-493c-a33e-91d33c5c32cb
 
 REACT_APP_PRODUCTION_URLS="https://wallet.oasis.io, https://wallet.prd.oasis.io"
 REACT_APP_STAGING_URLS=https://wallet.stg.oasis.io

.env.production

@@ -5,8 +5,5 @@ REACT_APP_BUILD_VERSION=
 REACT_APP_LOCALNET=
 REACT_APP_E2E_TEST=
 
-REACT_APP_TRANSAK_URL=https://global.transak.com
-REACT_APP_TRANSAK_PARTNER_ID=4b66a274-d663-42a8-a495-e1f0e88ce023
-
 REACT_APP_PRODUCTION_URLS="https://wallet.oasis.io, https://wallet.prd.oasis.io"
 REACT_APP_STAGING_URLS=https://wallet.stg.oasis.io

README.md

@@ -47,7 +47,6 @@
 - Send ROSE tokens between Consensus accounts
 - Stake/Debond ROSE tokens
 - Deposit and withdraw from ParaTimes (Sapphire, Emerald, Cipher)
-- Purchase ROSE using [Transak On-Ramp]
 
 ### Accessibility
 
@@ -231,4 +230,3 @@ Adding a new language:
 [codecov-link]: https://codecov.io/gh/oasisprotocol/oasis-wallet-web
 [BIP-0039]: https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki
 [Ledger]: https://ledger.com/
-[Transak On-Ramp]: https://transak.com/

internals/getSecurityHeaders.js

@@ -64,9 +64,7 @@ const getCsp = ({ isExtension, isDev }) =>
     frame-ancestors
       ${isExtension ? dappFrameAncestors : `'self'`};
     frame-src
-      'self'
-      https://global.transak.com
-      https://global-stg.transak.com;
+      'self';
     img-src 'self' data: https:;
     base-uri 'self';
     manifest-src 'self';
@@ -81,32 +79,32 @@ const getCsp = ({ isExtension, isDev }) =>
 // Generated with https://www.permissionspolicy.com/
 const getPermissionsPolicy = () =>
   `
-    accelerometer=*,
-    ambient-light-sensor=*,
+    accelerometer=(),
+    ambient-light-sensor=(),
     autoplay=(),
     bluetooth=(self),
-    camera=*,
+    camera=(),
     cross-origin-isolated=(),
     display-capture=(),
     document-domain=(self),
-    encrypted-media=*,
+    encrypted-media=(),
     execution-while-not-rendered=(),
     execution-while-out-of-viewport=(),
-    fullscreen=(self "https://global.transak.com" "https://global-stg.transak.com"),
+    fullscreen=(self),
     geolocation=(),
-    gyroscope=*,
+    gyroscope=(),
     keyboard-map=(),
-    magnetometer=*,
-    microphone=*,
+    magnetometer=(),
+    microphone=(),
     midi=(),
     navigation-override=(),
-    payment=("https://global.transak.com" "https://global-stg.transak.com"),
+    payment=(),
     picture-in-picture=(),
-    publickey-credentials-get=*,
+    publickey-credentials-get=(),
     screen-wake-lock=(),
     sync-xhr=(),
     usb=(self),
-    web-share=*,
+    web-share=(),
     xr-spatial-tracking=()
   `
     .trim()

playwright/tests/extension.spec.ts

@@ -40,34 +40,6 @@ test.describe('The extension popup should load', () => {
     await expect(popup.getByText('error').or(popup.getByText('fail'))).toBeHidden()
   })
 
-  /**
-   * Extension should be able to show embedded Transak, but we currently link to
-   * it instead. Ext popup is too small and loses all progress when it closes.
-   */
-  test('Transak can not be embedded in extension', async ({ page, extensionPopupURL }) => {
-    test.fail()
-
-    /* TODO: reenable when transak throws only a few errors
-    await expectNoErrorsInConsole(page, {
-      ignoreError: msg => {
-        // Odd errors inside Transak
-        if (msg.text().includes('responded with a status of 403')) return true
-        if (msg.text().includes('`sessionKey` is a required property')) return true
-        if (msg.text().includes('[Report Only]')) return true
-        if (msg.text().includes('script-src https://*.transak.com https://*.google.com')) return true
-      },
-    })
-    */
-    await page.goto(`${extensionPopupURL}/`)
-    await page.evaluate(() => {
-      const iframe = document.createElement('iframe')
-      iframe.src = 'https://global.transak.com'
-      document.body.appendChild(iframe)
-    })
-    await page.locator('iframe').scrollIntoViewIfNeeded()
-    await expect(page.frameLocator('iframe')!.getByAltText('Powered by Transak')).toBeVisible()
-  })
-
   test('recover from fatal errors', async ({ extensionPopupURL, context }) => {
     {
       const page = await context.newPage()

playwright/tests/fiat.spec.ts

@@ -112,12 +112,6 @@ export async function mockApi(context: BrowserContext | Page, balance: number |
       body: 'AAAAAAA=gAAAAB5ncnBjLXN0YXR1czowDQpncnBjLW1lc3NhZ2U6DQo=',
     })
   })
-
-  // Inside Transak iframe
-  await context.route('https://sentry.io/**', route => route.fulfill({ body: '' }))
-  await context.route('https://cdn.segment.com/**', route => route.fulfill({ body: '' }))
-  await context.route('https://api.segment.io/**', route => route.fulfill({ body: '' }))
-  await context.route('https://api.sardine.ai/**', route => route.fulfill({ body: '' }))
 }
 
 export async function mockApiMoreData(context: BrowserContext | Page) {

playwright/utils/mockApi.ts

@@ -41,8 +41,5 @@ describe('<MobileFooterNavigation />', () => {
 
     const paraTimesLink = screen.getByRole('link', { name: /menu.paraTimes/ })
     expect(paraTimesLink).toHaveAttribute('href', '/account/dummy/paratimes')
-
-    const buyLink = screen.getByRole('link', { name: /menu.fiatOnramp-mobile/ })
-    expect(buyLink).toHaveAttribute('href', '/account/dummy/fiat')
   })
 })

src/app/components/MobileFooterNavigation/__tests__/index.test.tsx

@@ -6,13 +6,11 @@ import { Text } from 'grommet/es6/components/Text'
 import { LineChart } from 'grommet-icons/es6/icons/LineChart'
 import { Inherit } from 'grommet-icons/es6/icons/Inherit'
 import { MuiWalletIcon } from '../../../styles/theme/icons/mui-icons/MuiWalletIcon'
-import { CreditCard } from 'grommet-icons/es6/icons/CreditCard'
 import styled from 'styled-components'
 import { normalizeColor } from 'grommet/es6/utils'
 import { NavLink } from 'react-router-dom'
 import { selectAddress } from 'app/state/wallet/selectors'
 import { useParaTimesNavigation } from 'app/pages/ParaTimesPage/useParaTimesNavigation'
-import { IS_FIAT_ONRAMP_ENABLED } from '../../pages/FiatOnrampPage/isEnabled'
 import { mobileFooterNavigationHeight } from '../../../styles/theme/elementSizes'
 // eslint-disable-next-line no-restricted-imports
 import type { Icon } from 'grommet-icons/es6/icons'
@@ -72,15 +70,6 @@ export const MobileFooterNavigation = () => {
         Icon: Inherit,
         to: getParaTimesRoutePath(address!),
       },
-      ...(IS_FIAT_ONRAMP_ENABLED
-        ? [
-            {
-              label: t('menu.fiatOnramp-mobile', 'Buy'),
-              Icon: CreditCard,
-              to: `/account/${address}/fiat`,
-            },
-          ]
-        : []),
     ]
     return menuItems
   }, [address, getParaTimesRoutePath, paraTimesRouteLabel, t])