@amityco/react-native-social-uikit 4.0.0-c2327e7.0 → 4.0.0-d2b8337.0

package/src/v4/component/LoadingImage/styles.ts

@@ -18,12 +18,28 @@ export const useStyles = () => {
       height: '100%',
       resizeMode: 'cover',
       borderRadius: 5,
+      position: 'relative',
     },
     overlay: {
       ...StyleSheet.absoluteFillObject,
       justifyContent: 'center',
       alignItems: 'center',
     },
+    failedOverlay: {
+      ...StyleSheet.absoluteFillObject,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'rgba(0, 0, 0, 0.4)',
+      borderRadius: 5,
+    },
+    errorOverlay: {
+      position: 'absolute',
+      top: '50%',
+      left: 0,
+      right: 0,
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
     progressBar: {
       marginVertical: 10,
     },
@@ -40,6 +56,7 @@ export const useStyles = () => {
       padding: 7,
       backgroundColor: 'rgba(0, 0, 0, 0.4)',
       borderRadius: 72,
+      zIndex: 10,
     },
   });
 };

package/src/v4/component/LoadingVideo/index.tsx

@@ -18,8 +18,6 @@ import { useStyles } from './styles';
 import Video from 'react-native-video';
 import { useNavigation } from '@react-navigation/native';
 import type { NativeStackNavigationProp } from '@react-navigation/native-stack';
-import { useTheme } from 'react-native-paper';
-import type { MyMD3Theme } from '../../../providers/amity-ui-kit-provider';
 import uiSlice from '../../../redux/slices/uiSlice';
 import { createVideoThumbnail } from 'react-native-compressor';
 import { useUIKitDispatch } from '../../../redux/store';
@@ -35,6 +33,7 @@ interface OverlayImageProps {
     originalPath: string,
     thumbNail: string
   ) => void;
+  onUploadError?: (hasError: boolean, source: string) => void;
   index?: number;
   isUploaded: boolean;
   fileId?: string;
@@ -50,6 +49,7 @@ const LoadingVideo = ({
   onClose,
   index,
   onLoadFinish,
+  onUploadError,
   isUploaded = false,
   thumbNail,
   onPlay,
@@ -59,7 +59,6 @@ const LoadingVideo = ({
   postId,
   setIsUploading,
 }: OverlayImageProps) => {
-  const theme = useTheme() as MyMD3Theme;
   const dispatch = useUIKitDispatch();
   const { showToastMessage } = uiSlice.actions;
   const [loading, setLoading] = useState(true);
@@ -129,23 +128,30 @@ const LoadingVideo = ({
       } else {
         handleLoadEnd();
         dispatch(showToastMessage({ toastMessage: 'Failed to upload file' }));
+        setIsProcess(false);
         setIsUploadError(true);
+        onUploadError?.(true, source);
       }
     } catch (error) {
       handleLoadEnd();
       dispatch(showToastMessage({ toastMessage: 'Failed to upload file' }));
+      setIsProcess(false);
       setIsUploadError(true);
+      onUploadError?.(true, source);
     }
   }, [source]);
 
   const handleDelete = async () => {
-    if (!fileId) return null;
-    if (!isEditMode) {
+    if (fileId && !isEditMode) {
       await deleteAmityFile(fileId);
     }
     onClose && onClose(source, fileId, postId);
   };
   useEffect(() => {
+    setIsUploadError(false);
+    onUploadError?.(false, source);
+    setProgress(0);
+    setIsProcess(false);
     if (isUploaded) {
       setLoading(false);
     } else {
@@ -216,10 +222,10 @@ const LoadingVideo = ({
       ) : (
         <TouchableOpacity
           style={styles.closeButton}
-          disabled={loading || isProcess}
+          disabled={(loading || isProcess) && !isUploadError}
           onPress={handleDelete}
         >
-          <SvgXml xml={closeIcon(theme.colors.base)} width="12" height="12" />
+          <SvgXml xml={closeIcon('white')} width="12" height="12" />
         </TouchableOpacity>
       )}
     </View>

package/src/v4/component/MyStories/StoryCircleItem.tsx

@@ -2,12 +2,13 @@ import { Image, Text, TouchableOpacity, View } from 'react-native';
 import React, { FC, useEffect, useState } from 'react';
 import { SvgXml } from 'react-native-svg';
 import {
+  errorIcon,
   officialIcon,
   privateIcon,
   storyRing,
 } from '../../../svg/svg-xml-list';
 import { ComponentID, ElementID, ImageSizeState, PageID } from '../../enum';
-import { useFile } from '../../hook';
+import { useFile, useStoryPermission } from '../../hook';
 import useConfig from '../../hook/useConfig';
 import { useStyles } from './styles';
 import { CommunityRepository } from '@amityco/ts-sdk-react-native';
@@ -26,18 +27,20 @@ const StoryCircleItem: FC<IStoryCircleItem> = ({
   const theme = useTheme() as MyMD3Theme;
   const [avatarUrl, setAvatarUrl] = useState(null);
   const [communityData, setCommunityData] = useState<Amity.Community>(null);
+  const hasStoryPermission = useStoryPermission(storyTarget.targetId);
   const { getImage } = useFile();
   const { getUiKitConfig } = useConfig();
   const styles = useStyles();
-  const storyRingColor: string[] = storyTarget?.hasUnseen
-    ? (getUiKitConfig({
-        page: PageID.StoryPage,
-        component: ComponentID.StoryTab,
-        element: ElementID.StoryRing,
-      })?.progress_color as string[]) ?? ['#e2e2e2', '#e2e2e2']
-    : storyTarget?.failedStoriesCount > 0
-    ? ['#DE1029', '#DE1029']
-    : ['#e2e2e2', '#e2e2e2'];
+  const storyRingColor: string[] =
+    hasStoryPermission && storyTarget?.failedStoriesCount > 0
+      ? ['#DE1029', '#DE1029']
+      : storyTarget?.hasUnseen
+      ? (getUiKitConfig({
+          page: PageID.StoryPage,
+          component: ComponentID.StoryTab,
+          element: ElementID.StoryRing,
+        })?.progress_color as string[]) ?? ['#e2e2e2', '#e2e2e2']
+      : ['#e2e2e2', '#e2e2e2'];
 
   useEffect(() => {
     if (storyTarget.targetType !== 'community') return;
@@ -80,12 +83,16 @@ const StoryCircleItem: FC<IStoryCircleItem> = ({
         height={68}
         xml={storyRing(storyRingColor[0], storyRingColor[1])}
       />
-      {communityData?.isOfficial && (
+      {hasStoryPermission && storyTarget?.failedStoriesCount > 0 ? (
+        <View style={styles.errorIcon}>
+          <SvgXml width={16} height={16} xml={errorIcon()} />
+        </View>
+      ) : communityData?.isOfficial ? (
         <SvgXml
           style={styles.officialIcon}
           xml={officialIcon(theme.colors.primary)}
         />
-      )}
+      ) : null}
       <View style={styles.textRow}>
         {!communityData?.isPublic && (
           <SvgXml width={17} height={17} xml={privateIcon(theme.colors.base)} />

package/src/v4/component/MyStories/styles.ts

@@ -82,6 +82,11 @@ export const useStyles = () => {
       left: 45,
       top: 42,
     },
+    errorIcon: {
+      position: 'absolute',
+      left: 45,
+      bottom: 24,
+    },
     scrollContainer: {
       paddingVertical: 4,
     },

package/src/v4/component/PostContent/index.tsx

@@ -43,7 +43,9 @@ const PostContent: React.FC<IPostContent> = ({
   const [imagePosts, setImagePosts] = useState<string[]>([]);
   const [videoPosts, setVideoPosts] = useState<IVideoPost[]>([]);
   const [pollIds, setPollIds] = useState<{ pollId: string }[]>([]);
-  const [livestreamId, setLivestreamId] = useState<Amity.Room['roomId'][]>([]);
+  const [livestreamId, setLivestreamId] = useState<Amity.Stream['streamId'][]>(
+    []
+  );
 
   const [imagePostsFullSize, setImagePostsFullSize] = useState<MediaUri[]>([]);
   const [videoPostsFullSize, setVideoPostsFullSize] = useState<MediaUri[]>([]);
@@ -94,7 +96,7 @@ const PostContent: React.FC<IPostContent> = ({
       const images: string[] = [];
       const videos: IVideoPost[] = [];
       const polls: { pollId: string }[] = [];
-      const livestreams: Amity.Room['roomId'][] = [];
+      const livestreams: Amity.Stream['streamId'][] = [];
 
       response.forEach((item) => {
         if (item?.dataType === 'image' && item?.data?.fileId) {
@@ -117,9 +119,9 @@ const PostContent: React.FC<IPostContent> = ({
           if (!polls.some((poll) => poll.pollId === item.data.pollId)) {
             polls.push(item.data);
           }
-        } else if (item?.dataType === 'room') {
-          if (!livestreams.includes(item.data.roomId)) {
-            livestreams.push(item.data.roomId);
+        } else if (item?.dataType === 'liveStream') {
+          if (!livestreams.includes(item.data.streamId)) {
+            livestreams.push(item.data.streamId);
           }
         }
       });
@@ -342,7 +344,7 @@ const PostContent: React.FC<IPostContent> = ({
         <LivestreamContent
           post={post}
           onPressPost={onPressPost}
-          roomId={livestreamId[0]}
+          streamId={livestreamId[0]}
         />
       ) : (
         renderMediaPosts()

package/src/v4/component/PostMenu/index.tsx

@@ -255,7 +255,7 @@ export function PostMenu({ pageId, componentId, post }: PostMenuProps) {
                 ],
               },
               (post?.creator?.userId === myId || isIAmModerator) &&
-                ((childrenPost?.dataType !== 'room' &&
+                ((childrenPost?.dataType !== 'liveStream' &&
                   childrenPost?.dataType !== 'poll') ||
                   (childrenPost?.dataType === 'poll' &&
                     pollData?.status === 'open')) &&
@@ -280,7 +280,7 @@ export function PostMenu({ pageId, componentId, post }: PostMenuProps) {
               </TouchableOpacity>
             )}
             {post?.creator?.userId === myId &&
-              childrenPost?.dataType !== 'room' &&
+              childrenPost?.dataType !== 'liveStream' &&
               childrenPost?.dataType !== 'poll' && (
                 <TouchableOpacity
                   onPress={goToEditPost}

package/src/v4/component/Toast/index.tsx

@@ -8,8 +8,8 @@ import { informative, failed, success } from '../../assets/icons';
 import { CircularProgressIndicator } from '../CircularProgressIndicator';
 
 const Toast = () => {
+  const { styles, theme } = useStyles();
   const { hideToast, toast } = useToast();
-  const { styles, theme } = useStyles(toast.bottomPosition);
   const timeoutRef = useRef<number | null>(null);
   const fadeIn = useRef(new Animated.Value(0)).current;
 

package/src/v4/component/Toast/styles.ts

@@ -3,7 +3,7 @@ import { useTheme } from 'react-native-paper';
 import type { MyMD3Theme } from '../../../providers/amity-ui-kit-provider';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-export const useStyles = (bottomPosition: number = 16) => {
+export const useStyles = () => {
   const theme = useTheme<MyMD3Theme>();
   const { bottom } = useSafeAreaInsets();
 
@@ -13,7 +13,7 @@ export const useStyles = (bottomPosition: number = 16) => {
       zIndex: 999,
       width: '90%',
       borderRadius: 8,
-      bottom: bottom + bottomPosition,
+      bottom: bottom + 16,
       paddingVertical: 16,
       alignSelf: 'center',
       flexDirection: 'row',

package/src/v4/enum/livestreamStatus.ts

@@ -0,0 +1,6 @@
+export const LivestreamStatus = {
+  idle: 'idle' as Amity.StreamStatus,
+  live: 'live' as Amity.StreamStatus,
+  recorded: 'recorded' as Amity.StreamStatus,
+  ended: 'ended' as Amity.StreamStatus,
+};

package/src/v4/hook/index.ts

@@ -30,5 +30,3 @@ export * from './usePendingPostQuery';
 export * from './useMembersQuery';
 export * from './useRolesQuery';
 export * from './useFlagUserQuery';
-export * from './usePostSubscription';
-export * from './useRoomSubscription';

package/src/v4/hook/useCustomRankingGlobalFeed.ts

@@ -51,7 +51,7 @@ export const useCustomRankingGlobalFeed = () => {
                   if (
                     data?.dataType === 'image' ||
                     data?.dataType === 'video' ||
-                    data?.dataType === 'room' ||
+                    // data?.dataType === 'liveStream' ||
                     data?.dataType === 'poll'
                   ) {
                     resolve(post);

package/src/v4/index.tsx

@@ -11,7 +11,7 @@ export { default as AmityMyCommunitiesSearchPage } from './PublicApi/Pages/Amity
 export { default as AmityAllCategoriesPage } from './PublicApi/Pages/AmityAllCategoriesPage/AmityAllCategoriesPage';
 export { default as AmityCommunitiesByCategoryPage } from './PublicApi/Pages/AmityCommunitiesByCategoryPage/AmityCommunitiesByCategoryPage';
 export { default as AmityCommunityProfilePage } from './PublicApi/Pages/AmityCommunityProfilePage/AmityCommunityProfilePage';
-export { default as AmityCreateLivestreamPage } from './PublicApi/Pages/AmityCreateLivestreamPage';
+// export { default as AmityCreateLivestreamPage } from './PublicApi/Pages/AmityCreateLivestreamPage';
 export { default as AmityLivestreamPostTargetSelectionPage } from './PublicApi/Pages/AmityLivestreamPostTargetSelectionPage';
 export { default as AmityLivestreamTerminatedPage } from './PublicApi/Pages/AmityLivestreamTerminatedPage';
 export { default as AmityLivestreamPlayerPage } from './PublicApi/Pages/AmityLivestreamPlayerPage';

package/src/v4/routes/RouteParamList.tsx

@@ -72,7 +72,7 @@ export type RootStackParamList = {
     targetType: string;
   };
   LivestreamPlayer: {
-    roomId: string;
+    streamId: string;
     post: Amity.Post;
   };
   LivestreamTerminated: {

package/src/v4/stores/slices/toast.ts

@@ -10,14 +10,12 @@ type ToastState = {
   message: string;
   type: 'failed' | 'success' | 'informative' | 'loading';
   duration?: number;
-  bottomPosition?: number;
 };
 const initialState: ToastState = {
   visible: false,
   message: '',
   type: 'loading',
   duration: 2500,
-  bottomPosition: 16,
 };
 
 const toastSlice = createSlice({
@@ -29,15 +27,12 @@ const toastSlice = createSlice({
       state.message = action.payload.message;
       state.type = action.payload.type;
       state.duration = action.payload.duration ?? initialState.duration;
-      state.bottomPosition =
-        action.payload.bottomPosition ?? initialState.bottomPosition;
     },
     hideToast: (state) => {
       state.visible = false;
       state.message = '';
       state.type = 'loading';
       state.duration = 2500;
-      state.bottomPosition = 16;
     },
   },
 });

package/uikit.config.json

@@ -287,7 +287,7 @@
       "image": "create_poll_button"
     },
     "social_home_page/create_post_menu/create_livestream_button": {
-      "text": "Live stream",
+      "text": "Livestream",
       "image": "create_livestream_button"
     },
     "select_post_target_page/*/close_button": {

package/lib/commonjs/v4/PublicApi/Pages/AmityCreateLivestreamPage/RoomView.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RoomView = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _livekitClient = require("livekit-client");
-var _reactNative2 = require("@livekit/react-native");
-var _styles = require("./styles");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const RoomView = ({
-  onLocalParticipantReady,
-  isFrontCamera
-}) => {
-  const {
-    localParticipant
-  } = (0, _reactNative2.useLocalParticipant)();
-  const styles = (0, _styles.useStyles)();
-  (0, _react.useEffect)(() => {
-    if (localParticipant && onLocalParticipantReady) {
-      onLocalParticipantReady(localParticipant);
-    }
-  }, [localParticipant, onLocalParticipantReady]);
-  if (!(localParticipant !== null && localParticipant !== void 0 && localParticipant.isCameraEnabled)) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles.roomContainer
-    });
-  }
-  const cameraTrack = localParticipant.getTrackPublication(_livekitClient.Track.Source.Camera);
-  if (!(cameraTrack !== null && cameraTrack !== void 0 && cameraTrack.track)) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles.roomContainer
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.roomContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative2.VideoTrack, {
-    trackRef: {
-      participant: localParticipant,
-      publication: cameraTrack,
-      source: _livekitClient.Track.Source.Camera
-    },
-    style: styles.videoTrack,
-    mirror: isFrontCamera
-  }));
-};
-exports.RoomView = RoomView;
-//# sourceMappingURL=RoomView.js.map

package/lib/commonjs/v4/PublicApi/Pages/AmityCreateLivestreamPage/RoomView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_livekitClient","_reactNative2","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RoomView","onLocalParticipantReady","isFrontCamera","localParticipant","useLocalParticipant","styles","useStyles","useEffect","isCameraEnabled","createElement","View","style","roomContainer","cameraTrack","getTrackPublication","Track","Source","Camera","track","VideoTrack","trackRef","participant","publication","source","videoTrack","mirror","exports"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityCreateLivestreamPage/RoomView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAqC,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAO9B,MAAMkB,QAAiC,GAAGA,CAAC;EAChDC,uBAAuB;EACvBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iCAAmB,EAAC,CAAC;EAClD,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE1B,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIJ,gBAAgB,IAAIF,uBAAuB,EAAE;MAC/CA,uBAAuB,CAACE,gBAAgB,CAAC;IAC3C;EACF,CAAC,EAAE,CAACA,gBAAgB,EAAEF,uBAAuB,CAAC,CAAC;EAE/C,IAAI,EAACE,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEK,eAAe,GAAE;IACtC,oBAAOlC,MAAA,CAAAiB,OAAA,CAAAkB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;MAACC,KAAK,EAAEN,MAAM,CAACO;IAAc,CAAE,CAAC;EAC9C;EAEA,MAAMC,WAAW,GAAGV,gBAAgB,CAACW,mBAAmB,CAACC,oBAAK,CAACC,MAAM,CAACC,MAAM,CAAC;EAE7E,IAAI,EAACJ,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEK,KAAK,GAAE;IACvB,oBAAO5C,MAAA,CAAAiB,OAAA,CAAAkB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;MAACC,KAAK,EAAEN,MAAM,CAACO;IAAc,CAAE,CAAC;EAC9C;EAEA,oBACEtC,MAAA,CAAAiB,OAAA,CAAAkB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAEN,MAAM,CAACO;EAAc,gBAChCtC,MAAA,CAAAiB,OAAA,CAAAkB,aAAA,CAAC9B,aAAA,CAAAwC,UAAU;IACTC,QAAQ,EAAE;MACRC,WAAW,EAAElB,gBAAgB;MAC7BmB,WAAW,EAAET,WAAW;MACxBU,MAAM,EAAER,oBAAK,CAACC,MAAM,CAACC;IACvB,CAAE;IACFN,KAAK,EAAEN,MAAM,CAACmB,UAAW;IACzBC,MAAM,EAAEvB;EAAc,CACvB,CACG,CAAC;AAEX,CAAC;AAACwB,OAAA,CAAA1B,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/v4/enum/roomStatus.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RoomStatus = void 0;
-const RoomStatus = exports.RoomStatus = {
-  idle: 'idle',
-  live: 'live',
-  recorded: 'recorded',
-  ended: 'ended',
-  waiting_reconnect: 'waiting_reconnect'
-};
-//# sourceMappingURL=roomStatus.js.map

package/lib/commonjs/v4/enum/roomStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RoomStatus","exports","idle","live","recorded","ended","waiting_reconnect"],"sourceRoot":"../../../../src","sources":["v4/enum/roomStatus.ts"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,IAAI,EAAE,MAA0B;EAChCC,IAAI,EAAE,MAA0B;EAChCC,QAAQ,EAAE,UAA8B;EACxCC,KAAK,EAAE,OAA2B;EAClCC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}

package/lib/commonjs/v4/hook/usePostSubscription.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePostSubscription = void 0;
-var _react = require("react");
-var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
-const usePostSubscription = postId => {
-  const [subscribedPost, setSubscribedPost] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
-    let unsubscribe;
-    if (postId) {
-      unsubscribe = _tsSdkReactNative.PostRepository.getPost(postId, ({
-        data
-      }) => {
-        setSubscribedPost(data);
-      });
-    }
-    return () => {
-      unsubscribe && unsubscribe();
-    };
-  }, [postId]);
-  (0, _react.useEffect)(() => {
-    let unsubscribe;
-    if (subscribedPost) {
-      unsubscribe = (0, _tsSdkReactNative.subscribeTopic)((0, _tsSdkReactNative.getPostTopic)(subscribedPost));
-    }
-    return () => {
-      unsubscribe && unsubscribe();
-    };
-  }, [subscribedPost]);
-  return {
-    subscribedPost
-  };
-};
-exports.usePostSubscription = usePostSubscription;
-//# sourceMappingURL=usePostSubscription.js.map

package/lib/commonjs/v4/hook/usePostSubscription.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_tsSdkReactNative","usePostSubscription","postId","subscribedPost","setSubscribedPost","useState","useEffect","unsubscribe","PostRepository","getPost","data","subscribeTopic","getPostTopic","exports"],"sourceRoot":"../../../../src","sources":["v4/hook/usePostSubscription.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAMO,MAAME,mBAAmB,GAAIC,MAAc,IAAK;EACrD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAa,IAAI,CAAC;EAEtE,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,WAAuB;IAC3B,IAAIL,MAAM,EAAE;MACVK,WAAW,GAAGC,gCAAc,CAACC,OAAO,CAACP,MAAM,EAAE,CAAC;QAAEQ;MAAK,CAAC,KAAK;QACzDN,iBAAiB,CAACM,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ;IACA,OAAO,MAAM;MACXH,WAAW,IAAIA,WAAW,CAAC,CAAC;IAC9B,CAAC;EACH,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,IAAAI,gBAAS,EAAC,MAAM;IACd,IAAIC,WAAuB;IAC3B,IAAIJ,cAAc,EAAE;MAClBI,WAAW,GAAG,IAAAI,gCAAc,EAAC,IAAAC,8BAAY,EAACT,cAAc,CAAC,CAAC;IAC5D;IACA,OAAO,MAAM;MACXI,WAAW,IAAIA,WAAW,CAAC,CAAC;IAC9B,CAAC;EACH,CAAC,EAAE,CAACJ,cAAc,CAAC,CAAC;EAEpB,OAAO;IAAEA;EAAe,CAAC;AAC3B,CAAC;AAACU,OAAA,CAAAZ,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/v4/hook/useRoomSubscription.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRoomSubscription = void 0;
-var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
-var _react = require("react");
-const useRoomSubscription = ({
-  room
-}) => {
-  (0, _react.useEffect)(() => {
-    const unsubscriber = [];
-    if (room !== null && room !== void 0 && room.roomId && (room === null || room === void 0 ? void 0 : room.status) !== 'recorded') {
-      unsubscriber.push((0, _tsSdkReactNative.subscribeTopic)((0, _tsSdkReactNative.getRoomWatcherTopic)(room)));
-    }
-    return () => unsubscriber.forEach(fn => fn());
-  }, [room, room === null || room === void 0 ? void 0 : room.roomId]);
-  return null;
-};
-exports.useRoomSubscription = useRoomSubscription;
-//# sourceMappingURL=useRoomSubscription.js.map

package/lib/commonjs/v4/hook/useRoomSubscription.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_tsSdkReactNative","require","_react","useRoomSubscription","room","useEffect","unsubscriber","roomId","status","push","subscribeTopic","getRoomWatcherTopic","forEach","fn","exports"],"sourceRoot":"../../../../src","sources":["v4/hook/useRoomSubscription.ts"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,mBAAmB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC7E,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,YAAkC,GAAG,EAAE;IAE7C,IAAIF,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEG,MAAM,IAAI,CAAAH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,MAAM,MAAK,UAAU,EAAE;MAC/CF,YAAY,CAACG,IAAI,CAAC,IAAAC,gCAAc,EAAC,IAAAC,qCAAmB,EAACP,IAAI,CAAC,CAAC,CAAC;IAC9D;IAEA,OAAO,MAAME,YAAY,CAACM,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;EACjD,CAAC,EAAE,CAACT,IAAI,EAAEA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,MAAM,CAAC,CAAC;EAExB,OAAO,IAAI;AACb,CAAC;AAACO,OAAA,CAAAX,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

@@ -1,42 +0,0 @@
-import React, { useEffect } from 'react';
-import { View } from 'react-native';
-import { Track } from 'livekit-client';
-import { VideoTrack, useLocalParticipant } from '@livekit/react-native';
-import { useStyles } from './styles';
-export const RoomView = ({
-  onLocalParticipantReady,
-  isFrontCamera
-}) => {
-  const {
-    localParticipant
-  } = useLocalParticipant();
-  const styles = useStyles();
-  useEffect(() => {
-    if (localParticipant && onLocalParticipantReady) {
-      onLocalParticipantReady(localParticipant);
-    }
-  }, [localParticipant, onLocalParticipantReady]);
-  if (!(localParticipant !== null && localParticipant !== void 0 && localParticipant.isCameraEnabled)) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.roomContainer
-    });
-  }
-  const cameraTrack = localParticipant.getTrackPublication(Track.Source.Camera);
-  if (!(cameraTrack !== null && cameraTrack !== void 0 && cameraTrack.track)) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.roomContainer
-    });
-  }
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.roomContainer
-  }, /*#__PURE__*/React.createElement(VideoTrack, {
-    trackRef: {
-      participant: localParticipant,
-      publication: cameraTrack,
-      source: Track.Source.Camera
-    },
-    style: styles.videoTrack,
-    mirror: isFrontCamera
-  }));
-};
-//# sourceMappingURL=RoomView.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","View","Track","VideoTrack","useLocalParticipant","useStyles","RoomView","onLocalParticipantReady","isFrontCamera","localParticipant","styles","isCameraEnabled","createElement","style","roomContainer","cameraTrack","getTrackPublication","Source","Camera","track","trackRef","participant","publication","source","videoTrack","mirror"],"sourceRoot":"../../../../../../src","sources":["v4/PublicApi/Pages/AmityCreateLivestreamPage/RoomView.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,UAAU,EAAEC,mBAAmB,QAAQ,uBAAuB;AACvE,SAASC,SAAS,QAAQ,UAAU;AAOpC,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,uBAAuB;EACvBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAiB,CAAC,GAAGL,mBAAmB,CAAC,CAAC;EAClD,MAAMM,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1BL,SAAS,CAAC,MAAM;IACd,IAAIS,gBAAgB,IAAIF,uBAAuB,EAAE;MAC/CA,uBAAuB,CAACE,gBAAgB,CAAC;IAC3C;EACF,CAAC,EAAE,CAACA,gBAAgB,EAAEF,uBAAuB,CAAC,CAAC;EAE/C,IAAI,EAACE,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEE,eAAe,GAAE;IACtC,oBAAOZ,KAAA,CAAAa,aAAA,CAACX,IAAI;MAACY,KAAK,EAAEH,MAAM,CAACI;IAAc,CAAE,CAAC;EAC9C;EAEA,MAAMC,WAAW,GAAGN,gBAAgB,CAACO,mBAAmB,CAACd,KAAK,CAACe,MAAM,CAACC,MAAM,CAAC;EAE7E,IAAI,EAACH,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEI,KAAK,GAAE;IACvB,oBAAOpB,KAAA,CAAAa,aAAA,CAACX,IAAI;MAACY,KAAK,EAAEH,MAAM,CAACI;IAAc,CAAE,CAAC;EAC9C;EAEA,oBACEf,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEH,MAAM,CAACI;EAAc,gBAChCf,KAAA,CAAAa,aAAA,CAACT,UAAU;IACTiB,QAAQ,EAAE;MACRC,WAAW,EAAEZ,gBAAgB;MAC7Ba,WAAW,EAAEP,WAAW;MACxBQ,MAAM,EAAErB,KAAK,CAACe,MAAM,CAACC;IACvB,CAAE;IACFL,KAAK,EAAEH,MAAM,CAACc,UAAW;IACzBC,MAAM,EAAEjB;EAAc,CACvB,CACG,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/v4/enum/roomStatus.js

@@ -1,8 +0,0 @@
-export const RoomStatus = {
-  idle: 'idle',
-  live: 'live',
-  recorded: 'recorded',
-  ended: 'ended',
-  waiting_reconnect: 'waiting_reconnect'
-};
-//# sourceMappingURL=roomStatus.js.map

package/lib/module/v4/enum/roomStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RoomStatus","idle","live","recorded","ended","waiting_reconnect"],"sourceRoot":"../../../../src","sources":["v4/enum/roomStatus.ts"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG;EACxBC,IAAI,EAAE,MAA0B;EAChCC,IAAI,EAAE,MAA0B;EAChCC,QAAQ,EAAE,UAA8B;EACxCC,KAAK,EAAE,OAA2B;EAClCC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}

package/lib/module/v4/hook/usePostSubscription.js

@@ -1,31 +0,0 @@
-import { useEffect, useState } from 'react';
-import { getPostTopic, PostRepository, subscribeTopic } from '@amityco/ts-sdk-react-native';
-export 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
-  };
-};
-//# sourceMappingURL=usePostSubscription.js.map

package/lib/module/v4/hook/usePostSubscription.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useState","getPostTopic","PostRepository","subscribeTopic","usePostSubscription","postId","subscribedPost","setSubscribedPost","unsubscribe","getPost","data"],"sourceRoot":"../../../../src","sources":["v4/hook/usePostSubscription.ts"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SACEC,YAAY,EACZC,cAAc,EACdC,cAAc,QACT,8BAA8B;AAErC,OAAO,MAAMC,mBAAmB,GAAIC,MAAc,IAAK;EACrD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGP,QAAQ,CAAa,IAAI,CAAC;EAEtED,SAAS,CAAC,MAAM;IACd,IAAIS,WAAuB;IAC3B,IAAIH,MAAM,EAAE;MACVG,WAAW,GAAGN,cAAc,CAACO,OAAO,CAACJ,MAAM,EAAE,CAAC;QAAEK;MAAK,CAAC,KAAK;QACzDH,iBAAiB,CAACG,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ;IACA,OAAO,MAAM;MACXF,WAAW,IAAIA,WAAW,CAAC,CAAC;IAC9B,CAAC;EACH,CAAC,EAAE,CAACH,MAAM,CAAC,CAAC;EAEZN,SAAS,CAAC,MAAM;IACd,IAAIS,WAAuB;IAC3B,IAAIF,cAAc,EAAE;MAClBE,WAAW,GAAGL,cAAc,CAACF,YAAY,CAACK,cAAc,CAAC,CAAC;IAC5D;IACA,OAAO,MAAM;MACXE,WAAW,IAAIA,WAAW,CAAC,CAAC;IAC9B,CAAC;EACH,CAAC,EAAE,CAACF,cAAc,CAAC,CAAC;EAEpB,OAAO;IAAEA;EAAe,CAAC;AAC3B,CAAC","ignoreList":[]}

package/lib/module/v4/hook/useRoomSubscription.js

@@ -1,15 +0,0 @@
-import { getRoomWatcherTopic, subscribeTopic } from '@amityco/ts-sdk-react-native';
-import { useEffect } from 'react';
-export const useRoomSubscription = ({
-  room
-}) => {
-  useEffect(() => {
-    const unsubscriber = [];
-    if (room !== null && room !== void 0 && room.roomId && (room === null || room === void 0 ? void 0 : room.status) !== 'recorded') {
-      unsubscriber.push(subscribeTopic(getRoomWatcherTopic(room)));
-    }
-    return () => unsubscriber.forEach(fn => fn());
-  }, [room, room === null || room === void 0 ? void 0 : room.roomId]);
-  return null;
-};
-//# sourceMappingURL=useRoomSubscription.js.map

package/lib/module/v4/hook/useRoomSubscription.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getRoomWatcherTopic","subscribeTopic","useEffect","useRoomSubscription","room","unsubscriber","roomId","status","push","forEach","fn"],"sourceRoot":"../../../../src","sources":["v4/hook/useRoomSubscription.ts"],"mappings":"AAAA,SACEA,mBAAmB,EACnBC,cAAc,QACT,8BAA8B;AACrC,SAASC,SAAS,QAAQ,OAAO;AAEjC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC7EF,SAAS,CAAC,MAAM;IACd,MAAMG,YAAkC,GAAG,EAAE;IAE7C,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEE,MAAM,IAAI,CAAAF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,MAAM,MAAK,UAAU,EAAE;MAC/CF,YAAY,CAACG,IAAI,CAACP,cAAc,CAACD,mBAAmB,CAACI,IAAI,CAAC,CAAC,CAAC;IAC9D;IAEA,OAAO,MAAMC,YAAY,CAACI,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;EACjD,CAAC,EAAE,CAACN,IAAI,EAAEA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,MAAM,CAAC,CAAC;EAExB,OAAO,IAAI;AACb,CAAC","ignoreList":[]}