agora-appbuilder-core 4.1.23-beta.2 → 4.1.23-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.1.23-beta.2",
+  "version": "4.1.23-beta.4",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/customization-implementation/__tests__/useCustomizationUndefined.test.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import TestRenderer, {act} from 'react-test-renderer';
+import {describe, expect, it, jest} from '@jest/globals';
+
+jest.mock('customization', () => ({
+  __esModule: true,
+  default: undefined,
+}));
+
+jest.mock('../../src/components/SdkApiContext', () => {
+  const ReactModule = require('react');
+
+  return {
+    SdkApiContext: ReactModule.createContext({customize: {}}),
+  };
+});
+
+import {CustomizationProvider, useCustomization} from '../useCustomization';
+
+const LifecycleConsumer = ({
+  onRender,
+}: {
+  onRender: (value: unknown) => void;
+}) => {
+  const {lifecycle} = useCustomization();
+  onRender(lifecycle);
+  return null;
+};
+
+describe('undefined customization fallback', () => {
+  it('provides a safe default in the regular web application', () => {
+    const onRender = jest.fn();
+    let renderer!: TestRenderer.ReactTestRenderer;
+
+    expect(() => {
+      act(() => {
+        renderer = TestRenderer.create(
+          <LifecycleConsumer onRender={onRender} />,
+        );
+      });
+    }).not.toThrow();
+
+    expect(onRender).toHaveBeenLastCalledWith(undefined);
+    renderer.unmount();
+  });
+
+  it('provides a safe default through CustomizationProvider', () => {
+    const onRender = jest.fn();
+    let renderer!: TestRenderer.ReactTestRenderer;
+
+    expect(() => {
+      act(() => {
+        renderer = TestRenderer.create(
+          <CustomizationProvider>
+            <LifecycleConsumer onRender={onRender} />
+          </CustomizationProvider>,
+        );
+      });
+    }).not.toThrow();
+
+    expect(onRender).toHaveBeenLastCalledWith(undefined);
+    renderer.unmount();
+  });
+});

package/template/customization-implementation/useCustomization.tsx

@@ -15,15 +15,20 @@ import customizationConfig from 'customization';
 import createHook from './createHook';
 import {SdkApiContext} from '../src/components/SdkApiContext';
 
+const defaultCustomizationConfig: CustomizationApiInterface =
+  customizationConfig ?? {};
+
 const CustomizationContext: React.Context<CustomizationApiInterface> =
-  React.createContext(customizationConfig);
+  React.createContext(defaultCustomizationConfig);
 
 const CustomizationProvider: React.FC = (props) => {
   const {customize: userCustomization} = useContext(SdkApiContext);
 
   return (
     <CustomizationContext.Provider
-      value={userCustomization.customization ?? customizationConfig}>
+      value={
+        userCustomization?.customization ?? defaultCustomizationConfig
+      }>
       {props.children}
     </CustomizationContext.Provider>
   );

package/template/defaultConfig.js

@@ -77,8 +77,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: "",
   CHAT_APP_NAME: "",
   CHAT_URL: "",
-  CLI_VERSION: "3.1.23-beta.2",
-  CORE_VERSION: "4.1.23-beta.2",
+  CLI_VERSION: "3.1.23-beta.4",
+  CORE_VERSION: "4.1.23-beta.4",
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/package.json

@@ -65,7 +65,7 @@
     "agora-extension-beauty-effect": "^1.0.2-beta",
     "agora-extension-virtual-background": "^1.1.3",
     "agora-react-native-rtm": "2.2.4",
-    "agora-rtc-sdk-ng": "4.24.2",
+    "agora-rtc-sdk-ng": "4.24.8",
     "agora-rtm-sdk": "2.2.3-1",
     "buffer": "^6.0.3",
     "electron-log": "4.3.5",

package/template/src/auth/AuthProvider.tsx

@@ -65,7 +65,7 @@ const AuthContext = createContext<AuthContextInterface | null>(null);
 const AuthProvider = (props: AuthProviderProps) => {
   const loadingLabel = useString(loadingText)();
   const timeoutHeading = useString(authSessionTimeoutToastHeading)();
-  const {lifecycle} = useCustomization();
+  const lifecycle = useCustomization(data => data?.lifecycle);
   const regEvent = useRef(true);
   const refreshTimeoutWeb = useRef(null);
   const [showNativePopup, setShowNativePopup] = useState(false);

package/template/src/components/RTMConfigure.tsx

@@ -82,7 +82,7 @@ const RtmConfigure = (props: any) => {
   const {rtcProps} = useContext(PropsContext);
   const {dispatch} = useContext(DispatchContext);
   const {defaultContent, activeUids} = useContent();
-  const {lifecycle} = useCustomization();
+  const lifecycle = useCustomization(data => data?.lifecycle);
   const {
     waitingRoomStatus,
     data: {isHost},