agora-appbuilder-core 4.1.0-beta-7 → 4.1.0-beta-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agora-appbuilder-core",
3
- "version": "4.1.0-beta-7",
3
+ "version": "4.1.0-beta-8",
4
4
  "description": "React Native template for RTE app builder",
5
5
  "main": "index.js",
6
6
  "files": [
@@ -76,8 +76,8 @@ const DefaultConfig = {
76
76
  CHAT_ORG_NAME: '',
77
77
  CHAT_APP_NAME: '',
78
78
  CHAT_URL: '',
79
- CLI_VERSION: '3.1.0-beta-7',
80
- CORE_VERSION: '4.1.0-beta-7',
79
+ CLI_VERSION: '3.1.0-beta-8',
80
+ CORE_VERSION: '4.1.0-beta-8',
81
81
  DISABLE_LANDSCAPE_MODE: false,
82
82
  STT_AUTO_START: false,
83
83
  CLOUD_RECORDING_AUTO_START: false,
@@ -1,4 +1,4 @@
1
- import React, {useEffect, useRef, useState} from 'react';
1
+ import React, {Suspense, useEffect, useRef, useState} from 'react';
2
2
  import {
3
3
  Platform,
4
4
  StyleSheet,
@@ -17,7 +17,6 @@ import {
17
17
  SidePanelType,
18
18
  } from 'customization-api';
19
19
  import ThemeConfig from '../../theme';
20
- import Spline from '@splinetool/react-spline';
21
20
  import {useAgent} from '../components/AgentControls/AgentContext';
22
21
  import {AgentState} from '../components/AgentControls/const';
23
22
  import {useIsAgentAvailable} from '../components/utils';
@@ -35,6 +34,7 @@ import SettingsIcon from '../assets/settings.png';
35
34
  //@ts-ignore
36
35
  import DisconnectIcon from '../assets/close.png';
37
36
 
37
+ const Spline = React.lazy(() => import('@splinetool/react-spline'));
38
38
  const MicButton = () => {
39
39
  const {audio} = useLocalUserInfo();
40
40
  const muteToggle = useMuteToggleLocal();
@@ -142,10 +142,12 @@ export const ConversationalAI: LayoutComponent = () => {
142
142
  </View>
143
143
  </View>
144
144
  <View style={styles.container}>
145
- <Spline
146
- scene="https://d1i64xs2div6cu.cloudfront.net/scene-250216.splinecode"
147
- onLoad={onLoad}
148
- />
145
+ <Suspense fallback={<div>Loading...</div>}>
146
+ <Spline
147
+ scene="https://d1i64xs2div6cu.cloudfront.net/scene-250216.splinecode"
148
+ onLoad={onLoad}
149
+ />
150
+ </Suspense>
149
151
  </View>
150
152
  <View style={styles.btnContainer}>
151
153
  {!isLoading && agentConnectionState === 'AGENT_CONNECTED' ? (