@meshconnect/web-link-sdk 3.2.15 → 3.2.16

package/src/utils/event-types.ts

@@ -1,350 +0,0 @@
-import { LinkPayload, TransferFinishedPayload } from './types'
-
-export type LinkEventType =
-  | IntegrationConnected
-  | IntegrationConnectionError
-  | TransferCompleted
-  | IntegrationSelected
-  | CredentialsEntered
-  | TransferStarted
-  | TransferPreviewed
-  | TransferPreviewError
-  | TransferExecutionError
-  | PageLoaded
-  | IntegrationMfaRequired
-  | IntegrationMfaEntered
-  | IntegrationOAuthStarted
-  | IntegrationAccountSelectionRequired
-  | TransferAssetSelected
-  | TransferNetworkSelected
-  | TransferAmountEntered
-  | TransferMfaRequired
-  | TransferMfaEntered
-  | TransferKycRequired
-  | TransferInitiated
-  | TransferExecuted
-  | TransferNoEligibleAssets
-  | WalletMessageSigned
-  | DoneEvent
-  | CloseEvent
-  | VerifyWalletRejected
-  | VerifyDonePage
-  | SDKinjectedWalletProviders
-  | LegalTermsViewed
-  | SeeWhatHappenedClicked
-  | FundingOptionsUpdated
-  | FundingOptionsViewed
-  | GasIncreaseWarning
-  | ExecuteFundingStep
-
-const LINK_EVENT_TYPE_KEYS = [
-  'integrationConnected',
-  'integrationConnectionError',
-  'integrationMfaRequired',
-  'integrationMfaEntered',
-  'integrationOAuthStarted',
-  'integrationAccountSelectionRequired',
-  'transferCompleted',
-  'integrationSelected',
-  'credentialsEntered',
-  'transferStarted',
-  'transferPreviewed',
-  'transferPreviewError',
-  'transferExecutionError',
-  'pageLoaded',
-  'transferAssetSelected',
-  'transferNetworkSelected',
-  'transferAmountEntered',
-  'transferMfaRequired',
-  'transferMfaEntered',
-  'transferKycRequired',
-  'transferExecuted',
-  'transferInitiated',
-  'transferNoEligibleAssets',
-  'walletMessageSigned',
-  'verifyDonePage',
-  'verifyWalletRejected',
-  'connectionDeclined',
-  'transferConfigureError',
-  'connectionUnavailable',
-  'transferDeclined',
-  'done',
-  'close',
-  'SDKinjectedWalletProviders',
-  'legalTermsViewed',
-  'seeWhatHappenedClicked',
-  'executeFundingStep',
-  'fundingOptionsUpdated',
-  'fundingOptionsViewed',
-  'gasIncreaseWarning'
-] as const
-
-export type LinkEventTypeKeys = (typeof LINK_EVENT_TYPE_KEYS)[number]
-
-export function isLinkEventTypeKey(key: string): key is LinkEventTypeKeys {
-  return LINK_EVENT_TYPE_KEYS.includes(key as LinkEventTypeKeys)
-}
-
-interface LinkEventBase {
-  type: LinkEventTypeKeys
-}
-
-export interface PageLoaded {
-  type: 'pageLoaded'
-}
-
-export interface IntegrationConnected extends LinkEventBase {
-  type: 'integrationConnected'
-  payload: LinkPayload
-}
-
-export interface IntegrationConnectionError extends LinkEventBase {
-  type: 'integrationConnectionError'
-  payload: {
-    errorMessage: string
-  }
-}
-
-export interface TransferCompleted extends LinkEventBase {
-  type: 'transferCompleted'
-  payload: TransferFinishedPayload
-}
-
-export interface IntegrationSelected extends LinkEventBase {
-  type: 'integrationSelected'
-  payload: {
-    integrationType: string
-    integrationName: string
-  }
-}
-
-export interface CredentialsEntered extends LinkEventBase {
-  type: 'credentialsEntered'
-}
-
-export interface TransferStarted extends LinkEventBase {
-  type: 'transferStarted'
-}
-
-export interface TransferInitiated extends LinkEventBase {
-  type: 'transferInitiated'
-  payload: {
-    integrationType?: string
-    integrationName: string
-    status: 'pending'
-  }
-}
-
-export interface TransferExecuted extends LinkEventBase {
-  type: 'transferExecuted'
-  payload: {
-    status: 'success' | 'pending'
-    txId: string
-    fromAddress: string
-    toAddress: string
-    symbol: string
-    amount: number
-    networkId: string
-  }
-}
-
-export interface TransferNoEligibleAssets extends LinkEventBase {
-  type: 'transferNoEligibleAssets'
-  payload: {
-    integrationType?: string
-    integrationName: string
-    noAssetsType?: string
-    arrayOfTokensHeld: {
-      symbol: string
-      amount: number
-      amountInFiat?: number
-      ineligibilityReason?: string
-    }[]
-  }
-}
-
-export interface TransferPreviewed extends LinkEventBase {
-  type: 'transferPreviewed'
-  payload: {
-    amount: number
-    symbol: string
-    toAddress: string
-    networkId: string
-    previewId: string
-    networkName?: string
-    amountInFiat?: number
-    estimatedNetworkGasFee?: {
-      fee?: number
-      feeCurrency?: string
-      feeInFiat?: number
-    }
-  }
-}
-
-export interface TransferPreviewError extends LinkEventBase {
-  type: 'transferPreviewError'
-  payload: {
-    errorMessage: string
-  }
-}
-
-export interface TransferExecutionError extends LinkEventBase {
-  type: 'transferExecutionError'
-  payload: {
-    errorMessage: string
-  }
-}
-
-export interface IntegrationMfaRequired extends LinkEventBase {
-  type: 'integrationMfaRequired'
-}
-
-export interface IntegrationMfaEntered extends LinkEventBase {
-  type: 'integrationMfaEntered'
-}
-
-export interface IntegrationOAuthStarted extends LinkEventBase {
-  type: 'integrationOAuthStarted'
-}
-
-export interface IntegrationAccountSelectionRequired extends LinkEventBase {
-  type: 'integrationAccountSelectionRequired'
-}
-
-export interface TransferAssetSelected extends LinkEventBase {
-  type: 'transferAssetSelected'
-  payload: {
-    symbol: string
-  }
-}
-
-export interface TransferNetworkSelected extends LinkEventBase {
-  type: 'transferNetworkSelected'
-  payload: {
-    id: string
-    name: string
-  }
-}
-
-export interface TransferAmountEntered extends LinkEventBase {
-  type: 'transferAmountEntered'
-}
-
-export interface TransferMfaRequired extends LinkEventBase {
-  type: 'transferMfaRequired'
-}
-
-export interface TransferMfaEntered extends LinkEventBase {
-  type: 'transferMfaEntered'
-}
-
-export interface TransferKycRequired extends LinkEventBase {
-  type: 'transferKycRequired'
-}
-
-export interface DoneEvent extends LinkEventBase {
-  type: 'done'
-  payload: SessionSummary
-}
-
-export interface CloseEvent extends LinkEventBase {
-  type: 'close'
-  payload: SessionSummary
-}
-
-export interface WalletMessageSigned extends LinkEventBase {
-  type: 'walletMessageSigned'
-  payload: {
-    signedMessageHash: string | undefined
-    message: string | undefined
-    address: string
-    timeStamp: number
-    isVerified: boolean
-  }
-}
-
-export interface VerifyDonePage extends LinkEventBase {
-  type: 'verifyDonePage'
-}
-
-export interface VerifyWalletRejected extends LinkEventBase {
-  type: 'verifyWalletRejected'
-}
-
-export interface SessionSummary {
-  /**
-   *   Current page of application. Possible values:
-   * `startPage`
-   * `integrationsCatalogPage`
-   * `integrationLoginPage`
-   * `integrationMfaPage`
-   * `integrationAccountSelectPage`
-   * `integrationConnectedPage`
-   * `errorPage`
-   * `transferKycPage`
-   * `transferHoldingSelectionPage`
-   * `transferNetworkSelectionPage`
-   * `transferAmountSelectionPage`
-   * `transferPreviewPage`
-   * `transferMfaPage`
-   * `transferFundingPage`
-   * `transferExecutedPage`
-   * `termsAndConditionPage`
-   *
-   * This list may change in future.
-   */
-  page: string
-  /** Selected integration */
-  selectedIntegration?: {
-    id?: string
-    name?: string
-  }
-  /** Transfer information */
-  transfer?: {
-    previewId?: string
-    symbol?: string
-    amount?: number
-    amountInFiat?: number
-    transactionId?: string
-    networkId?: string
-  }
-  errorMessage?: string
-}
-
-export interface SDKinjectedWalletProviders extends LinkEventBase {
-  type: 'SDKinjectedWalletProviders'
-  payload: Array<{
-    icon?: string
-    id: string
-    name: string
-  }>
-}
-
-export interface LegalTermsViewed {
-  type: 'legalTermsViewed'
-}
-
-export interface SeeWhatHappenedClicked {
-  type: 'seeWhatHappenedClicked'
-}
-
-export interface FundingOptionsUpdated {
-  type: 'fundingOptionsUpdated'
-}
-
-export interface FundingOptionsViewed {
-  type: 'fundingOptionsViewed'
-}
-
-export interface GasIncreaseWarning {
-  type: 'gasIncreaseWarning'
-}
-
-export interface ExecuteFundingStep {
-  type: 'executeFundingStep'
-  payload: {
-    cryptocurrencyFundingOptionType: string
-    status: string
-    errorMessage?: string
-  }
-}

package/src/utils/popup.test.ts

@@ -1,50 +0,0 @@
-import { addPopup, removePopup } from './popup'
-
-describe('Popup tests', () => {
-  test('addPopup should add correct popup', () => {
-    const link = 'https://some.domain?link_style=eyJpciI6IDIsICJpbyI6IDAuOH0='
-    addPopup(link)
-
-    const stylesElement = document.getElementById('mesh-link-popup__styles')
-    expect(stylesElement).toBeTruthy()
-    expect(stylesElement).toMatchSnapshot()
-
-    const popupElement = document.getElementById('mesh-link-popup')
-    expect(popupElement).toBeTruthy()
-
-    const iframeElement = document.getElementById('mesh-link-popup__iframe')
-    expect(iframeElement).toBeTruthy()
-    expect(iframeElement?.attributes.getNamedItem('src')?.nodeValue).toBe(link)
-  })
-
-  test('addPopup when popup already added should replace popup', () => {
-    addPopup('http://localhost/1')
-    addPopup('http://localhost/2')
-
-    const stylesElement = document.getElementById('mesh-link-popup__styles')
-    expect(stylesElement).toBeTruthy()
-
-    const popupElement = document.getElementById('mesh-link-popup')
-    expect(popupElement).toBeTruthy()
-
-    const iframeElement = document.getElementById('mesh-link-popup__iframe')
-    expect(iframeElement).toBeTruthy()
-    expect(iframeElement?.attributes.getNamedItem('src')?.nodeValue).toBe(
-      'http://localhost/2'
-    )
-  })
-
-  test('removePopup should remove popup', () => {
-    addPopup('http://localhost/1')
-    removePopup()
-
-    const stylesElement = document.getElementById('mesh-link-popup__styles')
-    expect(stylesElement).toBeFalsy()
-
-    const popupElement = document.getElementById('mesh-link-popup')
-    expect(popupElement).toBeFalsy()
-
-    const iframeElement = document.getElementById('mesh-link-popup__iframe')
-    expect(iframeElement).toBeFalsy()
-  })
-})

package/src/utils/popup.ts

@@ -1,123 +0,0 @@
-import { LinkStyle } from './types'
-import { getLinkStyle, getNumber } from './style'
-
-const popupId = 'mesh-link-popup'
-const backdropId = 'mesh-link-popup__backdrop'
-const popupContentId = 'mesh-link-popup__popup-content'
-const stylesId = 'mesh-link-popup__styles'
-export const iframeId = 'mesh-link-popup__iframe'
-
-const getStylesContent = (style?: LinkStyle) => `
-  body {
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    overflow: hidden;
-  }
-
-  #${popupId} {
-    all: unset;
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    z-index: 10000;
-  }
-
-  #${backdropId} {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    z-index: 10000;
-    background: black;
-    opacity: ${getNumber(0.6, style?.io)};
-  }
-
-  #${popupContentId} {
-    position: absolute;
-    height: 80%;
-    max-height: 710px;
-    min-height: 685px;
-    margin: auto;
-    z-index: 10001;
-    width: 30%;
-    max-width: 430px;
-    min-width: 380px;
-    display: flex;
-    flex-direction: column;
-    border-radius: ${getNumber(24, style?.ir)}px;
-    flex-grow: 1;
-  }
-
-  #${popupContentId} iframe {
-    border: none;
-    width: 100%;
-    flex-grow: 1;
-    border-radius: ${getNumber(24, style?.ir)}px;
-  }
-
-  @media only screen and (max-width: 768px) {
-    #${popupContentId} {
-      height: 100vh;
-      width: 100vw;
-      max-width: 100%;
-      min-width: 100%;
-      max-height: 100%;
-      min-height: 100%;
-      border-radius: 0px;
-    }
-
-    #${popupContentId} iframe {
-      border-radius: 0px;
-    }
-  }
-
-  @media only screen and (max-height: 710px) {
-    #${popupContentId} {
-      max-height: 100%;
-      min-height: 100%;
-    }
-  }
-`
-
-export function removePopup(): void {
-  const existingPopup = window.document.getElementById(popupId)
-  existingPopup?.parentElement?.removeChild(existingPopup)
-
-  const existingStyles = window.document.getElementById(stylesId)
-  existingStyles?.parentElement?.removeChild(existingStyles)
-}
-
-export function addPopup(iframeLink: string): void {
-  removePopup()
-
-  const styleElement = document.createElement('style')
-  styleElement.id = stylesId
-  const style = getLinkStyle(iframeLink)
-  styleElement.textContent = getStylesContent(style)
-  window.document.head.appendChild(styleElement)
-
-  const popupRootElement = document.createElement('div')
-  popupRootElement.id = popupId
-  const popupBackdropElement = document.createElement('div')
-  popupBackdropElement.id = backdropId
-  popupRootElement.appendChild(popupBackdropElement)
-  const popupContentElement = document.createElement('div')
-  popupContentElement.id = popupContentId
-  const iframeElement = document.createElement('iframe')
-  iframeElement.id = iframeId
-  iframeElement.src = iframeLink
-  iframeElement.allow = 'clipboard-read *; clipboard-write *'
-  popupContentElement.appendChild(iframeElement)
-  popupRootElement.appendChild(popupContentElement)
-  window.document.body.appendChild(popupRootElement)
-}

package/src/utils/sdk-specs.test.ts

@@ -1,18 +0,0 @@
-import { sdkSpecs } from './sdk-specs'
-
-const sdkType = sdkSpecs
-
-describe('SDK Specs', () => {
-  test('should return the correct SDK type', () => {
-    const packageJSONContent = JSON.parse(
-      // eslint-disable-next-line @typescript-eslint/no-var-requires
-      require('fs').readFileSync('package.json', 'utf8')
-    )
-
-    expect(sdkType).toEqual({
-      platform: 'web',
-      version: packageJSONContent.version,
-      origin: 'http://localhost'
-    })
-  })
-})

package/src/utils/sdk-specs.ts

@@ -1,7 +0,0 @@
-import { sdkVersion } from './version'
-
-export const sdkSpecs = {
-  platform: 'web',
-  version: sdkVersion,
-  origin: window.location.origin
-}

package/src/utils/style.test.ts

@@ -1,33 +0,0 @@
-import { getLinkStyle, getNumber } from './style'
-
-describe('Test style utils', () => {
-  test('verify function returns a style object', () => {
-    const link = 'https://some.domain?link_style=eyJpciI6IDI0LCAiaW8iOiAwLjF9'
-    const received = getLinkStyle(link)
-    expect(received).toEqual({ ir: 24, io: 0.1 })
-  })
-
-  test('verify function returns nothing on missing query param', () => {
-    const link = 'https://some.domain?other=12'
-    const received = getLinkStyle(link)
-    expect(received).toBeNull()
-  })
-
-  test('verify function returns nothing on wrong encoded value', () => {
-    const link = 'https://some.domain?link_style=eyJpciI6IDI0LCAiaW8iOiAwL'
-    const received = getLinkStyle(link)
-    expect(received).toBeUndefined()
-  })
-
-  test('verify function returns nothing on empty link', () => {
-    const link = ''
-    const received = getLinkStyle(link)
-    expect(received).toBeUndefined()
-  })
-
-  test('verify function returns correct number', () => {
-    expect(getNumber(10, 11)).toBe(11)
-    expect(getNumber(10, undefined)).toBe(10)
-    expect(getNumber(1, 0)).toBe(0)
-  })
-})

package/src/utils/style.ts

@@ -1,15 +0,0 @@
-import { LinkStyle } from './types'
-
-export function getLinkStyle(url: string): LinkStyle | undefined {
-  try {
-    const params = new URLSearchParams(new URL(url).search)
-    const style = params.get('link_style')
-    return style && JSON.parse(window.atob(style))
-  } catch (e) {
-    return undefined
-  }
-}
-
-export function getNumber(def: number, value?: number): number {
-  return value !== undefined ? value : def
-}