AdamZaczek

{
  "id": 3,
  "state": {
    "configuration": {
      "isLocationServicesEnabled": true,
      "roamingIntroStatus": true,
      "isEcoTutorialShowed": false,
      "isEduTutorialShowed": false,
      "language": "en",
      "fullLanguage": "en-US",

AdamZaczek

{
  "cbf8c5b2-92a9-4f56-b266-8f6b081ae4c0": {
    "id": "cbf8c5b2-92a9-4f56-b266-8f6b081ae4c0",
    "status": "Active",
    "visibility": false,
    "purchaseDate": "2020-05-13T09:21:34.000Z",
    "activationDate": "2020-05-13T09:21:34.000Z",
    "lastAnniversaryDate": "2020-05-19T11:21:34.000Z",
    "anniversaryDate": "2020-05-19T12:21:34.000Z",
    "specificationType": "MXXPRODUCT",

AdamZaczek

import React, { useEffect, useRef, PureComponent } from 'react'
import AgoraRTC from 'agora-rtc-sdk'
import styled from 'styled-components/macro'
import { VideoCameraOutlined } from '@ant-design/icons'
import { AudioOutlined } from '@ant-design/icons'
import { PhoneOutlined } from '@ant-design/icons'
import SmallSpinner from 'components/smallSpinner'
import CircularProgress from '@material-ui/core/CircularProgress'

const StyledVideo = styled.video`