agora-appbuilder-core 4.0.0-beta.23 → 4.0.0-beta.25

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 (18) 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/Controls.tsx +19 -26
  7. package/template/src/components/useVideoCall.tsx +1 -1
  8. package/template/src/pages/video-call/ActionSheetContent.tsx +63 -68
  9. package/template/src/pages/video-call/VideoCallMobileView.tsx +40 -48
  10. package/template/src/subComponents/SidePanelHeader.tsx +22 -22
  11. package/template/src/subComponents/caption/CaptionText.tsx +17 -16
  12. package/template/src/subComponents/caption/Transcript.tsx +22 -16
  13. package/template/src/subComponents/caption/useStreamMessageUtils.native.ts +10 -4
  14. package/template/src/subComponents/caption/useStreamMessageUtils.ts +45 -27
  15. package/template/src/subComponents/screenshare/ScreenshareConfigure.native.tsx +47 -20
  16. package/template/src/utils/useAppState.ts +17 -0
  17. package/template/src/utils/useFindActiveSpeaker.ts +145 -93
  18. 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.23",
3
+ "version": "4.0.0-beta.25",
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/Controls.tsx CHANGED
@@ -77,13 +77,11 @@ const MoreButton = () => {
77
77
  const {currentLayout, setLayout} = useLayout();
78
78
  const layout = layouts.findIndex(item => item.name === currentLayout);
79
79
  const {setSidePanel, sidePanel} = useSidePanel();
80
- const username = useGetName();
81
80
  const {
82
81
  isCaptionON,
83
- isSTTActive,
84
82
  setIsCaptionON,
85
- setLanguage,
86
83
  language: prevLang,
84
+ isSTTActive,
87
85
  } = useCaption();
88
86
 
89
87
  const isTranscriptON = sidePanel === SidePanelType.Transcript;
@@ -93,10 +91,11 @@ const MoreButton = () => {
93
91
  const isFirstTimePopupOpen = React.useRef(false);
94
92
  const STT_clicked = React.useRef(null);
95
93
 
96
- const {start, restart, isAuthorizedSTTUser} = useSTTAPI();
94
+ const {start, restart} = useSTTAPI();
97
95
  const {
98
96
  data: {isHost},
99
97
  } = useMeetingInfo();
98
+
100
99
  const {
101
100
  showLayoutOption,
102
101
  setShowInvitePopup,
@@ -115,7 +114,7 @@ const MoreButton = () => {
115
114
  icon: `${isCaptionON ? 'captions-off' : 'captions'}`,
116
115
  iconColor: $config.SECONDARY_ACTION_COLOR,
117
116
  textColor: $config.FONT_COLOR,
118
- disabled: !isAuthorizedSTTUser(),
117
+ disabled: !($config.ENABLE_STT && (isHost || (!isHost && isSTTActive))),
119
118
  title: `${isCaptionON ? 'Hide Caption' : 'Show Caption'}`,
120
119
  callback: () => {
121
120
  setActionMenuVisible(false);
@@ -134,7 +133,7 @@ const MoreButton = () => {
134
133
  icon: 'transcript',
135
134
  iconColor: $config.SECONDARY_ACTION_COLOR,
136
135
  textColor: $config.FONT_COLOR,
137
- disabled: !isAuthorizedSTTUser(),
136
+ disabled: !($config.ENABLE_STT && (isHost || (!isHost && isSTTActive))),
138
137
  title: `${isTranscriptON ? 'Hide Transcript' : 'Show Transcript'}`,
139
138
  callback: () => {
140
139
  setActionMenuVisible(false);
@@ -352,8 +351,7 @@ const MoreButton = () => {
352
351
  }}
353
352
  onMouseLeave={() => {
354
353
  setIsHovered(false);
355
- }}
356
- >
354
+ }}>
357
355
  {/** placeholder to hovering */}
358
356
  <View
359
357
  style={{
@@ -389,7 +387,6 @@ const Controls = () => {
389
387
  const {rtcProps} = useContext(PropsContext);
390
388
  const isDesktop = useIsDesktop();
391
389
  // attendee can view option if any host has started STT
392
- const {isAuthorizedSTTUser} = useSTTAPI();
393
390
  const {renderList} = useRender();
394
391
  const {
395
392
  data: {isHost},
@@ -402,14 +399,16 @@ const Controls = () => {
402
399
  renderListRef.current = renderList;
403
400
  }, [renderList]);
404
401
 
402
+ React.useEffect(() => {
403
+ events.on(EventNames.STT_ACTIVE, data => {
404
+ const payload = JSON.parse(data?.payload);
405
+ setIsSTTActive(payload.active);
406
+ });
407
+ }, []);
408
+
405
409
  React.useEffect(() => {
406
410
  // for native events are set in ActionSheetContent as this action is action sheet
407
411
  if (isWebInternal()) {
408
- events.on(EventNames.STT_ACTIVE, data => {
409
- const payload = JSON.parse(data?.payload);
410
- setIsSTTActive(payload.active);
411
- });
412
-
413
412
  events.on(EventNames.STT_LANGUAGE, data => {
414
413
  const {username, prevLang, newLang, uid} = JSON.parse(data?.payload);
415
414
  const actionText =
@@ -465,15 +464,13 @@ const Controls = () => {
465
464
  {
466
465
  paddingHorizontal: isDesktop('toolbar') ? 32 : 16,
467
466
  },
468
- ]}
469
- >
467
+ ]}>
470
468
  {width >= BREAKPOINTS.md && (
471
469
  <View style={style.leftContent}>
472
470
  <View
473
471
  testID="layout-btn"
474
472
  style={{marginRight: 10}}
475
- collapsable={false}
476
- >
473
+ collapsable={false}>
477
474
  {/**
478
475
  * .measure returns undefined on Android unless collapsable=false or onLayout are specified
479
476
  * so added collapsable property
@@ -517,8 +514,7 @@ const Controls = () => {
517
514
  testID="localVideo-btn"
518
515
  style={{
519
516
  marginHorizontal: 10,
520
- }}
521
- >
517
+ }}>
522
518
  <LocalVideoMute showToolTip={true} />
523
519
  </View>
524
520
  )}
@@ -527,8 +523,7 @@ const Controls = () => {
527
523
  testID="switchCamera-btn"
528
524
  style={{
529
525
  marginHorizontal: 10,
530
- }}
531
- >
526
+ }}>
532
527
  <LocalSwitchCamera />
533
528
  </View>
534
529
  )}
@@ -539,8 +534,7 @@ const Controls = () => {
539
534
  testID="screenShare-btn"
540
535
  style={{
541
536
  marginHorizontal: 10,
542
- }}
543
- >
537
+ }}>
544
538
  <ScreenshareButton />
545
539
  </View>
546
540
  )}
@@ -549,8 +543,7 @@ const Controls = () => {
549
543
  testID="recording-btn"
550
544
  style={{
551
545
  marginHorizontal: 10,
552
- }}
553
- >
546
+ }}>
554
547
  <Recording />
555
548
  </View>
556
549
  )}
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,