agora-appbuilder-core 4.0.0-beta.22 → 4.0.0-beta.24

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.
Files changed (17) hide show
  1. package/package.json +1 -1
  2. package/template/ios/HelloWorld.xcodeproj/project.pbxproj +40 -40
  3. package/template/ios/Podfile.lock +18 -3
  4. package/template/src/atoms/ActionMenu.tsx +2 -1
  5. package/template/src/components/CommonStyles.ts +1 -1
  6. package/template/src/components/useVideoCall.tsx +1 -1
  7. package/template/src/pages/video-call/ActionSheetContent.tsx +39 -62
  8. package/template/src/pages/video-call/VideoCallMobileView.tsx +40 -48
  9. package/template/src/subComponents/SidePanelHeader.tsx +22 -22
  10. package/template/src/subComponents/caption/CaptionText.tsx +17 -16
  11. package/template/src/subComponents/caption/Transcript.tsx +18 -18
  12. package/template/src/subComponents/caption/useStreamMessageUtils.native.ts +10 -4
  13. package/template/src/subComponents/caption/useStreamMessageUtils.ts +45 -27
  14. package/template/src/subComponents/screenshare/ScreenshareConfigure.native.tsx +47 -20
  15. package/template/src/utils/useAppState.ts +17 -0
  16. package/template/src/utils/useFindActiveSpeaker.ts +145 -93
  17. package/template/src/utils/useIsLocalUserSpeaking.ts +36 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agora-appbuilder-core",
3
- "version": "4.0.0-beta.22",
3
+ "version": "4.0.0-beta.24",
4
4
  "description": "React Native template for RTE app builder",
5
5
  "main": "index.js",
6
6
  "files": [
package/template/ios/HelloWorld.xcodeproj/project.pbxproj CHANGED
@@ -482,21 +482,21 @@
482
482
  );
483
483
  inputPaths = (
484
484
  "${PODS_ROOT}/Target Support Files/Pods-HelloWorld/Pods-HelloWorld-frameworks.sh",
485
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/AINS/AgoraAIDenoiseExtension.framework/AgoraAIDenoiseExtension",
486
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/AV1Dec/AgoraDav1dExtension.framework/AgoraDav1dExtension",
487
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/ContentInspect/AgoraCIExtension.framework/AgoraCIExtension",
488
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/FullAudioFormat/AgoraFullAudioFormatExtension.framework/AgoraFullAudioFormatExtension",
489
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/ROIEnc/AgoraFDExtension.framework/AgoraFDExtension",
490
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/ReplayKit/AgoraReplayKitExtension.framework/AgoraReplayKitExtension",
491
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/AgoraCore.framework/AgoraCore",
492
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/AgoraRtcKit.framework/AgoraRtcKit",
493
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/AgoraSoundTouch.framework/AgoraSoundTouch",
494
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/Agorafdkaac.framework/Agorafdkaac",
495
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/Agoraffmpeg.framework/Agoraffmpeg",
496
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/SpatialAudio/AgoraSpatialAudioExtension.framework/AgoraSpatialAudioExtension",
497
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/SuperResolution/AgoraSuperResolutionExtension.framework/AgoraSuperResolutionExtension",
498
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/VideoPreprocess/AgoraVideoProcessExtension.framework/AgoraVideoProcessExtension",
499
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/VirtualBackground/AgoraVideoSegmentationExtension.framework/AgoraVideoSegmentationExtension",
485
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraAIDenoiseExtension.framework/AgoraAIDenoiseExtension",
486
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraCIExtension.framework/AgoraCIExtension",
487
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraCore.framework/AgoraCore",
488
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraDav1dExtension.framework/AgoraDav1dExtension",
489
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraFDExtension.framework/AgoraFDExtension",
490
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraFullAudioFormatExtension.framework/AgoraFullAudioFormatExtension",
491
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraReplayKitExtension.framework/AgoraReplayKitExtension",
492
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraRtcKit.framework/AgoraRtcKit",
493
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraSoundTouch.framework/AgoraSoundTouch",
494
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraSpatialAudioExtension.framework/AgoraSpatialAudioExtension",
495
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraSuperResolutionExtension.framework/AgoraSuperResolutionExtension",
496
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraVideoProcessExtension.framework/AgoraVideoProcessExtension",
497
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraVideoSegmentationExtension.framework/AgoraVideoSegmentationExtension",
498
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/Agorafdkaac.framework/Agorafdkaac",
499
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/Agoraffmpeg.framework/Agoraffmpeg",
500
500
  "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtm_iOS/AgoraRtmKit.framework/AgoraRtmKit",
501
501
  "${PODS_XCFRAMEWORKS_BUILD_DIR}/Flipper-DoubleConversion/double-conversion.framework/double-conversion",
502
502
  "${PODS_XCFRAMEWORKS_BUILD_DIR}/Flipper-Glog/glog.framework/glog",
@@ -506,20 +506,20 @@
506
506
  name = "[CP] Embed Pods Frameworks";
507
507
  outputPaths = (
508
508
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraAIDenoiseExtension.framework",
509
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraDav1dExtension.framework",
510
509
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraCIExtension.framework",
511
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraFullAudioFormatExtension.framework",
510
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraCore.framework",
511
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraDav1dExtension.framework",
512
512
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraFDExtension.framework",
513
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraFullAudioFormatExtension.framework",
513
514
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraReplayKitExtension.framework",
514
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraCore.framework",
515
515
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraRtcKit.framework",
516
516
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraSoundTouch.framework",
517
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agorafdkaac.framework",
518
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agoraffmpeg.framework",
519
517
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraSpatialAudioExtension.framework",
520
518
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraSuperResolutionExtension.framework",
521
519
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraVideoProcessExtension.framework",
522
520
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraVideoSegmentationExtension.framework",
521
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agorafdkaac.framework",
522
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agoraffmpeg.framework",
523
523
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraRtmKit.framework",
524
524
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/double-conversion.framework",
525
525
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/glog.framework",
@@ -604,21 +604,21 @@
604
604
  );
605
605
  inputPaths = (
606
606
  "${PODS_ROOT}/Target Support Files/Pods-HelloWorld-HelloWorldTests/Pods-HelloWorld-HelloWorldTests-frameworks.sh",
607
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/AINS/AgoraAIDenoiseExtension.framework/AgoraAIDenoiseExtension",
608
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/AV1Dec/AgoraDav1dExtension.framework/AgoraDav1dExtension",
609
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/ContentInspect/AgoraCIExtension.framework/AgoraCIExtension",
610
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/FullAudioFormat/AgoraFullAudioFormatExtension.framework/AgoraFullAudioFormatExtension",
611
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/ROIEnc/AgoraFDExtension.framework/AgoraFDExtension",
612
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/ReplayKit/AgoraReplayKitExtension.framework/AgoraReplayKitExtension",
613
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/AgoraCore.framework/AgoraCore",
614
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/AgoraRtcKit.framework/AgoraRtcKit",
615
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/AgoraSoundTouch.framework/AgoraSoundTouch",
616
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/Agorafdkaac.framework/Agorafdkaac",
617
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/RtcBasic/Agoraffmpeg.framework/Agoraffmpeg",
618
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/SpatialAudio/AgoraSpatialAudioExtension.framework/AgoraSpatialAudioExtension",
619
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/SuperResolution/AgoraSuperResolutionExtension.framework/AgoraSuperResolutionExtension",
620
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/VideoPreprocess/AgoraVideoProcessExtension.framework/AgoraVideoProcessExtension",
621
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_iOS/VirtualBackground/AgoraVideoSegmentationExtension.framework/AgoraVideoSegmentationExtension",
607
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraAIDenoiseExtension.framework/AgoraAIDenoiseExtension",
608
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraCIExtension.framework/AgoraCIExtension",
609
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraCore.framework/AgoraCore",
610
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraDav1dExtension.framework/AgoraDav1dExtension",
611
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraFDExtension.framework/AgoraFDExtension",
612
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraFullAudioFormatExtension.framework/AgoraFullAudioFormatExtension",
613
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraReplayKitExtension.framework/AgoraReplayKitExtension",
614
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraRtcKit.framework/AgoraRtcKit",
615
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraSoundTouch.framework/AgoraSoundTouch",
616
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraSpatialAudioExtension.framework/AgoraSpatialAudioExtension",
617
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraSuperResolutionExtension.framework/AgoraSuperResolutionExtension",
618
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraVideoProcessExtension.framework/AgoraVideoProcessExtension",
619
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/AgoraVideoSegmentationExtension.framework/AgoraVideoSegmentationExtension",
620
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/Agorafdkaac.framework/Agorafdkaac",
621
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtcEngine_Special_iOS/Agoraffmpeg.framework/Agoraffmpeg",
622
622
  "${PODS_XCFRAMEWORKS_BUILD_DIR}/AgoraRtm_iOS/AgoraRtmKit.framework/AgoraRtmKit",
623
623
  "${PODS_XCFRAMEWORKS_BUILD_DIR}/Flipper-DoubleConversion/double-conversion.framework/double-conversion",
624
624
  "${PODS_XCFRAMEWORKS_BUILD_DIR}/Flipper-Glog/glog.framework/glog",
@@ -628,20 +628,20 @@
628
628
  name = "[CP] Embed Pods Frameworks";
629
629
  outputPaths = (
630
630
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraAIDenoiseExtension.framework",
631
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraDav1dExtension.framework",
632
631
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraCIExtension.framework",
633
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraFullAudioFormatExtension.framework",
632
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraCore.framework",
633
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraDav1dExtension.framework",
634
634
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraFDExtension.framework",
635
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraFullAudioFormatExtension.framework",
635
636
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraReplayKitExtension.framework",
636
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraCore.framework",
637
637
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraRtcKit.framework",
638
638
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraSoundTouch.framework",
639
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agorafdkaac.framework",
640
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agoraffmpeg.framework",
641
639
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraSpatialAudioExtension.framework",
642
640
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraSuperResolutionExtension.framework",
643
641
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraVideoProcessExtension.framework",
644
642
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraVideoSegmentationExtension.framework",
643
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agorafdkaac.framework",
644
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Agoraffmpeg.framework",
645
645
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/AgoraRtmKit.framework",
646
646
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/double-conversion.framework",
647
647
  "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/glog.framework",
package/template/ios/Podfile.lock CHANGED
@@ -25,6 +25,7 @@ PODS:
25
25
  - AgoraRtcEngine_iOS/SuperResolution (3.7.0.3)
26
26
  - AgoraRtcEngine_iOS/VideoPreprocess (3.7.0.3)
27
27
  - AgoraRtcEngine_iOS/VirtualBackground (3.7.0.3)
28
+ - AgoraRtcEngine_Special_iOS (3.7.2.4)
28
29
  - AgoraRtm_iOS (1.5.1)
29
30
  - BEMCheckBox (1.4.1)
30
31
  - boost (1.76.0)
@@ -404,8 +405,8 @@ PODS:
404
405
  - React-jsinspector (0.72.4)
405
406
  - React-logger (0.72.4):
406
407
  - glog
407
- - react-native-agora (3.7.1):
408
- - AgoraRtcEngine_iOS (= 3.7.0.3)
408
+ - react-native-agora (3.7.2-rc.3):
409
+ - AgoraRtcEngine_Special_iOS (= 3.7.2.4)
409
410
  - React-Core
410
411
  - react-native-keep-awake (4.0.0):
411
412
  - React
@@ -523,6 +524,8 @@ PODS:
523
524
  - IQKeyboardManagerSwift (= 6.5.4)
524
525
  - React
525
526
  - React-RCTText
527
+ - rn-fetch-blob (0.12.0):
528
+ - React-Core
526
529
  - RNCAsyncStorage (1.19.2):
527
530
  - React-Core
528
531
  - RNCCheckbox (0.5.16):
@@ -568,6 +571,8 @@ PODS:
568
571
  - RNSentry (5.9.0):
569
572
  - React-Core
570
573
  - Sentry/HybridSDK (= 8.9.4)
574
+ - RNShare (7.9.0):
575
+ - React-Core
571
576
  - RNSVG (13.6.0):
572
577
  - React-Core
573
578
  - RNVectorIcons (9.2.0):
@@ -648,6 +653,7 @@ DEPENDENCIES:
648
653
  - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
649
654
  - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
650
655
  - ReactNativeKeyboardManager (from `../node_modules/react-native-keyboard-manager`)
656
+ - rn-fetch-blob (from `../node_modules/rn-fetch-blob`)
651
657
  - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
652
658
  - "RNCCheckbox (from `../node_modules/@react-native-community/checkbox`)"
653
659
  - "RNCClipboard (from `../node_modules/@react-native-community/clipboard`)"
@@ -656,6 +662,7 @@ DEPENDENCIES:
656
662
  - RNInAppBrowser (from `../node_modules/react-native-inappbrowser-reborn`)
657
663
  - RNReanimated (from `../node_modules/react-native-reanimated`)
658
664
  - "RNSentry (from `../node_modules/@sentry/react-native`)"
665
+ - RNShare (from `../node_modules/react-native-share`)
659
666
  - RNSVG (from `../node_modules/react-native-svg`)
660
667
  - RNVectorIcons (from `../node_modules/react-native-vector-icons`)
661
668
  - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
@@ -663,6 +670,7 @@ DEPENDENCIES:
663
670
  SPEC REPOS:
664
671
  trunk:
665
672
  - AgoraRtcEngine_iOS
673
+ - AgoraRtcEngine_Special_iOS
666
674
  - AgoraRtm_iOS
667
675
  - BEMCheckBox
668
676
  - CocoaAsyncSocket
@@ -769,6 +777,8 @@ EXTERNAL SOURCES:
769
777
  :path: "../node_modules/react-native/ReactCommon"
770
778
  ReactNativeKeyboardManager:
771
779
  :path: "../node_modules/react-native-keyboard-manager"
780
+ rn-fetch-blob:
781
+ :path: "../node_modules/rn-fetch-blob"
772
782
  RNCAsyncStorage:
773
783
  :path: "../node_modules/@react-native-async-storage/async-storage"
774
784
  RNCCheckbox:
@@ -785,6 +795,8 @@ EXTERNAL SOURCES:
785
795
  :path: "../node_modules/react-native-reanimated"
786
796
  RNSentry:
787
797
  :path: "../node_modules/@sentry/react-native"
798
+ RNShare:
799
+ :path: "../node_modules/react-native-share"
788
800
  RNSVG:
789
801
  :path: "../node_modules/react-native-svg"
790
802
  RNVectorIcons:
@@ -795,6 +807,7 @@ EXTERNAL SOURCES:
795
807
  SPEC CHECKSUMS:
796
808
  agora-react-native-rtm: 20cd594088d33caa46c75f2d079efbac62848cec
797
809
  AgoraRtcEngine_iOS: 549bb3853d5afb18fabca4197786f39f31141da8
810
+ AgoraRtcEngine_Special_iOS: 0ebb16a61343394538886b048ffced6b5497673a
798
811
  AgoraRtm_iOS: 595a9fa33a409831e6183396ea8f8bc563918403
799
812
  BEMCheckBox: 5ba6e37ade3d3657b36caecc35c8b75c6c2b1a4e
800
813
  boost: 57d2868c099736d80fcd648bf211b4431e51a558
@@ -831,7 +844,7 @@ SPEC CHECKSUMS:
831
844
  React-jsiexecutor: c7f826e40fa9cab5d37cab6130b1af237332b594
832
845
  React-jsinspector: aaed4cf551c4a1c98092436518c2d267b13a673f
833
846
  React-logger: da1ebe05ae06eb6db4b162202faeafac4b435e77
834
- react-native-agora: c328ef8c381d7b22cc11d1eb298d8ff8a8e7a70d
847
+ react-native-agora: 16de7d9657b24dcf1ea6edebb30d06fe3e050c68
835
848
  react-native-keep-awake: afad8a51dfef9fe9655a6344771be32c8596d774
836
849
  React-NativeModulesApple: edb5ace14f73f4969df6e7b1f3e41bef0012740f
837
850
  React-perflogger: 496a1a3dc6737f964107cb3ddae7f9e265ddda58
@@ -851,6 +864,7 @@ SPEC CHECKSUMS:
851
864
  React-utils: b79f2411931f9d3ea5781404dcbb2fa8a837e13a
852
865
  ReactCommon: 4b2bdcb50a3543e1c2b2849ad44533686610826d
853
866
  ReactNativeKeyboardManager: 93ac3934a51f548c54ac02d61c90e33220bba086
867
+ rn-fetch-blob: f065bb7ab7fb48dd002629f8bdcb0336602d3cba
854
868
  RNCAsyncStorage: f57e929cd7757f2cb3dd8186d123c09e8281a1ad
855
869
  RNCCheckbox: 75255b03e604bbcc26411eb31c4cbe3e3865f538
856
870
  RNCClipboard: 41d8d918092ae8e676f18adada19104fa3e68495
@@ -859,6 +873,7 @@ SPEC CHECKSUMS:
859
873
  RNInAppBrowser: 48b95ba7a4eaff5cc223bca338d3e319561dbd1b
860
874
  RNReanimated: 726395a2fa2f04cea340274ba57a4e659bc0d9c1
861
875
  RNSentry: c167b3da6aa7f3cf85d909caae905d043a062b6c
876
+ RNShare: be91a5c149585affb02c25b351bd07ba927c7006
862
877
  RNSVG: 3a79c0c4992213e4f06c08e62730c5e7b9e4dc17
863
878
  RNVectorIcons: fcc2f6cb32f5735b586e66d14103a74ce6ad61f8
864
879
  Sentry: 56c76eed917f7dffd46db50906afbf5c9aa2673a
package/template/src/atoms/ActionMenu.tsx CHANGED
@@ -179,7 +179,7 @@ const styles = StyleSheet.create({
179
179
  modalView: {
180
180
  //don't added overflow: hidden, bottombar minimized version layout popup will be shown in the overflow
181
181
  position: 'absolute',
182
- width: 230,
182
+ // width: 230,
183
183
  backgroundColor: $config.CARD_LAYER_4_COLOR,
184
184
  borderRadius: 4,
185
185
  shadowColor: '#000',
@@ -226,6 +226,7 @@ const styles = StyleSheet.create({
226
226
  fontSize: ThemeConfig.FontSize.normal,
227
227
  fontWeight: '400',
228
228
  fontFamily: ThemeConfig.FontFamily.sansPro,
229
+ marginRight: 12,
229
230
  },
230
231
  backDrop: {
231
232
  position: 'absolute',
package/template/src/components/CommonStyles.ts CHANGED
@@ -5,7 +5,7 @@ export const SIDE_PANEL_MAX_WIDTH = '20%';
5
5
  export const SIDE_PANEL_MIN_WIDTH = 338;
6
6
  export const SIDE_PANEL_GAP = 8;
7
7
  export const CAPTION_CONTAINER_HEIGHT = 144;
8
- export const MOBILE_CAPTION_CONTAINER_HEIGHT = 107;
8
+ export const MOBILE_CAPTION_CONTAINER_HEIGHT = 115;
9
9
 
10
10
  const CommonStyles = StyleSheet.create({
11
11
  sidePanelContainerWeb: {
package/template/src/components/useVideoCall.tsx CHANGED
@@ -95,7 +95,7 @@ const VideoCallProvider = (props: VideoCallProviderProps) => {
95
95
  setShowStopRecordingPopup,
96
96
  showLayoutOption,
97
97
  setShowLayoutOption,
98
- activeSpeaker,
98
+ activeSpeaker: $config.ACTIVE_SPEAKER ? activeSpeaker : 0,
99
99
  showStartScreenSharePopup,
100
100
  setShowStartScreenSharePopup,
101
101
  showStopScreenSharePopup,
package/template/src/pages/video-call/ActionSheetContent.tsx CHANGED
@@ -1,24 +1,14 @@
1
+ /* eslint-disable react-native/no-inline-styles */
1
2
  import {StyleSheet, Text, TouchableOpacity, View} from 'react-native';
2
3
  import React, {useContext} from 'react';
3
4
  import ImageIcon from '../../atoms/ImageIcon';
4
- import LocalAudioMute, {
5
- LocalAudioMuteProps,
6
- } from '../../subComponents/LocalAudioMute';
7
- import LocalVideoMute, {
8
- LocalVideoMuteProps,
9
- } from '../../subComponents/LocalVideoMute';
10
- import LocalEndcall, {
11
- LocalEndcallProps,
12
- } from '../../subComponents/LocalEndCall';
5
+ import LocalAudioMute from '../../subComponents/LocalAudioMute';
6
+ import LocalVideoMute from '../../subComponents/LocalVideoMute';
7
+ import LocalEndcall from '../../subComponents/LocalEndCall';
13
8
  import CopyJoinInfo from '../../subComponents/CopyJoinInfo';
14
9
  import LocalSwitchCamera from '../../subComponents/LocalSwitchCamera';
15
10
  import Recording from '../../subComponents/Recording';
16
11
  import ChatContext from '../../components/ChatContext';
17
- import {numFormatter} from '../../utils';
18
- import IconButton from '../../atoms/IconButton';
19
- import {useLayout} from '../../utils/useLayout';
20
- import useLayoutsData from '../../pages/video-call/useLayoutsData';
21
- import {useChangeDefaultLayout} from '../../pages/video-call/DefaultLayouts';
22
12
  import {PropsContext, ToggleState} from '../../../agora-rn-uikit';
23
13
  import {ClientRole} from '../../../agora-rn-uikit';
24
14
  import {useMeetingInfo} from '../../components/meeting-info/useMeetingInfo';
@@ -26,14 +16,12 @@ import LiveStreamControls from '../../components/livestream/views/LiveStreamCont
26
16
  import LiveStreamContext, {RaiseHandValue} from '../../components/livestream';
27
17
  import {
28
18
  ChatIconButton,
29
- ParticipantsCountView,
30
19
  ParticipantsIconButton,
31
20
  } from '../../../src/components/Navbar';
32
21
  import {useChatNotification} from '../../components/chat-notification/useChatNotification';
33
22
  import {SidePanelType} from '../../subComponents/SidePanelEnum';
34
23
  import {useSidePanel} from '../../utils/useSidePanel';
35
- import Settings from '../../components/Settings';
36
- import {isWeb, useLocalUserInfo, useRender, useRtc} from 'customization-api';
24
+ import {useLocalUserInfo, useRender} from 'customization-api';
37
25
  import LayoutIconButton from '../../subComponents/LayoutIconButton';
38
26
  import CaptionIcon from '../../../src/subComponents/caption/CaptionIcon';
39
27
  import TranscriptIcon from '../../../src/subComponents/caption/TranscriptIcon';
@@ -162,8 +150,7 @@ const SwitchCameraIcon = (props: SwitchCameraIconProps) => {
162
150
  {
163
151
  color: disabled ? $config.SEMANTIC_NEUTRAL : $config.FONT_COLOR,
164
152
  },
165
- ]}
166
- >
153
+ ]}>
167
154
  Switch
168
155
  </Text>
169
156
  <Text
@@ -173,8 +160,7 @@ const SwitchCameraIcon = (props: SwitchCameraIconProps) => {
173
160
  color: disabled ? $config.SEMANTIC_NEUTRAL : $config.FONT_COLOR,
174
161
  marginTop: 0,
175
162
  },
176
- ]}
177
- >
163
+ ]}>
178
164
  Camera
179
165
  </Text>
180
166
  </View>
@@ -265,8 +251,7 @@ const EndCallIcon = (props: EndCallIconProps) => {
265
251
  style={[
266
252
  styles.iconContainer,
267
253
  {backgroundColor: $config.SEMANTIC_ERROR},
268
- ]}
269
- >
254
+ ]}>
270
255
  <LocalEndcall {...props} />
271
256
  </View>
272
257
  </View>
@@ -317,8 +302,7 @@ const CaptionIconBtn = (props: CaptionIconBtnProps) => {
317
302
  ? $config.SEMANTIC_NEUTRAL
318
303
  : $config.FONT_COLOR,
319
304
  },
320
- ]}
321
- >
305
+ ]}>
322
306
  {isCaptionON ? 'Hide' : 'Show'}
323
307
  </Text>
324
308
  <Text
@@ -330,8 +314,7 @@ const CaptionIconBtn = (props: CaptionIconBtnProps) => {
330
314
  : $config.FONT_COLOR,
331
315
  marginTop: 0,
332
316
  },
333
- ]}
334
- >
317
+ ]}>
335
318
  Caption
336
319
  </Text>
337
320
  </View>
@@ -365,8 +348,7 @@ const TranscriptIconBtn = (props: TranscriptIconProps) => {
365
348
  ? $config.SEMANTIC_NEUTRAL
366
349
  : $config.FONT_COLOR,
367
350
  },
368
- ]}
369
- >
351
+ ]}>
370
352
  {isTranscriptON ? 'Hide' : 'Show'}
371
353
  </Text>
372
354
  <Text
@@ -378,8 +360,7 @@ const TranscriptIconBtn = (props: TranscriptIconProps) => {
378
360
  : $config.FONT_COLOR,
379
361
  marginTop: 0,
380
362
  },
381
- ]}
382
- >
363
+ ]}>
383
364
  Transcript
384
365
  </Text>
385
366
  </View>
@@ -416,15 +397,18 @@ export const ActionSheetComponentsArray: ActionSheetComponentsProps = [
416
397
  ShareIcon,
417
398
  ];
418
399
 
400
+ const ToastIcon = ({color}) => (
401
+ <View style={{marginRight: 12, alignSelf: 'center', width: 24, height: 24}}>
402
+ <ImageIcon iconType="plain" tintColor={color} name={'lang-select'} />
403
+ </View>
404
+ );
405
+
419
406
  const ActionSheetContent = props => {
420
407
  const {handleSheetChanges, isExpanded, native = false} = props;
421
- const {onlineUsersCount, localUid} = useContext(ChatContext);
408
+ const {localUid} = useContext(ChatContext);
422
409
  const {isScreenshareActive} = useScreenshare();
423
- const layouts = useLayoutsData();
424
- const {currentLayout} = useLayout();
425
- const changeLayout = useChangeDefaultLayout();
426
410
  const {rtcProps} = useContext(PropsContext);
427
- const {sidePanel, setSidePanel} = useSidePanel();
411
+ const {setSidePanel} = useSidePanel();
428
412
  const {
429
413
  data: {isHost},
430
414
  } = useMeetingInfo();
@@ -477,23 +461,14 @@ const ActionSheetContent = props => {
477
461
  ];
478
462
  });
479
463
  });
464
+ // eslint-disable-next-line react-hooks/exhaustive-deps
480
465
  }, []);
481
466
 
482
- const ToastIcon = ({color}) => (
483
- <View style={{marginRight: 12, alignSelf: 'center', width: 24, height: 24}}>
484
- <ImageIcon iconType="plain" tintColor={color} name={'lang-select'} />
485
- </View>
486
- );
487
- const layout = layouts.findIndex(item => item.name === currentLayout);
488
- const isLiveStream = $config.EVENT_MODE;
489
- const isAudience = rtcProps?.role == ClientRole.Audience;
490
- const isBroadCasting = rtcProps?.role == ClientRole.Broadcaster;
467
+ const isLiveStream = $config.EVENT_MODE && !$config.AUDIO_ROOM;
468
+ const isAudience = rtcProps?.role === ClientRole.Audience;
469
+ const isBroadCasting = rtcProps?.role === ClientRole.Broadcaster;
491
470
  const isHandRaised = raiseHandList[localUid]?.raised === RaiseHandValue.TRUE;
492
471
 
493
- const handleLayoutChange = () => {
494
- changeLayout();
495
- };
496
-
497
472
  const isAudioRoom = $config.AUDIO_ROOM;
498
473
  const isVoiceChatHost = !$config.EVENT_MODE && $config.AUDIO_ROOM && isHost;
499
474
  const isVoiceChatAudience =
@@ -508,10 +483,11 @@ const ActionSheetContent = props => {
508
483
  const isConferencing = !$config.EVENT_MODE && !$config.AUDIO_ROOM;
509
484
 
510
485
  const isPaginationRequired = isLiveStream || (isConferencing && isHost);
486
+ const localUser = useLocalUserInfo();
511
487
 
512
488
  const isVideoDisabled = native
513
- ? useLocalUserInfo().video === ToggleState.disabled || isScreenshareActive
514
- : useLocalUserInfo().video === ToggleState.disabled;
489
+ ? localUser.video === ToggleState.disabled || isScreenshareActive
490
+ : localUser.video === ToggleState.disabled;
515
491
  return (
516
492
  <View>
517
493
  {/* Row Always Visible */}
@@ -519,8 +495,7 @@ const ActionSheetContent = props => {
519
495
  style={[
520
496
  styles.row,
521
497
  {borderBottomWidth: 1, paddingTop: 4, justifyContent: 'center'},
522
- ]}
523
- >
498
+ ]}>
524
499
  {isAudioVideoControlsDisabled ? null : (
525
500
  <AudioIcon
526
501
  isMobileView={true}
@@ -537,7 +512,8 @@ const ActionSheetContent = props => {
537
512
  {(isAudioCastHost || isVoiceChatHost || isVoiceChatAudience) && (
538
513
  <ChatIcon showLabel={false} />
539
514
  )}
540
- {(isAudioCastAudience && isLiveStream && isAudience) ||
515
+ {isAudioCastAudience ||
516
+ (isLiveStream && isAudience) ||
541
517
  (isBroadCasting && !isHost) ? (
542
518
  $config.RAISE_HAND && isAudioRoom ? (
543
519
  <LiveStreamIcon isHandRaised={isHandRaised} showLabel={false} />
@@ -567,9 +543,10 @@ const ActionSheetContent = props => {
567
543
  </View>
568
544
 
569
545
  <CarouselWrapper
570
- isPaginationRequired={$config.ENABLE_STT && isPaginationRequired}
571
- native={native}
572
- >
546
+ isPaginationRequired={
547
+ $config.ENABLE_STT && isPaginationRequired && !native
548
+ }
549
+ native={native}>
573
550
  <>
574
551
  {/**
575
552
  * In event mode when raise hand feature is active
@@ -617,18 +594,18 @@ const ActionSheetContent = props => {
617
594
  {/* invite */}
618
595
  <ShareIcon />
619
596
  {/* caption */}
620
- {$config.ENABLE_STT ? (
597
+ {$config.ENABLE_STT && !native ? (
621
598
  <CaptionIconBtn
622
599
  onPress={() => handleSheetChanges(isExpanded ? 0 : 1)}
623
600
  />
624
601
  ) : (
625
602
  <></>
626
603
  )}
627
- {native && $config.SCREEN_SHARING && !isPaginationRequired ? (
604
+ {/* {native && !$config.ENABLE_STT && $config.SCREEN_SHARING ? (
628
605
  <ScreenshareIcon />
629
606
  ) : (
630
607
  <></>
631
- )}
608
+ )} */}
632
609
  </>
633
610
  </CarouselWrapper>
634
611
  </View>
@@ -650,7 +627,7 @@ const CarouselWrapper = ({isPaginationRequired, children, native}) => {
650
627
  <View style={styles.row}>
651
628
  {/* Transcript */}
652
629
  <TranscriptIconBtn />
653
- {native && $config.SCREEN_SHARING ? <ScreenshareIcon /> : <></>}
630
+ {/* {native && $config.SCREEN_SHARING ? <ScreenshareIcon /> : <></>} */}
654
631
  </View>
655
632
  ),
656
633
  },
@@ -659,7 +636,7 @@ const CarouselWrapper = ({isPaginationRequired, children, native}) => {
659
636
  </View>
660
637
  ) : (
661
638
  <View style={styles.row}>
662
- {$config.ENABLE_STT ? (
639
+ {$config.ENABLE_STT && !native ? (
663
640
  <>
664
641
  {children}
665
642
  <TranscriptIconBtn />