@amityco/react-native-social-uikit 4.0.0-ca3519f.0 → 4.0.0-cfcb02e.0

package/lib/typescript/src/v4/routes/RouteParamList.d.ts

@@ -30,6 +30,7 @@ export type RootStackParamList = {
         postId: string;
         showEndPopup?: boolean;
         category?: AmityPostCategory;
+        isDeleted?: boolean;
     };
     UserProfile: {
         userId: string;
@@ -75,7 +76,7 @@ export type RootStackParamList = {
         targetType: string;
     };
     LivestreamPlayer: {
-        streamId: string;
+        roomId: string;
         post: Amity.Post;
     };
     LivestreamTerminated: {

package/lib/typescript/src/v4/routes/RouteParamList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteParamList.d.ts","sourceRoot":"","sources":["../../../../../src/v4/routes/RouteParamList.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gCAAgC,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAEjF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mBAAmB,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,2BAA2B,EAAE,SAAS,CAAC;IACvC,4BAA4B,EAAE,SAAS,CAAC;IACxC,eAAe,EAAE,SAAS,CAAC;IAC3B,qBAAqB,EAAE;QACrB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,EAAE;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,EAAE;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,qBAAqB,EAAE,SAAS,CAAC;IACjC,YAAY,EAAE,SAAS,CAAC;IACxB,UAAU,EAAE,yBAAyB,CAAC;IACtC,QAAQ,EAAE,yBAAyB,CAAC;IACpC,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;KAC9B,CAAC;IACF,WAAW,EAAE;QACX,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,kBAAkB,EAAE;QAClB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,EAAE;QACX,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;KAClB,CAAC;IAEF,cAAc,EAAE,SAAS,CAAC;IAC1B,WAAW,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,YAAY,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5D,YAAY,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC;KACnC,CAAC;IACF,kBAAkB,EAAE,SAAS,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC;IACzB,mBAAmB,EAAE;QAAE,QAAQ,EAAE,gCAAgC,CAAA;KAAE,CAAC;IACpE,oBAAoB,EAAE,SAAS,CAAC;IAEhC,iBAAiB,EAAE,SAAS,CAAC;IAC7B,yBAAyB,EAAE;QACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC;KAC1B,CAAC;IACF,6BAA6B,EAAE,SAAS,CAAC;IACzC,gBAAgB,EAAE;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,gBAAgB,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;KAClB,CAAC;IACF,oBAAoB,EAAE;QACpB,IAAI,EAAE,UAAU,GAAG,QAAQ,CAAC;KAC7B,CAAC;IACF,oBAAoB,EAAE;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,mBAAmB,EAAE,SAAS,CAAC;IAC/B,gBAAgB,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,WAAW,GAAG,MAAM,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,CAAC;IAEF,eAAe,EAAE,SAAS,CAAC;IAE3B,aAAa,EAAE;QACb,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,oBAAoB,EAAE,sBAAsB,CAAC;IAE7C,kBAAkB,EAAE,oBAAoB,CAAC;IAEzC,uBAAuB,EAAE;QACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,gBAAgB,EAAE;QAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,mBAAmB,EAAE;QACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,uBAAuB,EAAE;QACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,qBAAqB,EAAE;QACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,4BAA4B,EAAE;QAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,iCAAiC,EAAE;QACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,oCAAoC,EAAE;QACpC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,mCAAmC,EAAE;QACnC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,uCAAuC,EAAE;QACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IAEF,sBAAsB,EAAE;QACtB,IAAI,EAAE,0BAA0B,CAAC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IAEF,mCAAmC,EAAE;QACnC,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC;KAClC,CAAC;CACH,CAAC"}
+{"version":3,"file":"RouteParamList.d.ts","sourceRoot":"","sources":["../../../../../src/v4/routes/RouteParamList.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/v4/screen/GlobalBan/GlobalBan.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function GlobalBan(): React.JSX.Element;
+//# sourceMappingURL=GlobalBan.d.ts.map

package/lib/typescript/src/v4/screen/GlobalBan/GlobalBan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalBan.d.ts","sourceRoot":"","sources":["../../../../../../src/v4/screen/GlobalBan/GlobalBan.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,wBAAgB,SAAS,sBA6BxB"}

package/lib/typescript/src/v4/screen/GlobalBan/index.d.ts

@@ -0,0 +1,2 @@
+export { GlobalBan } from './GlobalBan';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/v4/screen/GlobalBan/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/v4/screen/GlobalBan/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/src/v4/screen/GlobalBan/styles.d.ts

@@ -0,0 +1,34 @@
+import type { MyMD3Theme } from 'src/providers/amity-ui-kit-provider';
+export declare const useStyles: () => {
+    styles: {
+        container: {
+            flex: number;
+            backgroundColor: string;
+        };
+        titleContainer: {
+            padding: number;
+            borderBottomWidth: number;
+            flexDirection: "row";
+            justifyContent: "center";
+            borderBottomColor: string;
+        };
+        title: {
+            color: string;
+        };
+        contentContainer: {
+            gap: number;
+            flex: number;
+            paddingVertical: number;
+            alignItems: "center";
+            paddingHorizontal: number;
+            flexDirection: "column";
+            justifyContent: "center";
+        };
+        body: {
+            textAlign: "center";
+            color: string;
+        };
+    };
+    theme: MyMD3Theme;
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/v4/screen/GlobalBan/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/v4/screen/GlobalBan/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEtE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrB,CAAC"}

package/lib/typescript/src/v4/screen/PostDetail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/v4/screen/PostDetail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,eAAe,GAAG;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/v4/screen/PostDetail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,eAAe,GAAG;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/v4/stores/slices/toast.d.ts

@@ -4,6 +4,7 @@ type ToastState = {
     message: string;
     type: 'failed' | 'success' | 'informative' | 'loading';
     duration?: number;
+    bottomPosition?: number;
 };
 declare const toastSlice: import("@reduxjs/toolkit").Slice<ToastState, {
     showToast: (state: import("immer/dist/internal").WritableDraft<ToastState>, action: PayloadAction<ToastState>) => void;

package/lib/typescript/src/v4/stores/slices/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../../src/v4/stores/slices/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAO9D,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAQF,QAAA,MAAM,UAAU;wFAIe,aAAa,CAAC,UAAU,CAAC;;WAatD,CAAC;AAEH,eAAe,UAAU,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;;;;yBAOS,UAAU;;;;mCAEA,KAAK;CAW5C,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../../src/v4/stores/slices/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAO9D,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AASF,QAAA,MAAM,UAAU;wFAIe,aAAa,CAAC,UAAU,CAAC;;WAgBtD,CAAC;AAEH,eAAe,UAAU,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;;;;yBAOS,UAAU;;;;mCAEA,KAAK;CAW5C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amityco/react-native-social-uikit",
-  "version": "4.0.0-ca3519f.0",
+  "version": "4.0.0-cfcb02e.0",
   "description": "Social UIKit",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -57,10 +57,12 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@amityco/ts-sdk-react-native": "^7.9.2",
+    "@amityco/ts-sdk-react-native": "7.13.0",
     "@babel/plugin-transform-export-namespace-from": "^7.27.1",
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.2.2",
+    "@livekit/react-native": "^2.9.6",
+    "@livekit/react-native-webrtc": "^137.0.2",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-community/datetimepicker": "^8.4.4",
     "@react-native-community/eslint-config": "^3.0.2",
@@ -84,6 +86,7 @@
     "husky": "^8.0.0",
     "jest": "^29.6.3",
     "lint-staged": "^15.2.0",
+    "livekit-client": "^2.17.0",
     "pod-install": "^0.1.0",
     "prettier": "2.8.8",
     "react": "18.3.1",
@@ -113,7 +116,9 @@
     "@types/react": "18.2.37"
   },
   "peerDependencies": {
-    "@amityco/ts-sdk-react-native": "^7.9.2",
+    "@amityco/ts-sdk-react-native": "7.13.0",
+    "@livekit/react-native": "^2.9.6",
+    "@livekit/react-native-webrtc": "^137.0.2",
     "@react-native-async-storage/async-storage": "^1.19.3",
     "@react-native-community/netinfo": "^11.3.1",
     "@react-native-firebase/app": "^20.1.0",
@@ -121,6 +126,7 @@
     "@react-navigation/native": "^7.1.8",
     "@react-navigation/native-stack": "^7.3.12",
     "@react-navigation/stack": "^7.3.1",
+    "livekit-client": "^2.17.0",
     "react": "*",
     "react-native": "*",
     "react-native-compressor": "^1.13.0",
@@ -137,7 +143,7 @@
     "react-native-vision-camera": "^4.7.1"
   },
   "engines": {
-    "node": ">= 18.0.0"
+    "node": ">= 20.0.0"
   },
   "jest": {
     "preset": "react-native",

package/src/components/CreatePostChooseTargetModal/CreatePostChooseTargetModal.tsx

@@ -126,7 +126,7 @@ const CreatePostChooseTargetModal = ({
     const targetscreen = () => {
       if (postType === 'post') return 'CreatePost';
       if (postType === 'poll') return 'CreatePoll';
-      // if (postType === 'livestream') return 'CreateLivestream';
+      if (postType === 'room') return 'CreateLivestream';
       return null;
     };
     navigation.navigate(targetscreen(), {

package/src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -0,0 +1,84 @@
+import React, { Component, ErrorInfo, ReactNode } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { SvgXml } from 'react-native-svg';
+import { errorPage } from '../../v4/assets/icons';
+
+export interface ErrorBoundaryProps {
+  children: ReactNode;
+  fallback?: ReactNode;
+  onError?: (error: Error, errorInfo: ErrorInfo) => void;
+  onReset?: () => void;
+}
+
+interface ErrorBoundaryState {
+  hasError: boolean;
+  error: Error | null;
+}
+
+export class ErrorBoundary extends Component<
+  ErrorBoundaryProps,
+  ErrorBoundaryState
+> {
+  constructor(props: ErrorBoundaryProps) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+
+  static getDerivedStateFromError(error: Error): ErrorBoundaryState {
+    return { hasError: true, error };
+  }
+
+  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {
+    this.props.onError?.(error, errorInfo);
+  }
+
+  handleReset = (): void => {
+    this.setState({ hasError: false, error: null });
+    this.props.onReset?.();
+  };
+
+  render(): ReactNode {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+
+      return (
+        <View style={styles.container}>
+          <SvgXml xml={errorPage('#EBECEF')} />
+          <View>
+            <Text style={styles.title}>Something went wrong</Text>
+
+            <Text style={styles.description}>
+              The content you're looking for is unavailable.
+            </Text>
+          </View>
+        </View>
+      );
+    }
+
+    return this.props.children;
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 16,
+    flexDirection: 'column',
+  },
+  title: {
+    color: '#A5A9B5',
+    textAlign: 'center',
+    fontSize: 20,
+  },
+  description: {
+    color: '#A5A9B5',
+    textAlign: 'center',
+    fontSize: 15,
+  },
+});
+
+export default ErrorBoundary;

package/src/components/ErrorBoundary/index.ts

@@ -0,0 +1,2 @@
+export { ErrorBoundary, type ErrorBoundaryProps } from './ErrorBoundary';
+export { default } from './ErrorBoundary';

package/src/components/MediaSection/index.tsx

@@ -25,9 +25,7 @@ const MediaSection: React.FC<IMediaSection> = ({ childrenPosts }) => {
   const [imagePosts, setImagePosts] = useState<string[]>([]);
   const [videoPosts, setVideoPosts] = useState<IVideoPost[]>([]);
   const [pollIds, setPollIds] = useState<{ pollId: string }[]>([]);
-  const [livestreamId, setLivestreamId] = useState<Amity.Stream['streamId'][]>(
-    []
-  );
+  const [livestreamId, setLivestreamId] = useState<Amity.Room['roomId'][]>([]);
 
   const [imagePostsFullSize, setImagePostsFullSize] = useState<MediaUri[]>([]);
   const [videoPostsFullSize, setVideoPostsFullSize] = useState<MediaUri[]>([]);
@@ -95,10 +93,10 @@ const MediaSection: React.FC<IMediaSection> = ({ childrenPosts }) => {
           setPollIds((prev) => {
             return !prev.includes(item.data) ? [...prev, item.data] : [...prev];
           });
-        } else if (item?.dataType === 'liveStream') {
+        } else if (item?.dataType === 'room') {
           setLivestreamId((prev) => {
             return !prev.includes(item.data)
-              ? [...prev, item.data.streamId]
+              ? [...prev, item.data.roomId]
               : [...prev];
           });
         }
@@ -264,7 +262,7 @@ const MediaSection: React.FC<IMediaSection> = ({ childrenPosts }) => {
         <PollSection pollId={pollIds[0].pollId} />
       ) : livestreamId.length > 0 ? (
         <LivestreamContent
-          streamId={livestreamId[0]}
+          roomId={livestreamId[0]}
           post={null}
           onPressPost={() => {}}
         />

package/src/components/PostTypeChoiceModal/PostTypeChoiceModal.tsx

@@ -9,7 +9,7 @@ import React, { memo, useEffect, useRef, useState } from 'react';
 import { SvgXml } from 'react-native-svg';
 import CreatePostChooseTargetModal from '../CreatePostChooseTargetModal/CreatePostChooseTargetModal';
 import {
-  // livestreamIcon,
+  livestreamIcon,
   pollIcon,
   postIconOutlined,
 } from '../../svg/svg-xml-list';
@@ -124,25 +124,14 @@ const PostTypeChoiceModal = () => {
     >
       <Pressable onPress={closeModal} style={styles.modalContainer}>
         <Animated.View style={[styles.modalContent, modalStyle]}>
-          {/* <TouchableOpacity
-            onPress={() => onChooseType('livestream')}
-            style={styles.modalRow}
-          >
-            <SvgXml
-              xml={livestreamIcon(theme.colors.base)}
-              width="28"
-              height="28"
-            />
-            <Text style={styles.postText}>Livestream</Text>
-          </TouchableOpacity> */}
           <TouchableOpacity
             onPress={() => onChooseType('post')}
             style={styles.modalRow}
           >
             <SvgXml
               xml={postIconOutlined(theme.colors.base)}
-              width="28"
-              height="28"
+              width="24"
+              height="24"
             />
             <Text style={styles.postText}>Post</Text>
           </TouchableOpacity>
@@ -150,9 +139,20 @@ const PostTypeChoiceModal = () => {
             onPress={() => onChooseType('poll')}
             style={styles.modalRow}
           >
-            <SvgXml xml={pollIcon(theme.colors.base)} width="28" height="28" />
+            <SvgXml xml={pollIcon(theme.colors.base)} width="24" height="24" />
             <Text style={styles.postText}>Poll</Text>
           </TouchableOpacity>
+          <TouchableOpacity
+            onPress={() => onChooseType('livestream')}
+            style={styles.modalRow}
+          >
+            <SvgXml
+              xml={livestreamIcon(theme.colors.base)}
+              width="24"
+              height="24"
+            />
+            <Text style={styles.postText}>Livestream</Text>
+          </TouchableOpacity>
           <CreatePostChooseTargetModal
             visible={createPostModalVisible}
             onClose={closeCreatePostModal}

package/src/components/PostTypeChoiceModal/style.ts

@@ -37,8 +37,7 @@ export const useStyles = () => {
     modalRow: {
       flexDirection: 'row',
       alignItems: 'center',
-      padding: 5,
-      marginVertical: 5,
+      paddingVertical: 16,
     },
     closeButtonText: {
       color: '#FFF',

package/src/components/Social/PostList/index.tsx

@@ -67,7 +67,7 @@ export interface IPost {
 export interface IPostList {
   onDelete?: (postId: string) => void;
   onChange?: (postDetail: Amity.Post<any>) => void;
-  postDetail: Amity.Post<any> & { structureType?: string };
+  postDetail: Amity.Post<any>;
   postIndex?: number;
   isGlobalfeed?: boolean;
 }
@@ -124,7 +124,6 @@ export default function PostList({
     children: childrenPosts = [],
     editedAt,
     metadata,
-    structureType,
   } = postDetail ?? {};
   const mentionPosition = metadata?.mentioned;
 
@@ -412,17 +411,20 @@ export default function PostList({
     });
   };
 
-  if (structureType === 'liveStream') return null;
-
   return (
     <View key={postId} style={styles.postWrap}>
       <View style={styles.headerSection}>
         <View style={styles.user}>
-          {user?.avatarFileId ? (
+          {user?.avatarCustomUrl ? (
+            <Image
+              style={styles.avatar as ImageStyle}
+              source={{ uri: user.avatarCustomUrl }}
+            />
+          ) : user?.avatarFileId ? (
             <Image
               style={styles.avatar as ImageStyle}
               source={{
-                uri: `https://api.${apiRegion}.amity.co/api/v3/files/${user?.avatarFileId}/download`,
+                uri: `https://api.${apiRegion}.amity.co/api/v3/files/${user.avatarFileId}/download`,
               }}
             />
           ) : (

package/src/hooks/useAuth.ts

@@ -13,6 +13,7 @@ const useAuth = (): AuthContextInterface => {
     error,
     sessionState,
     apiRegion,
+    isGlobalBan,
   } = useContext(AuthContext);
 
   return {
@@ -24,6 +25,7 @@ const useAuth = (): AuthContextInterface => {
     isConnected,
     sessionState,
     apiRegion,
+    isGlobalBan,
   };
 };
 

package/src/index.tsx

@@ -26,6 +26,7 @@ if (!(BackHandler as any).removeEventListener) {
 }
 
 import AmityUiKitProvider from './providers/amity-ui-kit-provider';
+import { ErrorBoundary } from './components/ErrorBoundary';
 import AmityUiKitSocial from './v4/routes/AmitySocialUIKitV4Navigator';
 import AmityPageRenderer from './v4/routes/AmityPageRenderer';
 import PostDetail from './v4/screen/PostDetail';
@@ -63,7 +64,7 @@ import {
   AmityAllCategoriesPage,
   AmityCommunitiesByCategoryPage,
   AmityCommunityProfilePage as CommunityProfilePage,
-  // AmityCreateLivestreamPage,
+  AmityCreateLivestreamPage,
   AmityLivestreamPostTargetSelectionPage,
   AmityLivestreamTerminatedPage,
   AmityLivestreamPlayerPage,
@@ -123,6 +124,7 @@ export function multiply(a: number, b: number): Promise<number> {
 }
 export {
   AmityUiKitProvider,
+  ErrorBoundary,
   AmityUiKitSocial,
   AmityStoryTabComponent,
   AmityStoryTabComponentEnum,
@@ -162,7 +164,7 @@ export {
   AmityAllCategoriesPage,
   AmityCommunitiesByCategoryPage,
   CommunityProfilePage,
-  // AmityCreateLivestreamPage,
+  AmityCreateLivestreamPage,
   AmityLivestreamPostTargetSelectionPage,
   AmityLivestreamTerminatedPage,
   AmityLivestreamPlayerPage,

package/src/providers/Social/communities-sdk.ts

@@ -83,7 +83,7 @@ export async function checkCommunityPermission(
   apiRegion: string
 ): Promise<any> {
   const url: string = `https://api.${apiRegion}.amity.co/api/v3/communities/${communityId}/permissions/me`;
-  const accessToken = client.token.accessToken;
+  const accessToken = client?.token?.accessToken;
 
   try {
     const response = await fetch(url, {

package/src/providers/amity-ui-kit-provider.tsx

@@ -17,6 +17,8 @@ import { AdEngineProvider } from '../v4/providers/AdEngineProvider';
 import BottomSheetComponent from '../v4/component/BottomSheetComponent/BottomSheetComponent';
 import Toast from '../v4/component/Toast';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { ErrorBoundary } from '../components/ErrorBoundary';
 
 export type CusTomTheme = typeof DefaultTheme;
 export interface IAmityUIkitProvider {
@@ -143,32 +145,36 @@ export default function AmityUiKitProvider({
   };
 
   return (
-    <QueryClientProvider client={queryClient}>
-      <Provider store={store} context={AmityUIKitReduxContext}>
-        <AuthContextProvider
-          userId={userId}
-          displayName={displayName || userId}
-          apiKey={apiKey}
-          apiRegion={apiRegion}
-          apiEndpoint={apiEndpoint}
-          authToken={authToken}
-          fcmToken={fcmToken}
-        >
-          <AdEngineProvider>
-            <ConfigProvider configs={configData}>
-              <BehaviourProvider behaviour={behaviour}>
-                <ExploreProvider>
-                  <PaperProvider theme={globalTheme}>
-                    {children}
-                    <BottomSheetComponent />
-                    <Toast />
-                  </PaperProvider>
-                </ExploreProvider>
-              </BehaviourProvider>
-            </ConfigProvider>
-          </AdEngineProvider>
-        </AuthContextProvider>
-      </Provider>
-    </QueryClientProvider>
+    <ErrorBoundary>
+      <SafeAreaProvider>
+        <QueryClientProvider client={queryClient}>
+          <Provider store={store} context={AmityUIKitReduxContext}>
+            <AuthContextProvider
+              userId={userId}
+              displayName={displayName || userId}
+              apiKey={apiKey}
+              apiRegion={apiRegion}
+              apiEndpoint={apiEndpoint}
+              authToken={authToken}
+              fcmToken={fcmToken}
+            >
+              <AdEngineProvider>
+                <ConfigProvider configs={configData}>
+                  <BehaviourProvider behaviour={behaviour}>
+                    <ExploreProvider>
+                      <PaperProvider theme={globalTheme}>
+                        {children}
+                        <BottomSheetComponent />
+                        <Toast />
+                      </PaperProvider>
+                    </ExploreProvider>
+                  </BehaviourProvider>
+                </ConfigProvider>
+              </AdEngineProvider>
+            </AuthContextProvider>
+          </Provider>
+        </QueryClientProvider>
+      </SafeAreaProvider>
+    </ErrorBoundary>
   );
 }

package/src/providers/auth-provider.tsx

@@ -4,8 +4,7 @@ import { Client } from '@amityco/ts-sdk-react-native';
 import type { AuthContextInterface } from '../types/auth.interface';
 import { Alert, Platform } from 'react-native';
 import type { IAmityUIkitProvider } from './amity-ui-kit-provider';
-// @ts-ignore
-// import { setupAmityVideoPlayer } from '@amityco/video-player-react-native';
+import { ERROR_CODE } from '../v4/constants';
 
 export const AuthContext = React.createContext<AuthContextInterface>({
   client: null,
@@ -18,6 +17,7 @@ export const AuthContext = React.createContext<AuthContextInterface>({
   apiRegion: 'sg',
   authToken: '',
   fcmToken: undefined,
+  isGlobalBan: false,
 });
 
 export const AuthContextProvider: FC<IAmityUIkitProvider> = ({
@@ -37,6 +37,7 @@ export const AuthContextProvider: FC<IAmityUIkitProvider> = ({
   const client: Amity.Client = Client.createClient(apiKey, apiRegion, {
     apiEndpoint: { http: apiEndpoint },
   });
+  const [isGlobalBan, setIsGlobalBan] = useState(false);
 
   const sessionHandler: Amity.SessionHandler = {
     sessionWillRenewAccessToken(renewal) {
@@ -45,8 +46,11 @@ export const AuthContextProvider: FC<IAmityUIkitProvider> = ({
   };
 
   useEffect(() => {
-    return Client.onSessionStateChange((state: Amity.SessionStates) =>
-      setSessionState(state)
+    return Client.onSessionStateChange(
+      (state: Amity.SessionStates, reason: Amity.TokenTerminationReason) => {
+        setSessionState(state);
+        setIsGlobalBan(reason === 'globalBan');
+      }
     );
   }, []);
 
@@ -77,8 +81,14 @@ export const AuthContextProvider: FC<IAmityUIkitProvider> = ({
     if (authToken?.length > 0) {
       loginParam = { ...loginParam, authToken: authToken };
     }
-    const response = await Client.login(loginParam, sessionHandler);
-    if (!response) return;
+    try {
+      const response = await Client.login(loginParam, sessionHandler);
+      if (!response) return;
+    } catch (err) {
+      if (err?.message?.includes(ERROR_CODE.GLOBAL_BAN)) {
+        setIsGlobalBan(true);
+      }
+    }
 
     // setupAmityVideoPlayer();
 
@@ -149,11 +159,11 @@ export const AuthContextProvider: FC<IAmityUIkitProvider> = ({
         isConnected,
         sessionState,
         apiRegion: apiRegion.toLowerCase(),
+        isGlobalBan,
       }}
     >
       {children}
     </AuthContext.Provider>
-    //
   );
 };
 export default AuthContextProvider;