fix: extract types for stream_types enum

Author: utkarsha-deriv

src/features/Apiexplorer/Schema/RecursiveContent/SchemaBodyHeader/index.tsx

@@ -120,13 +120,11 @@ const SchemaBodyHeader = ({
             )}
 
             {is_stream_types && (
-              <React.Fragment>
-                <div className={styles.schemaObjectContent}>
-                  <span className={styles.enumLabel}>{'one of'}</span>
-                  <button onClick={() => setIsOpenObject(!is_open_object)}>{'stream_types'}</button>
-                  <span className={`${styles.enumType} ${styles.array}`}>{'array'}</span>
-                </div>
-              </React.Fragment>
+              <div className={styles.schemaObjectContent}>
+                <span className={styles.enumLabel}>{'one of'}</span>
+                <button onClick={() => setIsOpenObject(!is_open_object)}>{'stream_types'}</button>
+                <span className={`${styles.enumType} ${styles.array}`}>{'array'}</span>
+              </div>
             )}
 
             {pattern && (

src/features/Apiexplorer/Schema/RecursiveContent/StreamTypesObject/StreamTypesBody.tsx

@@ -1,24 +1,10 @@
 import React from 'react';
+import { TEnumStreamType } from '@site/src/types';
 import styles from '../../Schema.module.scss';
 
 type TStreamTypesBody = {
   type: string;
-  _enum: Array<
-    | 'balance'
-    | 'candles'
-    | 'cashier_payments'
-    | 'p2p_advert'
-    | 'p2p_advertiser'
-    | 'p2p_order'
-    | 'proposal'
-    | 'proposal_open_contract'
-    | 'ticks'
-    | 'transaction'
-    | 'trading_platform_asset_listing'
-    | 'website_status'
-    | 'p2p_settings'
-    | 'crypto_estimations'
-  >;
+  _enum: TEnumStreamType;
 };
 
 const StreamTypesBody = ({ type, _enum }: TStreamTypesBody) => {

src/features/Apiexplorer/Schema/RecursiveContent/StreamTypesObject/__tests__/StreamTypesObject.test.tsx

@@ -1,29 +1,28 @@
 import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { screen, render } from '@testing-library/react';
+import { TEnumStreamType } from '@site/src/types';
 import StreamTypesObject from '..';
 
 describe('StreamTypesObject', () => {
+  const _enum: TEnumStreamType = [
+    'balance',
+    'candles',
+    'cashier_payments',
+    'p2p_advert',
+    'p2p_advertiser',
+    'p2p_order',
+    'proposal',
+    'proposal_open_contract',
+    'ticks',
+    'transaction',
+    'website_status',
+  ];
   const json_schema = {
     stream_types: {
       description: 'This stream_types description',
       type: 'string',
-      enum: [
-        'balance',
-        'candles',
-        'cashier_payments',
-        'p2p_advert',
-        'p2p_advertiser',
-        'p2p_order',
-        'proposal',
-        'proposal_open_contract',
-        'ticks',
-        'transaction',
-        'trading_platform_asset_listing',
-        'website_status',
-        'p2p_settings',
-        'crypto_estimations',
-      ],
+      enum: _enum,
     },
   };
 

src/features/Apiexplorer/Schema/RecursiveContent/StreamTypesObject/index.tsx

@@ -2,14 +2,15 @@ import React, { Suspense } from 'react';
 import StreamTypesHeader from './StreamTypesHeader';
 import StreamTypesBody from './StreamTypesBody';
 import SourceButton from '../../SourceButton/SourceButton';
+import { TEnumStreamType } from '@site/src/types';
 import styles from '../../Schema.module.scss';
 
 type TStreamTypesObject = {
   definitions: {
     stream_types: {
       description: string;
       type: string;
-      enum;
+      enum: TEnumStreamType;
     };
   };
 };

src/types/index.ts

@@ -1,4 +1,4 @@
-import { ApiToken } from '@deriv/api-types';
+import { ApiToken, StreamTypes } from '@deriv/api-types';
 import { Column } from 'react-table';
 
 export type TTokensArrayType = ApiToken['tokens'];
@@ -15,3 +15,5 @@ export type TInfo = {
   auth_required?: number;
   auth_scopes?: string[];
 };
+
+export type TEnumStreamType = Array<StreamTypes>;