agora-appbuilder-core 4.0.0 → 4.0.1

package/template/tsconfig_rsdk_index.json

@@ -4,7 +4,7 @@
   // "files":["./customization-api/index.ts","./global.d.ts","./bridge/rtm/web/index.ts","./bridge/rtc/webNg/index.ts"],
   // --------------------------------------------------------
   // Use with typescript tsc command
-  "files": ["./src/SDKAppWrapper.tsx", "./index.rsdk.tsx", "./global.d.ts"],
+  "files": ["./index.rsdk.tsx", "./global.d.ts"],
   // --------------------------------------------------------
   "compilerOptions": {
     /* Basic Options */
@@ -47,8 +47,8 @@
     // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
 
     /* Module Resolution Options */
-    // "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
-    "noResolve": true /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
+    "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
+    "noResolve": false /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
     "baseUrl": "./" /* Base directory to resolve non-absolute module names. */,
     "resolveJsonModule": true,
     // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */

package/template/tsconfig_wsdk_index.json

@@ -4,7 +4,7 @@
   // "files":["./customization-api/index.ts","./global.d.ts","./bridge/rtm/web/index.ts","./bridge/rtc/webNg/index.ts"],
   // --------------------------------------------------------
   // Use with typescript tsc command
-  "files": ["./src/SDKAppWrapper.tsx", "./index.wsdk.tsx", "./global.d.ts"],
+  "files": ["./index.wsdk.tsx", "./global.d.ts"],
   // --------------------------------------------------------
   "compilerOptions": {
     /* Basic Options */

package/template/web/index.html

@@ -27,6 +27,26 @@
         /* *:active {
             outline: none;
         } */
+    /* Webkit (Chrome, Safari) */
+    ::-webkit-scrollbar {
+    width: 4px;
+    }
+
+    ::-webkit-scrollbar-track {
+    background-color: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+    background-color: #777;
+    border-radius: 2px;
+    }
+
+    /* Firefox */
+    html {
+    scrollbar-width: thin;
+    scrollbar-color: transparent #777;
+    }
+
     </style>
 <div id="react-app" style="
     height: 100vh;

package/template/webpack.commons.js

@@ -34,15 +34,15 @@ module.exports = {
   plugins: [
     // Using html webpack plugin to utilize our index.html
     !isSdk &&
-    new HtmlWebpackPlugin({
-      title: configVars['$config.APP_NAME'],
-      template: isElectron ? 'electron/index.html' : 'web/index.html',
-    }),
+      new HtmlWebpackPlugin({
+        title: configVars['$config.APP_NAME'],
+        template: isElectron ? 'electron/index.html' : 'web/index.html',
+      }),
     isDevelopment &&
-    !isSdk &&
-    new ReactRefreshWebpackPlugin({
-      overlay: false,
-    }),
+      !isSdk &&
+      new ReactRefreshWebpackPlugin({
+        overlay: false,
+      }),
   ].filter(Boolean),
   resolve: {
     alias: {
@@ -141,9 +141,20 @@ module.exports = {
       },
       {
         test: /\.css$/i,
-        use: ["style-loader", "css-loader"],
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.(wasm)$/i,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              outputPath: 'wasm',
+              name: '[name].[ext]',
+            },
+          },
+        ],
       },
-
     ],
   },
 };

package/template/webpack.rsdk.config.js

@@ -17,13 +17,12 @@ module.exports = merge(commons, {
     'react-router': 'react-router',
     'react-router-dom': 'react-router-dom',
     '@apollo/client': '@apollo/client',
-    nanoid: 'nanoid',
   },
   // Main entry point for the web application
   entry: {
     main: './index.rsdk.tsx',
   },
-  target: 'node',
+  target: 'web',
   output: {
     path: path.resolve(__dirname, `../Builds/react-sdk`),
     filename: 'index.js',

package/template/webpack.web.config.js

@@ -31,8 +31,12 @@ module.exports = merge(commons, {
     // https: true,
     historyApiFallback: true, // Support for react-router
     static: './', // same as contentBase from webpack v4 config
-    client:{
-      overlay: false
-    }
+    client: {
+      overlay: false,
+    },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+    },
   },
 });

package/template/_buckconfig

@@ -1,6 +0,0 @@
-
-[android]
-  target = Google Inc.:Google APIs:23
-
-[maven_repositories]
-  central = https://repo1.maven.org/maven2

package/template/_gitattributes

@@ -1 +0,0 @@
-*.pbxproj -text

package/template/agora-rn-uikit/src/Contexts/RenderContext.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import {RenderStateInterface} from './RtcContext';
-
-const RenderContext = React.createContext<RenderStateInterface>(
-  {} as RenderStateInterface,
-);
-
-export const RenderProvider = RenderContext.Provider;
-export const RenderConsumer = RenderContext.Consumer;
-export default RenderContext;

package/template/agora-rn-uikit/src/Reducer/ActiveSpeakerDetected.ts

@@ -1,11 +0,0 @@
-import {ActionType, RenderStateInterface} from '../Contexts/RtcContext';
-
-export default function ActiveSpeakerDetected(
-  state: RenderStateInterface,
-  action: ActionType<'ActiveSpeakerDetected'>,
-) {
-  return {
-    ...state,
-    activeSpeaker: action?.value && action.value?.length ? action.value[0] : '',
-  };
-}

package/template/android/app/_BUCK

@@ -1,55 +0,0 @@
-# To learn about Buck see [Docs](https://buckbuild.com/).
-# To run your application with Buck:
-# - install Buck
-# - `npm start` - to start the packager
-# - `cd android`
-# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
-# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
-# - `buck install -r android/app` - compile, install and run application
-#
-
-load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
-
-lib_deps = []
-
-create_aar_targets(glob(["libs/*.aar"]))
-
-create_jar_targets(glob(["libs/*.jar"]))
-
-android_library(
-    name = "all-libs",
-    exported_deps = lib_deps,
-)
-
-android_library(
-    name = "app-code",
-    srcs = glob([
-        "src/main/java/**/*.java",
-    ]),
-    deps = [
-        ":all-libs",
-        ":build_config",
-        ":res",
-    ],
-)
-
-android_build_config(
-    name = "build_config",
-    package = "com.helloworld",
-)
-
-android_resource(
-    name = "res",
-    package = "com.helloworld",
-    res = "src/main/res",
-)
-
-android_binary(
-    name = "app",
-    keystore = "//android/keystores:debug",
-    manifest = "src/main/AndroidManifest.xml",
-    package_type = "debug",
-    deps = [
-        ":app-code",
-    ],
-)

package/template/android/app/build_defs.bzl

@@ -1,19 +0,0 @@
-"""Helper definitions to glob .aar and .jar targets"""
-
-def create_aar_targets(aarfiles):
-    for aarfile in aarfiles:
-        name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
-        lib_deps.append(":" + name)
-        android_prebuilt_aar(
-            name = name,
-            aar = aarfile,
-        )
-
-def create_jar_targets(jarfiles):
-    for jarfile in jarfiles:
-        name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
-        lib_deps.append(":" + name)
-        prebuilt_jar(
-            name = name,
-            binary_jar = jarfile,
-        )

package/template/bridge/rtc/webNg/LocalView.tsx

@@ -1,20 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-import React from 'react';
-import SurfaceView, {RtcSurfaceViewProps, StyleProps} from './SurfaceView';
-
-interface LocalViewInterface extends RtcSurfaceViewProps, StyleProps {}
-
-export default function LocalView(props: LocalViewInterface) {
-  //   console.log('LocalView props: ', props);
-  return <SurfaceView uid={0} {...props} />;
-}

package/template/ios/HelloWorld/AppDelegate.m

@@ -1,74 +0,0 @@
-#import "AppDelegate.h"
-
-#import <React/RCTBridge.h>
-#import <React/RCTBundleURLProvider.h>
-#import <React/RCTRootView.h>
-#import <React/RCTLinkingManager.h>
-
-#ifdef FB_SONARKIT_ENABLED
-#import <FlipperKit/FlipperClient.h>
-#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
-#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
-#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
-#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
-#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>
-
-static void InitializeFlipper(UIApplication *application) {
-  FlipperClient *client = [FlipperClient sharedClient];
-  SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults];
-  [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application withDescriptorMapper:layoutDescriptorMapper]];
-  [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];
-  [client addPlugin:[FlipperKitReactPlugin new]];
-  [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];
-  [client start];
-}
-#endif
-
-@implementation AppDelegate
-
-- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
-{
-#ifdef FB_SONARKIT_ENABLED
-  InitializeFlipper(application);
-#endif
-
-  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
-  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
-                                                   moduleName:@"HelloWorld"
-                                            initialProperties:nil];
-
-  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
-
-  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
-  UIViewController *rootViewController = [UIViewController new];
-  rootViewController.view = rootView;
-  self.window.rootViewController = rootViewController;
-  [self.window makeKeyAndVisible];
-  return YES;
-}
-
-- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
-{
-#if DEBUG
-  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
-#else
-  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
-#endif
-}
-
-- (BOOL)application:(UIApplication *)application
-   openURL:(NSURL *)url
-   options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
-{
-  return [RCTLinkingManager application:application openURL:url options:options];
-}
-
-- (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity
- restorationHandler:(nonnull void (^)(NSArray<id<UIUserActivityRestoring>> * _Nullable))restorationHandler
-{
- return [RCTLinkingManager application:application
-                  continueUserActivity:userActivity
-                    restorationHandler:restorationHandler];
-}
-
-@end

package/template/src/components/OAuth.electron.tsx

@@ -1,41 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-import React from 'react';
-import {useHistory} from './Router';
-import SelectOAuth from '../subComponents/SelectOAuth';
-import {url, oAuthSystemType} from './OAuthConfig';
-
-const Oauth = () => {
-  const history = useHistory();
-  const onSelectOAuthSystem = ({
-    oAuthSystem,
-  }: {
-    oAuthSystem: oAuthSystemType;
-  }) => {
-    console.log('electron OAuth');
-    const oAuthUrl = url({platform: 'desktop'})[`${oAuthSystem}Url`];
-    // @ts-ignore
-    window.addEventListener(
-      'message',
-      ({data, origin}: {data: {token: string}; origin: string}) => {
-        if (data.token) {
-          console.log(data, origin);
-          history.push(`/auth-token/${data.token}`);
-        }
-      },
-      false,
-    );
-    window.open(oAuthUrl, 'modal');
-  };
-  return <SelectOAuth onSelectOAuth={onSelectOAuthSystem} />;
-};
-export default Oauth;

package/template/src/components/OAuth.native.tsx

@@ -1,55 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-import React from 'react';
-import {Linking} from 'react-native';
-import InAppBrowser from 'react-native-inappbrowser-reborn';
-import {useHistory} from './Router';
-import SelectOAuth from '../subComponents/SelectOAuth';
-
-import {url, oAuthSystemType} from './OAuthConfig';
-
-const processUrl = (url: string): string => {
-  return url
-    .replace(`${$config.PRODUCT_ID.toLowerCase()}://my-host`, '')
-    .replace($config.FRONTEND_ENDPOINT, '');
-};
-
-const Oauth = () => {
-  let history = useHistory();
-
-  const onSelectOAuthSystem = async ({
-    oAuthSystem,
-  }: {
-    oAuthSystem: oAuthSystemType;
-  }) => {
-    try {
-      // const url = `https://deep-link-tester.netlify.app`;
-      const oAuthUrl = url({platform: 'mobile'})[`${oAuthSystem}Url`];
-      if (await InAppBrowser.isAvailable()) {
-        const result = await InAppBrowser.openAuth(oAuthUrl, oAuthUrl);
-        console.log(JSON.stringify(result));
-        if (result.type === 'success') {
-          console.log('success', Linking.canOpenURL(result.url));
-          history.push(processUrl(result.url));
-        }
-      } else {
-        Linking.openURL(oAuthUrl);
-      }
-    } catch (error) {
-      console.log(error.message);
-    }
-  };
-
-  return <SelectOAuth onSelectOAuth={onSelectOAuthSystem} />;
-};
-
-export default Oauth;

package/template/src/components/OAuthConfig.ts

@@ -1,77 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-export type oAuthSystemType = 'google' | 'microsoft' | 'slack' | 'apple';
-type platformType = 'web' | 'mobile' | 'desktop';
-type oAuthUrlType = {
-  googleUrl: string;
-  microsoftUrl: string;
-  slackUrl: string;
-  appleUrl: string;
-};
-
-const getRedirectFrontEndUrl = ({ platform}: {platform: platformType}) => platform === 'web' ? `${window.location.origin}`: `${$config.BACKEND_ENDPOINT}`
-
-export const oAuthGoogle = ({platform}: {platform: platformType}) => ({
-  client_id: $config.GOOGLE_CLIENT_ID,
-  auth_uri: 'https://accounts.google.com/o/oauth2/auth',
-  redirect_uri: `${$config.BACKEND_ENDPOINT}/oauth`,
-  scope: encodeURIComponent(
-    'https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email',
-  ),
-  state: encodeURIComponent(
-    `site=google&platform=${platform}&backend=${$config.BACKEND_ENDPOINT}&redirect=${getRedirectFrontEndUrl({platform})}/auth-token/`,
-  ),
-});
-
-export const oAuthMicrosoft = ({platform}: {platform: platformType}) => ({
-  client_id: $config.MICROSOFT_CLIENT_ID,
-  auth_uri: 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize',
-  redirect_uri: `${$config.BACKEND_ENDPOINT}/oauth`,
-  scope: 'openid',
-  state: encodeURIComponent(
-    `site=microsoft&platform=${platform}&redirect=${getRedirectFrontEndUrl({platform})}/auth-token/&backend=${$config.BACKEND_ENDPOINT}`,
-  ),
-});
-
-export const oAuthSlack = ({platform}: {platform: platformType}) => ({
-  client_id: $config.SLACK_CLIENT_ID,
-  auth_uri: 'https://slack.com/oauth/authorize',
-  redirect_uri: `${$config.BACKEND_ENDPOINT}/oauth`,
-  scope: 'users.profile:read',
-  state: encodeURIComponent(
-    `site=slack&platform=${platform}&redirect=${getRedirectFrontEndUrl({platform})}/auth-token/&backend=${$config.BACKEND_ENDPOINT}`,
-  ),
-});
-
-export const oAuthApple = ({platform}: {platform: platformType}) => ({
-  client_id: $config.APPLE_CLIENT_ID,
-  auth_uri: 'https://appleid.apple.com/auth/authorize',
-  redirect_uri: `${$config.BACKEND_ENDPOINT}/oauth`,
-  scope: 'name email',
-  state: encodeURIComponent(
-    `site=apple&platform=${platform}&redirect=${getRedirectFrontEndUrl({platform})}/auth-token/&backend=${$config.BACKEND_ENDPOINT}`,
-  ),
-});
-
-
-export const url = ({platform}: {platform: platformType}): oAuthUrlType => {
-  const configGoogle = oAuthGoogle({platform});
-  const configMicrosoft = oAuthMicrosoft({platform});
-  const configSlack = oAuthSlack({platform});
-  const configApple = oAuthApple({platform});
-  return {
-    googleUrl: `${configGoogle.auth_uri}?response_type=code&scope=${configGoogle.scope}&include_granted_scopes=true&state=${configGoogle.state}&client_id=${configGoogle.client_id}&redirect_uri=${configGoogle.redirect_uri}`,
-    microsoftUrl: `${configMicrosoft.auth_uri}?response_type=code&scope=${configMicrosoft.scope}&include_granted_scopes=true&state=${configMicrosoft.state}&client_id=${configMicrosoft.client_id}&redirect_uri=${configMicrosoft.redirect_uri}`,
-    slackUrl: `${configSlack.auth_uri}?response_type=code&scope=${configSlack.scope}&include_granted_scopes=true&state=${configSlack.state}&client_id=${configSlack.client_id}&redirect_uri=${configSlack.redirect_uri}`,
-    appleUrl: `${configApple.auth_uri}?response_type=code&scope=${configApple.scope}&include_granted_scopes=true&state=${configApple.state}&response_mode=form_post&client_id=${configApple.client_id}&redirect_uri=${configApple.redirect_uri}`,
-  };
-};

package/template/src/components/StoreToken.tsx

@@ -1,39 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-import React, {useContext, useState} from 'react';
-import {Redirect, useParams} from './Router';
-import StorageContext from './StorageContext';
-import {Text} from 'react-native';
-import useMount from './useMount';
-import {useString} from '../utils/useString';
-
-const Authenticated = () => {
-  //commented for v1 release
-  //const authenticationSuccessLabel = useString('authenticationSuccessLabel')();
-  const authenticationSuccessLabel = 'Authenticated Successfully!';
-  return <Text> {authenticationSuccessLabel} </Text>;
-};
-
-const StoreToken = () => {
-  const [ready, setReady] = useState(false);
-  const {token}: {token: string} = useParams();
-  const {setStore} = useContext(StorageContext);
-  console.log('store token api', token);
-
-  useMount(() => {
-    setStore && setStore((store) => ({...store, token}));
-    setReady(true);
-  });
-  return ready ? <Redirect to={'/'} /> : <Authenticated />;
-};
-
-export default StoreToken;

package/template/src/components/meeting-info/useMeetingInfo.tsx

@@ -1,70 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-import React, {createContext} from 'react';
-import {createHook} from 'customization-implementation';
-import {UidType} from '../../../agora-rn-uikit';
-export interface MeetingInfoContextInterface {
-  isJoinDataFetched?: boolean;
-  data?: {
-    isHost: boolean;
-    meetingTitle: string;
-    roomId: {
-      attendee: string;
-      host?: string;
-    };
-    pstn?: {
-      number: string;
-      pin: string;
-    };
-    isSeparateHostLink: boolean;
-    channel?: string;
-    uid?: UidType;
-    token?: string;
-    rtmToken?: string;
-    encryptionSecret?: string;
-    screenShareUid?: string;
-    screenShareToken?: string;
-  };
-}
-
-export const MeetingInfoDefaultValue: MeetingInfoContextInterface = {
-  isJoinDataFetched: false,
-  data: {
-    isHost: false,
-    meetingTitle: '',
-    roomId: {
-      attendee: '',
-    },
-    isSeparateHostLink: true,
-  },
-};
-
-const MeetingInfoContext = createContext(MeetingInfoDefaultValue);
-
-interface MeetingInfoProviderProps {
-  children: React.ReactNode;
-  value: MeetingInfoContextInterface;
-}
-
-const MeetingInfoProvider = (props: MeetingInfoProviderProps) => {
-  return (
-    <MeetingInfoContext.Provider value={{...props.value}}>
-      {props.children}
-    </MeetingInfoContext.Provider>
-  );
-};
-/**
- * The MeetingInfo app state contains information about the active meeting.
- */
-const useMeetingInfo = createHook(MeetingInfoContext);
-
-export {MeetingInfoProvider, useMeetingInfo};

package/template/src/pages/video-call/CustomUserContextHolder.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import {useCustomization} from 'customization-implementation';
-
-const CustomUserContextHolder: React.FC<{children: any}> = (props) => {
-  const useUserContext = useCustomization((config) => {
-    if (
-      config?.components?.videoCall &&
-      typeof config?.components?.videoCall === 'object' &&
-      config?.components?.videoCall?.useUserContext &&
-      typeof config?.components?.videoCall?.useUserContext === 'function'
-    ) {
-      return config?.components?.videoCall?.useUserContext;
-    } else {
-      return () => {};
-    }
-  });
-  useUserContext();
-  return props.children;
-};
-export default CustomUserContextHolder;