@amityco/react-native-social-uikit 4.0.0-93c391d.0 → 4.0.0-9d15a274.0

package/lib/module/v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.js

@@ -7,7 +7,7 @@ export const useStyles = () => {
     height: screenHeight
   } = Dimensions.get('window');
   const insets = useSafeAreaInsets();
-  const availableHeight = screenHeight - 80 - 60 - 40 - 40 - 120;
+  const availableHeight = screenHeight - 80 - 60 - 40 - 40 - 120 - 50;
   const styles = StyleSheet.create({
     container: {
       flex: 1,
@@ -25,7 +25,6 @@ export const useStyles = () => {
     },
     overlay: {
       flex: 1,
-      height: '100%',
       top: 0,
       bottom: 0,
       left: 0,
@@ -161,12 +160,18 @@ export const useStyles = () => {
     text: {
       color: theme.colors.background
     },
-    timer: {
+    closeButton: {
       left: 16,
       zIndex: 100,
       position: 'absolute',
       top: 20 + insets.top
     },
+    timer: {
+      right: 16,
+      zIndex: 100,
+      position: 'absolute',
+      top: 20 + insets.top
+    },
     permission: {
       flex: 1,
       top: 80 + insets.top,
@@ -193,6 +198,69 @@ export const useStyles = () => {
     reconnectingText: {
       color: theme.colors.background,
       textAlign: 'center'
+    },
+    containerRoom: {
+      flex: 1,
+      alignItems: 'stretch',
+      justifyContent: 'center',
+      padding: 10
+    },
+    participantView: {
+      flex: 1,
+      margin: 5,
+      height: 200,
+      backgroundColor: '#ccc'
+    },
+    roomContainer: {
+      flex: 1,
+      width: '100%',
+      height: '100%'
+    },
+    videoTrack: {
+      width: '100%',
+      height: '100%'
+    },
+    countdownOverlay: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 80,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'rgba(0, 0, 0, 0.7)',
+      zIndex: 150
+    },
+    countdownContainer: {
+      alignItems: 'center',
+      gap: 24
+    },
+    countdownCircle: {
+      position: 'relative',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 72,
+      height: 72
+    },
+    countdownNumberContainer: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    countdownNumber: {
+      fontSize: 32,
+      fontWeight: '700',
+      color: theme.colors.background
+    },
+    countdownText: {
+      fontSize: 24,
+      fontWeight: '500',
+      color: theme.colors.background,
+      textAlign: 'center'
     }
   });
   return styles;

package/lib/module/v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dimensions","StyleSheet","useTheme","useSafeAreaInsets","useStyles","theme","height","screenHeight","get","insets","availableHeight","styles","create","container","flex","backgroundColor","colors","background","position","cameraContainer","top","bottom","left","right","zIndex","overlay","noPermissionOverlay","camera","footer","paddingBottom","minHeight","paddingHorizontal","paddingVertical","flexDirection","alignItems","justifyContent","thumbnailButton","gap","thumbnailImageContainer","width","borderRadius","borderWidth","borderColor","overflow","thumbnailImage","resizeMode","thumbnailLoader","transform","translateX","translateY","content","header","inputContainer","paddingTop","titleInput","fontSize","fontWeight","padding","color","descriptionInput","textAlignVertical","lineHeight","maxHeight","goLiveContainer","communityButton","communityName","textAlign","connecting","indicator","text","timer","permission","permissionTitle","marginBottom","permissionDescription","reconnectingText"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Dimensions","StyleSheet","useTheme","useSafeAreaInsets","useStyles","theme","height","screenHeight","get","insets","availableHeight","styles","create","container","flex","backgroundColor","colors","background","position","cameraContainer","top","bottom","left","right","zIndex","overlay","noPermissionOverlay","camera","footer","paddingBottom","minHeight","paddingHorizontal","paddingVertical","flexDirection","alignItems","justifyContent","thumbnailButton","gap","thumbnailImageContainer","width","borderRadius","borderWidth","borderColor","overflow","thumbnailImage","resizeMode","thumbnailLoader","transform","translateX","translateY","content","header","inputContainer","paddingTop","titleInput","fontSize","fontWeight","padding","color","descriptionInput","textAlignVertical","lineHeight","maxHeight","goLiveContainer","communityButton","communityName","textAlign","connecting","indicator","text","closeButton","timer","permission","permissionTitle","marginBottom","permissionDescription","reconnectingText","containerRoom","participantView","margin","roomContainer","videoTrack","countdownOverlay","countdownContainer","countdownCircle","countdownNumberContainer","countdownNumber","countdownText"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityCreateLivestreamPage/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.js

@@ -1,148 +1,164 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { View, TouchableOpacity, TouchableWithoutFeedback, useAnimatedValue } from 'react-native';
+import React, { useEffect, useState, useRef } from 'react';
+import { View, TouchableOpacity, Platform } from 'react-native';
 import { useStyles } from './styles';
-// @ts-ignore
-// import { AmityStreamPlayer } from '@amityco/video-player-react-native';
 import LiveStreamEndThumbnail from '../../../component/LivestreamContent/LivestreamEndedThumbnail';
-import { Animated } from 'react-native';
 import { SvgXml } from 'react-native-svg';
-import { getPostTopic, PostRepository, StreamRepository, subscribeTopic } from '@amityco/ts-sdk-react-native';
-import { close, pause, resume } from '../../../assets/icons';
+import { close } from '../../../assets/icons';
 import { useNavigation, useRoute } from '@react-navigation/native';
-import { LivestreamStatus } from '../../../enum/livestreamStatus';
+import { RoomStatus } from '../../../enum/roomStatus';
 import LiveStreamIdleThumbnail from '../../../component/LivestreamContent/LivestreamIdleThumbnail';
 import { Typography } from '../../../component/Typography/Typography';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import NetInfo from '@react-native-community/netinfo';
 import { CircularProgressIndicator } from '../../../component/CircularProgressIndicator';
-const usePostSubscription = postId => {
-  const [subscribedPost, setSubscribedPost] = useState(null);
-  useEffect(() => {
-    let unsubscribe;
-    if (postId) {
-      unsubscribe = PostRepository.getPost(postId, ({
-        data
-      }) => {
-        setSubscribedPost(data);
-      });
-    }
-    return () => {
-      unsubscribe && unsubscribe();
-    };
-  }, [postId]);
-  useEffect(() => {
-    let unsubscribe;
-    if (subscribedPost) {
-      unsubscribe = subscribeTopic(getPostTopic(subscribedPost));
-    }
-    return () => {
-      unsubscribe && unsubscribe();
-    };
-  }, [subscribedPost]);
-  return {
-    subscribedPost
-  };
-};
+import Video from 'react-native-video';
+import useAuth from '../../../../hooks/useAuth';
+import { usePostSubscription, useRoomSubscription } from '../../../../v4/hook/index';
+import { RoomRepository } from '@amityco/ts-sdk-react-native';
 function AmityLiveStreamPlayerPage() {
-  var _livestream$moderatio3;
-  const ref = useRef(null);
+  var _room$moderation, _room$moderation2, _room$recordedPlaybac, _room$recordedPlaybac2;
   const {
     styles,
     theme
   } = useStyles();
-  const controlOpacity = useAnimatedValue(0);
   const navigation = useNavigation();
   const route = useRoute();
-  const [error, setError] = useState(null);
-  const [isPlaying, setIsPlaying] = useState(true);
   const [reconnecting, setReconnecting] = useState(false);
-  const [livestream, setLivestream] = useState();
+  const [room, setRoom] = useState(null);
+  const [error, setError] = useState(null);
+  const [isVideoLoading, setIsVideoLoading] = useState(true);
+  const [videoKey, setVideoKey] = useState(0);
+  const [isPaused, setIsPaused] = useState(false);
+  const [wasLive, setWasLive] = useState(false);
   const {
-    streamId,
+    roomId,
     post
   } = route.params;
   const {
     subscribedPost
   } = usePostSubscription(post === null || post === void 0 ? void 0 : post.postId);
-  const onStopPlayer = () => {
-    ref.current && ref.current.pause();
-    setIsPlaying(false);
-  };
-  const onStartPlayer = () => {
-    ref.current && ref.current.play();
-    setIsPlaying(true);
-  };
-  const onPressControlButton = () => {
-    isPlaying ? onStopPlayer() : onStartPlayer();
-  };
-  const onToggleControl = () => {
-    controlOpacity.stopAnimation(currentValue => {
-      Animated.timing(controlOpacity, {
-        toValue: currentValue === 0 ? 1 : 0,
-        duration: 300,
-        useNativeDriver: false
-      }).start();
-    });
-  };
+  useRoomSubscription({
+    room
+  });
+  const {
+    client
+  } = useAuth();
+  const videoRef = useRef(null);
+  const isStreamEnding = useRef(false);
   useEffect(() => {
-    const unsubscribe = StreamRepository.getStreamById(streamId, ({
+    const unsubscribe = RoomRepository.getRoom(roomId, ({
       data,
       loading,
       error: streamError
     }) => {
       if (streamError) setError(streamError);
-      if (!loading && data) setLivestream({
+      if (!loading && data) setRoom({
         ...data
       });
     });
     return () => unsubscribe();
-  }, [streamId]);
+  }, [roomId]);
   useEffect(() => {
-    if (livestream !== null && livestream !== void 0 && livestream.isDeleted || subscribedPost !== null && subscribedPost !== void 0 && subscribedPost.isDeleted) {
-      navigation.replace('PostDetail', {
-        postId: subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.postId
-      });
+    if ((room === null || room === void 0 ? void 0 : room.status) === RoomStatus.live) {
+      setWasLive(true);
     }
-  }, [livestream === null || livestream === void 0 ? void 0 : livestream.isDeleted, subscribedPost, navigation]);
+  }, [room === null || room === void 0 ? void 0 : room.status]);
   useEffect(() => {
-    var _livestream$moderatio, _livestream$moderatio2;
-    const isTerminated = (livestream === null || livestream === void 0 || (_livestream$moderatio = livestream.moderation) === null || _livestream$moderatio === void 0 ? void 0 : _livestream$moderatio.terminateLabels) && (livestream === null || livestream === void 0 || (_livestream$moderatio2 = livestream.moderation) === null || _livestream$moderatio2 === void 0 || (_livestream$moderatio2 = _livestream$moderatio2.terminateLabels) === null || _livestream$moderatio2 === void 0 ? void 0 : _livestream$moderatio2.length) > 0;
-    const isLiveOrEnded = (livestream === null || livestream === void 0 ? void 0 : livestream.status) === LivestreamStatus.live || (livestream === null || livestream === void 0 ? void 0 : livestream.status) === LivestreamStatus.ended;
-    if (isLiveOrEnded && isTerminated) {
-      navigation.replace('LivestreamTerminated', {
-        type: 'viewer'
+    if (room !== null && room !== void 0 && room.isDeleted || subscribedPost !== null && subscribedPost !== void 0 && subscribedPost.isDeleted) {
+      navigation.replace('PostDetail', {
+        postId: subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.postId
       });
     }
-  }, [livestream === null || livestream === void 0 || (_livestream$moderatio3 = livestream.moderation) === null || _livestream$moderatio3 === void 0 ? void 0 : _livestream$moderatio3.terminateLabels, livestream === null || livestream === void 0 ? void 0 : livestream.status, navigation]);
+  }, [navigation, room === null || room === void 0 ? void 0 : room.isDeleted, subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.postId, subscribedPost === null || subscribedPost === void 0 ? void 0 : subscribedPost.isDeleted]);
   useEffect(() => {
     const unsubscribe = NetInfo.addEventListener(state => {
       setReconnecting(!state.isConnected);
     });
     return () => unsubscribe();
   }, []);
-  if (!livestream || error) return /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(LiveStreamIdleThumbnail, null));
+  useEffect(() => {
+    if (!(room !== null && room !== void 0 && room.status)) return;
+    const shouldEnd = room.status === RoomStatus.ended || room.status === RoomStatus.recorded && wasLive;
+    if (!shouldEnd || isStreamEnding.current) return;
+    isStreamEnding.current = true;
+    setIsPaused(true);
+    if (Platform.OS === 'ios') {
+      // iOS: ONLY dismiss fullscreen. DO NOT touch key. DO NOT unmount.
+      requestAnimationFrame(() => {
+        var _videoRef$current, _videoRef$current$dis;
+        (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 || (_videoRef$current$dis = _videoRef$current.dismissFullscreenPlayer) === null || _videoRef$current$dis === void 0 || _videoRef$current$dis.call(_videoRef$current);
+      });
+    } else {
+      // Android: HARD destroy
+      setTimeout(() => {
+        setVideoKey(prev => prev + 1);
+      }, 50);
+    }
+  }, [room === null || room === void 0 ? void 0 : room.status, wasLive]);
+  const isTerminated = (room === null || room === void 0 || (_room$moderation = room.moderation) === null || _room$moderation === void 0 ? void 0 : _room$moderation.terminateLabels) && (room === null || room === void 0 || (_room$moderation2 = room.moderation) === null || _room$moderation2 === void 0 || (_room$moderation2 = _room$moderation2.terminateLabels) === null || _room$moderation2 === void 0 ? void 0 : _room$moderation2.length) > 0;
+  const shouldShowEndThumbnail = (room === null || room === void 0 ? void 0 : room.status) === RoomStatus.ended || (room === null || room === void 0 ? void 0 : room.status) === RoomStatus.recorded && wasLive || isTerminated;
+  if (!room || error) {
+    return /*#__PURE__*/React.createElement(SafeAreaView, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(LiveStreamIdleThumbnail, null));
+  }
+  const closePlayer = () => {
+    navigation.goBack();
+  };
+  const videoUrl = room.status === RoomStatus.recorded ? (_room$recordedPlaybac = room.recordedPlaybackInfos[0]) === null || _room$recordedPlaybac === void 0 ? void 0 : _room$recordedPlaybac.url : room.livePlaybackUrl;
   return /*#__PURE__*/React.createElement(SafeAreaView, {
     style: styles.container
-  }, livestream.status === LivestreamStatus.ended ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  }, shouldShowEndThumbnail ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: styles.steamEndContainer
   }, /*#__PURE__*/React.createElement(LiveStreamEndThumbnail, null)), /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.closeButton,
-    onPress: navigation.goBack
+    onPress: closePlayer
   }, /*#__PURE__*/React.createElement(SvgXml, {
     xml: close(),
     width: "28",
     height: "28",
     color: theme.colors.background
-  }))) :
-  // <AmityStreamPlayer
-  //   ref={ref}
-  //   stream={livestream}
-  //   onBack={navigation.goBack}
-  //   status={livestream.status === 'live' ? 'live' : 'recorded'}
-  // />
-  null, livestream.status === LivestreamStatus.live && reconnecting && /*#__PURE__*/React.createElement(View, {
+  }))) : /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, (room.status === RoomStatus.live || room.status === RoomStatus.waiting_reconnect) && /*#__PURE__*/React.createElement(View, {
+    style: styles.indicator
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.status
+  }, /*#__PURE__*/React.createElement(Typography.CaptionBold, {
+    style: styles.live
+  }, "LIVE"))), !shouldShowEndThumbnail && /*#__PURE__*/React.createElement(Video, {
+    key: Platform.OS === 'android' ? `${videoUrl}-${videoKey}` : videoUrl,
+    ref: videoRef,
+    source: {
+      uri: room.status === RoomStatus.recorded ? (_room$recordedPlaybac2 = room.recordedPlaybackInfos[0]) === null || _room$recordedPlaybac2 === void 0 ? void 0 : _room$recordedPlaybac2.url : room.livePlaybackUrl,
+      headers: {
+        Authorization: `Bearer ${client.token.accessToken}`
+      },
+      type: 'm3u8'
+    },
+    style: styles.container,
+    resizeMode: "contain",
+    controls: true,
+    fullscreenOrientation: "landscape",
+    paused: isPaused,
+    muted: false,
+    volume: 1.0,
+    audioOutput: "speaker",
+    playInBackground: false,
+    playWhenInactive: false,
+    repeat: false,
+    onLoad: () => {
+      setIsVideoLoading(false);
+      if (room.status === RoomStatus.recorded) {
+        setIsPaused(false);
+      }
+    }
+  }), isVideoLoading && /*#__PURE__*/React.createElement(View, {
+    style: styles.connecting
+  }, /*#__PURE__*/React.createElement(CircularProgressIndicator, {
+    size: 40,
+    strokeWidth: 2
+  }))), (room.status === RoomStatus.live && reconnecting || room.status === RoomStatus.waiting_reconnect) && /*#__PURE__*/React.createElement(View, {
     style: styles.connecting
   }, /*#__PURE__*/React.createElement(CircularProgressIndicator, {
     size: 40,
@@ -151,41 +167,7 @@ function AmityLiveStreamPlayerPage() {
     style: styles.text
   }, "Reconnecting"), /*#__PURE__*/React.createElement(Typography.Caption, {
     style: styles.reconnectingText
-  }, "Due to poor connection, this live stream has been ", '\n', " paused. It will resume automatically ", '\n', " once the connection is stable.")), livestream.status === LivestreamStatus.live && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    style: styles.indicator
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.status
-  }, /*#__PURE__*/React.createElement(Typography.CaptionBold, {
-    style: styles.live
-  }, "LIVE"))), /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-    onPress: onToggleControl
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.control, {
-      opacity: controlOpacity
-    }]
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.closeButton,
-    onPress: navigation.goBack
-  }, /*#__PURE__*/React.createElement(SvgXml, {
-    xml: close(),
-    width: "28",
-    height: "28",
-    color: theme.colors.background
-  })), /*#__PURE__*/React.createElement(View, {
-    style: styles.controller
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: onPressControlButton
-  }, isPlaying ? /*#__PURE__*/React.createElement(SvgXml, {
-    width: 32,
-    height: 32,
-    xml: pause(),
-    color: theme.colors.background
-  }) : /*#__PURE__*/React.createElement(SvgXml, {
-    width: 32,
-    height: 32,
-    xml: resume(),
-    color: theme.colors.background
-  })))))));
+  }, "Due to poor connection, this live stream has been ", '\n', " paused. It will resume automatically ", '\n', " once the connection is stable.")));
 }
 export default AmityLiveStreamPlayerPage;
 //# sourceMappingURL=AmityLivestreamPlayerPage.js.map

package/lib/module/v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","View","TouchableOpacity","TouchableWithoutFeedback","useAnimatedValue","useStyles","LiveStreamEndThumbnail","Animated","SvgXml","getPostTopic","PostRepository","StreamRepository","subscribeTopic","close","pause","resume","useNavigation","useRoute","LivestreamStatus","LiveStreamIdleThumbnail","Typography","SafeAreaView","NetInfo","CircularProgressIndicator","usePostSubscription","postId","subscribedPost","setSubscribedPost","unsubscribe","getPost","data","AmityLiveStreamPlayerPage","_livestream$moderatio3","ref","styles","theme","controlOpacity","navigation","route","error","setError","isPlaying","setIsPlaying","reconnecting","setReconnecting","livestream","setLivestream","streamId","post","params","onStopPlayer","current","onStartPlayer","play","onPressControlButton","onToggleControl","stopAnimation","currentValue","timing","toValue","duration","useNativeDriver","start","getStreamById","loading","streamError","isDeleted","replace","_livestream$moderatio","_livestream$moderatio2","isTerminated","moderation","terminateLabels","length","isLiveOrEnded","status","live","ended","type","addEventListener","state","isConnected","createElement","style","container","Fragment","steamEndContainer","closeButton","onPress","goBack","xml","width","height","color","colors","background","connecting","size","strokeWidth","TitleBold","text","Caption","reconnectingText","indicator","CaptionBold","control","opacity","controller"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useRef","View","TouchableOpacity","Platform","useStyles","LiveStreamEndThumbnail","SvgXml","close","useNavigation","useRoute","RoomStatus","LiveStreamIdleThumbnail","Typography","SafeAreaView","NetInfo","CircularProgressIndicator","Video","useAuth","usePostSubscription","useRoomSubscription","RoomRepository","AmityLiveStreamPlayerPage","_room$moderation","_room$moderation2","_room$recordedPlaybac","_room$recordedPlaybac2","styles","theme","navigation","route","reconnecting","setReconnecting","room","setRoom","error","setError","isVideoLoading","setIsVideoLoading","videoKey","setVideoKey","isPaused","setIsPaused","wasLive","setWasLive","roomId","post","params","subscribedPost","postId","client","videoRef","isStreamEnding","unsubscribe","getRoom","data","loading","streamError","status","live","isDeleted","replace","addEventListener","state","isConnected","shouldEnd","ended","recorded","current","OS","requestAnimationFrame","_videoRef$current","_videoRef$current$dis","dismissFullscreenPlayer","call","setTimeout","prev","isTerminated","moderation","terminateLabels","length","shouldShowEndThumbnail","createElement","style","container","closePlayer","goBack","videoUrl","recordedPlaybackInfos","url","livePlaybackUrl","Fragment","steamEndContainer","closeButton","onPress","xml","width","height","color","colors","background","waiting_reconnect","indicator","CaptionBold","key","ref","source","uri","headers","Authorization","token","accessToken","type","resizeMode","controls","fullscreenOrientation","paused","muted","volume","audioOutput","playInBackground","playWhenInactive","repeat","onLoad","connecting","size","strokeWidth","TitleBold","text","Caption","reconnectingText"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/AmityLivestreamPlayerPage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.js

@@ -12,7 +12,8 @@ export const useStyles = () => {
     },
     steamEndContainer: {
       flex: 1,
-      justifyContent: 'center'
+      justifyContent: 'center',
+      backgroundColor: '#000000'
     },
     indicator: {
       left: 16,

package/lib/module/v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useSafeAreaInsets","useStyles","theme","insets","styles","create","container","flex","position","backgroundColor","steamEndContainer","justifyContent","indicator","left","zIndex","top","status","borderRadius","paddingVertical","paddingHorizontal","colors","live","color","background","control","right","bottom","opacity","controlVisible","controller","alignItems","closeButton","connecting","gap","reconnectingText","textAlign","text"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAa,CAAC;EACpC,MAAMI,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDC,iBAAiB,EAAE;MACjBH,IAAI,EAAE,CAAC;MACPI,cAAc,EAAE;IAClB,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAEZ,MAAM,CAACY,GAAG,GAAG,EAAE;MACpBP,QAAQ,EAAE;IACZ,CAAC;IACDQ,MAAM,EAAE;MACNC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBV,eAAe,EAAEP,KAAK,CAACkB,MAAM,CAACC;IAChC,CAAC;IACDA,IAAI,EAAE;MACJC,KAAK,EAAEpB,KAAK,CAACkB,MAAM,CAACG;IACtB,CAAC;IACDC,OAAO,EAAE;MACPT,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVb,MAAM,EAAE,EAAE;MACVN,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDmB,cAAc,EAAE;MACdD,OAAO,EAAE;IACX,CAAC;IACDE,UAAU,EAAE;MACVtB,IAAI,EAAE,CAAC;MACPuB,UAAU,EAAE,QAAQ;MACpBnB,cAAc,EAAE;IAClB,CAAC;IACDoB,WAAW,EAAE;MACXjB,MAAM,EAAE,CAAC;MACTW,KAAK,EAAE,EAAE;MACTV,GAAG,EAAEZ,MAAM,CAACY,GAAG,GAAG,EAAE;MACpBP,QAAQ,EAAE;IACZ,CAAC;IACDwB,UAAU,EAAE;MACVxB,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTf,cAAc,EAAE,QAAQ;MACxBsB,GAAG,EAAE,EAAE;MACPnB,MAAM,EAAE,GAAG;MACXgB,UAAU,EAAE,QAAQ;MACpBrB,eAAe,EAAE;IACnB,CAAC;IACDyB,gBAAgB,EAAE;MAChBC,SAAS,EAAE,QAAQ;MACnBb,KAAK,EAAEpB,KAAK,CAACkB,MAAM,CAACG;IACtB,CAAC;IACDa,IAAI,EAAE;MACJd,KAAK,EAAEpB,KAAK,CAACkB,MAAM,CAACG;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IACLrB,KAAK;IACLE;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","useTheme","useSafeAreaInsets","useStyles","theme","insets","styles","create","container","flex","position","backgroundColor","steamEndContainer","justifyContent","indicator","left","zIndex","top","status","borderRadius","paddingVertical","paddingHorizontal","colors","live","color","background","control","right","bottom","opacity","controlVisible","controller","alignItems","closeButton","connecting","gap","reconnectingText","textAlign","text"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityLivestreamPlayerPage/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAa,CAAC;EACpC,MAAMI,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IAEDC,iBAAiB,EAAE;MACjBH,IAAI,EAAE,CAAC;MACPI,cAAc,EAAE,QAAQ;MACxBF,eAAe,EAAE;IACnB,CAAC;IACDG,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAEZ,MAAM,CAACY,GAAG,GAAG,EAAE;MACpBP,QAAQ,EAAE;IACZ,CAAC;IACDQ,MAAM,EAAE;MACNC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBV,eAAe,EAAEP,KAAK,CAACkB,MAAM,CAACC;IAChC,CAAC;IACDA,IAAI,EAAE;MACJC,KAAK,EAAEpB,KAAK,CAACkB,MAAM,CAACG;IACtB,CAAC;IACDC,OAAO,EAAE;MACPT,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVb,MAAM,EAAE,EAAE;MACVN,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDmB,cAAc,EAAE;MACdD,OAAO,EAAE;IACX,CAAC;IACDE,UAAU,EAAE;MACVtB,IAAI,EAAE,CAAC;MACPuB,UAAU,EAAE,QAAQ;MACpBnB,cAAc,EAAE;IAClB,CAAC;IACDoB,WAAW,EAAE;MACXjB,MAAM,EAAE,CAAC;MACTW,KAAK,EAAE,EAAE;MACTV,GAAG,EAAEZ,MAAM,CAACY,GAAG,GAAG,EAAE;MACpBP,QAAQ,EAAE;IACZ,CAAC;IACDwB,UAAU,EAAE;MACVxB,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,CAAC;MACNF,IAAI,EAAE,CAAC;MACPY,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTf,cAAc,EAAE,QAAQ;MACxBsB,GAAG,EAAE,EAAE;MACPnB,MAAM,EAAE,GAAG;MACXgB,UAAU,EAAE,QAAQ;MACpBrB,eAAe,EAAE;IACnB,CAAC;IACDyB,gBAAgB,EAAE;MAChBC,SAAS,EAAE,QAAQ;MACnBb,KAAK,EAAEpB,KAAK,CAACkB,MAAM,CAACG;IACtB,CAAC;IACDa,IAAI,EAAE;MACJd,KAAK,EAAEpB,KAAK,CAACkB,MAAM,CAACG;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IACLrB,KAAK;IACLE;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/v4/PublicApi/Pages/AmityPostComposerPage/AmityPostComposerPage.js

@@ -88,11 +88,9 @@ const AmityPostComposerPage = ({
   const [deletedPostIds, setDeletedPostIds] = useState([]);
   const [isUploading, setIsUploading] = useState(false);
   const [hasChangedAttachment, setHasChangedAttachment] = useState(false);
-  const [imageErrors, setImageErrors] = useState(new Set());
-  const [videoErrors, setVideoErrors] = useState(new Set());
   const privateCommunityId = !(community !== null && community !== void 0 && community.isPublic) && (community === null || community === void 0 ? void 0 : community.communityId);
   const title = isEditMode ? 'Edit Post' : (community === null || community === void 0 ? void 0 : community.displayName) ?? 'My Timeline';
-  const isInputValid = !isUploading && imageErrors.size === 0 && videoErrors.size === 0 && inputMessage.trim().length <= MAXIMUM_POST_CHARACTERS && (inputMessage.trim().length > 0 || displayImages.length > 0 || displayVideos.length > 0) && (displayImages.length <= 10 || displayVideos.length <= 10);
+  const isInputValid = !isUploading && inputMessage.trim().length <= MAXIMUM_POST_CHARACTERS && (inputMessage.trim().length > 0 || displayImages.length > 0 || displayVideos.length > 0) && (displayImages.length <= 10 || displayVideos.length <= 10);
   const {
     renderInput,
     renderSuggestions
@@ -441,36 +439,9 @@ const AmityPostComposerPage = ({
       });
     }
   }, [displayVideos.length, processMedia]);
-  const handleImageUploadError = useCallback((hasError, source) => {
-    setImageErrors(prev => {
-      const newSet = new Set(prev);
-      if (hasError) {
-        newSet.add(source);
-      } else {
-        newSet.delete(source);
-      }
-      return newSet;
-    });
-  }, []);
-  const handleVideoUploadError = useCallback((hasError, source) => {
-    setVideoErrors(prev => {
-      const newSet = new Set(prev);
-      if (hasError) {
-        newSet.add(source);
-      } else {
-        newSet.delete(source);
-      }
-      return newSet;
-    });
-  }, []);
   const handleOnCloseImage = useCallback((originalPath, _, postId) => {
     setHasChangedAttachment(true);
     setDeletedPostIds(prev => [...prev, postId]);
-    setImageErrors(prev => {
-      const newSet = new Set(prev);
-      newSet.delete(originalPath);
-      return newSet;
-    });
     setDisplayImages(prevData => {
       const newData = prevData.filter(item => item.url !== originalPath);
       return newData;
@@ -479,11 +450,6 @@ const AmityPostComposerPage = ({
   const handleOnCloseVideo = useCallback((originalPath, _, postId) => {
     setHasChangedAttachment(true);
     setDeletedPostIds(prev => [...prev, postId]);
-    setVideoErrors(prev => {
-      const newSet = new Set(prev);
-      newSet.delete(originalPath);
-      return newSet;
-    });
     setDisplayVideos(prevData => {
       const newData = prevData.filter(item => item.url !== originalPath);
       return newData;
@@ -589,7 +555,6 @@ const AmityPostComposerPage = ({
         index: index //TODO: Fix this without index
         ,
         onLoadFinish: handleOnFinishImage,
-        onUploadError: handleImageUploadError,
         isUploaded: item.isUploaded,
         fileId: item.fileId,
         fileCount: displayImages.length,
@@ -612,7 +577,6 @@ const AmityPostComposerPage = ({
         index: index //TODO: Fix this without index
         ,
         onLoadFinish: handleOnFinishVideo,
-        onUploadError: handleVideoUploadError,
         isUploaded: item.isUploaded,
         fileId: item.fileId,
         thumbNail: item.thumbNail,