@amityco/react-native-social-uikit 4.0.0-dc7783d.0 → 4.0.0-e6c5bc7b.0

package/src/v4/routes/AmityPageRenderer.tsx

@@ -65,6 +65,7 @@ import AmityCommunityProfilePage from '../PublicApi/Pages/AmityCommunityProfileP
 import LivestreamTerminated from '../screen/LivestreamTerminated';
 import PollTargetSelection from '../screen/PollTargetSelection';
 import LivestreamPostTargetSelection from '../screen/LivestreamPostTargetSelection';
+import CommunityMembership from '../screen/CommunityMembership';
 
 interface PageRendererProps {
   children: React.JSX.Element;
@@ -82,6 +83,7 @@ export default function PageRenderer({ children }: PageRendererProps) {
           <Stack.Navigator
             id={undefined}
             screenOptions={{
+              headerShown: false,
               headerShadowVisible: false,
               contentStyle: {
                 backgroundColor: theme.colors.background,
@@ -192,6 +194,10 @@ export default function PageRenderer({ children }: PageRendererProps) {
               name="CommunityAddMember"
               component={CommunityAddMember}
             />
+            <Stack.Screen
+              name="CommunityMembership"
+              component={CommunityMembership}
+            />
             <Stack.Screen
               name="CommunityPostPermission"
               component={CommunityPostPermission}

package/src/v4/routes/AmitySocialUIKitV4Navigator.tsx

@@ -65,13 +65,17 @@ import CommunityCommentsNotificationSetting from '../../v4/screen/CommunityComme
 import CommunityStoriesNotificationSetting from '../../v4/screen/CommunityStoriesNotificationSetting';
 import CommunityLivestreamsNotificationSetting from '../../v4/screen/CommunityLivestreamsNotificationSetting';
 import CommunityPendingRequest from '../../v4/screen/CommunityPendingRequest';
+import { GlobalBan } from '../screen/GlobalBan';
 
 export default function AmitySocialUIKitV4Navigator() {
   const Stack = createNativeStackNavigator<RootStackParamList>();
-  const { isConnected } = useAuth();
+  const { isConnected, isGlobalBan } = useAuth();
   const theme = useTheme() as MyMD3Theme;
 
   const styles = useStyles();
+
+  if (isGlobalBan) return <GlobalBan />;
+
   return (
     <NavigationIndependentTree>
       <NavigationContainer>

package/src/v4/routes/RouteParamList.tsx

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

package/src/v4/screen/GlobalBan/GlobalBan.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useStyles } from './styles';
+import { Typography } from '../../../v4/component/Typography/Typography';
+import { View } from 'react-native';
+import { SvgXml } from 'react-native-svg';
+import { warning } from '../../../v4/assets/icons';
+
+export function GlobalBan() {
+  const { styles, theme } = useStyles();
+
+  return (
+    <SafeAreaView style={styles.container} edges={['top', 'left']}>
+      <View style={styles.container}>
+        <View style={styles.titleContainer}>
+          <Typography.TitleBold style={styles.title}>
+            Community
+          </Typography.TitleBold>
+        </View>
+        <View style={styles.contentContainer}>
+          <SvgXml
+            width={56}
+            height={56}
+            xml={warning()}
+            color={theme.colors.base}
+          />
+          <Typography.Headline style={styles.title}>
+            You've been banned.
+          </Typography.Headline>
+          <Typography.Body style={styles.body}>
+            Based on your previous activities, your account has been banned from
+            all feeds.
+          </Typography.Body>
+        </View>
+      </View>
+    </SafeAreaView>
+  );
+}

package/src/v4/screen/GlobalBan/index.ts

@@ -0,0 +1 @@
+export { GlobalBan } from './GlobalBan';

package/src/v4/screen/GlobalBan/styles.ts

@@ -0,0 +1,39 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+import type { MyMD3Theme } from 'src/providers/amity-ui-kit-provider';
+
+export const useStyles = () => {
+  const theme = useTheme<MyMD3Theme>();
+
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: theme.colors.background,
+    },
+    titleContainer: {
+      padding: 16,
+      borderBottomWidth: 1,
+      flexDirection: 'row',
+      justifyContent: 'center',
+      borderBottomColor: theme.colors.baseShade4,
+    },
+    title: {
+      color: theme.colors.base,
+    },
+    contentContainer: {
+      gap: 8,
+      flex: 1,
+      paddingVertical: 24,
+      alignItems: 'center',
+      paddingHorizontal: 16,
+      flexDirection: 'column',
+      justifyContent: 'center',
+    },
+    body: {
+      textAlign: 'center',
+      color: theme.colors.baseShade2,
+    },
+  });
+
+  return { styles, theme };
+};

package/src/v4/screen/PostDetail/index.tsx

@@ -34,6 +34,7 @@ const PostDetail: React.FC<IPostDetailPage> = ({ defaultPostId }) => {
       isFromComponent={!!defaultPostId && !postIdFromRoute}
       postId={postId}
       category={route?.params?.category}
+      isDeleted={route?.params?.isDeleted}
     />
   );
 };

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

@@ -10,12 +10,14 @@ 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({
@@ -27,12 +29,15 @@ 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/src/v4/types/behaviour.interface.ts

@@ -38,6 +38,9 @@ export interface IBehaviour {
     goToUserProfilePage?: (arg?: { userId?: string }) => void;
     goToPostComposerPage?: () => void;
   };
+  AmityPostComposerPageBehavior?: {
+    onPressPost?: () => void;
+  };
   AmityCommunitySearchResultComponent?: {
     goToCommunityProfilePage?: (arg?: {
       targetId: string;
@@ -100,12 +103,14 @@ export interface IBehaviour {
       needApprovalOnPostCreation?: boolean;
       isPublic?: boolean;
     }) => void;
+    onClickClose?: () => void;
   };
   AmityStoryTargetSelectionPageBehavior?: {
     goToStoryComposerPage?: (arg?: {
       targetId: string;
       targetType: 'community' | 'user';
     }) => void;
+    onClickClose?: () => void;
   };
   AmityLivestreamPostTargetSelectionPageBehavior?: {
     goToCreateLivestreamPage?: (arg?: {
@@ -123,6 +128,7 @@ export interface IBehaviour {
       needApprovalOnPostCreation?: boolean;
       isPublic?: boolean;
     }) => void;
+    onClickClose?: () => void;
   };
   AmityCommunityProfilePageBehavior?: {
     goToPendingPostPage?: () => void;
@@ -140,6 +146,7 @@ export interface IBehaviour {
       pop?: number;
       community?: Amity.Community;
     }) => void;
+    onClickClose?: () => void;
   };
   AmityCommunitySetupPageBehavior?: {
     goToAddCategoryPage?: (context: AddCategoryPageContext) => void;

package/uikit.config.json

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["LivestreamStatus","exports","idle","live","recorded","ended"],"sourceRoot":"../../../../src","sources":["v4/enum/livestreamStatus.ts"],"mappings":";;;;;;AAAO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,IAAI,EAAE,MAA4B;EAClCC,IAAI,EAAE,MAA4B;EAClCC,QAAQ,EAAE,UAAgC;EAC1CC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-export const LivestreamStatus = {
-  idle: 'idle',
-  live: 'live',
-  recorded: 'recorded',
-  ended: 'ended'
-};
-//# sourceMappingURL=livestreamStatus.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["LivestreamStatus","idle","live","recorded","ended"],"sourceRoot":"../../../../src","sources":["v4/enum/livestreamStatus.ts"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,IAAI,EAAE,MAA4B;EAClCC,IAAI,EAAE,MAA4B;EAClCC,QAAQ,EAAE,UAAgC;EAC1CC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

package/lib/typescript/src/v4/enum/livestreamStatus.d.ts

@@ -1,7 +0,0 @@
-export declare const LivestreamStatus: {
-    idle: Amity.StreamStatus;
-    live: Amity.StreamStatus;
-    recorded: Amity.StreamStatus;
-    ended: Amity.StreamStatus;
-};
-//# sourceMappingURL=livestreamStatus.d.ts.map

package/lib/typescript/src/v4/enum/livestreamStatus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"livestreamStatus.d.ts","sourceRoot":"","sources":["../../../../../src/v4/enum/livestreamStatus.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;UACX,KAAK,CAAC,YAAY;UAClB,KAAK,CAAC,YAAY;cACV,KAAK,CAAC,YAAY;WACxB,KAAK,CAAC,YAAY;CACrC,CAAC"}

package/src/v4/enum/livestreamStatus.ts

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