agora-appbuilder-core 4.0.30-beta-1 → 4.0.30-beta-2

package/package.json

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

package/template/customization-api/atoms.ts

@@ -6,3 +6,4 @@ export {default as LinkButton} from '../src/atoms/LinkButton';
 export {default as PrimaryButton} from '../src/atoms/PrimaryButton';
 export {default as TertiaryButton} from '../src/atoms/TertiaryButton';
 export {default as ActionMenu} from '../src/atoms/ActionMenu';
+export {default as IconButton} from '../src/atoms/IconButton';

package/template/customization-api/temp.ts

@@ -2,7 +2,6 @@
 
 import VideoRenderer from '../src/pages/video-call/VideoRenderer';
 import {DispatchContext} from '../agora-rn-uikit';
-import IconButton from '../src/atoms/IconButton';
 import WhiteboardView from '../src/components/whiteboard/WhiteboardView';
 import {
   useWhiteboard,
@@ -28,7 +27,6 @@ import useEndCall from '../src/utils/useEndCall';
 export {
   VideoRenderer,
   DispatchContext,
-  IconButton,
   WhiteboardView,
   whiteboardContext,
   useVideoCall,

package/template/customization-api/types.ts

@@ -46,3 +46,4 @@ export {
   type VideoEncoderConfiguration,
 } from '../src/app-state/useVideoQuality';
 export {type ActionMenuItem} from '../src/atoms/ActionMenu';
+export {type IconButtonProps} from '../src/atoms/IconButton';

package/template/customization-api/utils.ts

@@ -47,3 +47,5 @@ export {default as ThemeConfig} from '../src/theme';
 export {default as hexadecimalTransparency} from '../src/utils/hexadecimalTransparency';
 export {useFullScreen} from '../src/utils/useFullScreen';
 export {useHideShareTitle} from '../src/utils/useHideShareTile';
+export {useActionSheet} from '../src/utils/useActionSheet';
+export {default as PlatformWrapper} from '../src/utils/PlatformWrapper';

package/template/defaultConfig.js

@@ -76,8 +76,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.0.29',
-  CORE_VERSION: '4.0.29',
+  CLI_VERSION: '3.0.30-beta-2',
+  CORE_VERSION: '4.0.30-beta-2',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/package.json

@@ -187,6 +187,11 @@
     },
     "@bam.tech/react-native-make": {
       "sharp": "0.33.5"
+    },
+    "webpack-dev-server": {
+      "chokidar": {
+        "fsevents": "2.3.3"
+      }
     }
   },
   "engines": {

package/template/src/atoms/Checkbox.tsx

@@ -21,6 +21,7 @@ interface CheckboxProps {
   containerStyle?: ViewStyle;
   checkBoxStyle?: ViewStyle;
   tickColor?: string;
+  ignoreDisabledStyle?: boolean;
 }
 
 const Checkbox: React.FC<CheckboxProps> = ({
@@ -32,6 +33,7 @@ const Checkbox: React.FC<CheckboxProps> = ({
   containerStyle = {},
   checkBoxStyle = {},
   tickColor = $config.FONT_COLOR,
+  ignoreDisabledStyle = false,
 }) => {
   const [isChecked, setIsChecked] = useState(checked);
 
@@ -69,7 +71,7 @@ const Checkbox: React.FC<CheckboxProps> = ({
         style={[
           styles.label,
           labelStye,
-          !isChecked && disabled && styles.disabledText,
+          !isChecked && disabled && !ignoreDisabledStyle && styles.disabledText,
         ]}>
         {label}
       </Text>

package/template/src/atoms/TertiaryButton.tsx

@@ -39,6 +39,7 @@ const TertiaryButton = (props: ButtonProps) => {
   return (
     <PlatformWrapper setIsHovered={setIsHovered}>
       <TouchableOpacity
+        disabled={disabled}
         ref={ref => props?.setRef && props.setRef(ref)}
         style={[
           styles.container,

package/template/src/utils/useSpeechToText.ts

@@ -39,7 +39,8 @@ const useSpeechToText = () => {
 
   useEffect(() => {
     if (!$config.ENABLE_STT) {
-      throw new Error('Speech To Text is not enabled');
+      //throw new Error('Speech To Text is not enabled');
+      console.error('Speech To Text is not enabled')
     }
   }, []);