@amityco/react-native-social-uikit 4.0.0 → 4.0.1-183811fd.0

package/src/social/hooks/useStoryPermission.ts

@@ -4,17 +4,19 @@ import useSocialSettings from '../../core/hooks/useSocialSettings';
 import { checkStoryPermission, isAdmin } from '../utils/permissions';
 
 export function useStoryPermission(communityId?: string) {
-  const { client } = useAuth();
+  const { client, isVisitorOrBot } = useAuth();
   const { socialSettings } = useSocialSettings();
   const user = useUser(client?.userId || '');
 
   const isGlobalAdmin = isAdmin(user?.roles);
 
-  const hasStoryPermission = !communityId
-    ? socialSettings?.story?.allowAllUserToCreateStory
-    : socialSettings?.story?.allowAllUserToCreateStory ||
-      isGlobalAdmin ||
-      checkStoryPermission(client, communityId);
+  const hasStoryPermission =
+    !isVisitorOrBot &&
+    (!communityId
+      ? socialSettings?.story?.allowAllUserToCreateStory
+      : socialSettings?.story?.allowAllUserToCreateStory ||
+        isGlobalAdmin ||
+        checkStoryPermission(client, communityId));
 
   return { hasStoryPermission };
 }

package/src/social/providers/BehaviourProvider.tsx

@@ -14,6 +14,7 @@ export const BehaviourProvider = ({
 }: IBehavioudProviderProps) => {
   const defaultBehaviour = useMemo(
     () => ({
+      AmityGlobalBehaviour: {},
       AmitySocialHomePageBehaviour: {},
       AmityGlobalFeedComponentBehavior: {},
       AmityPostContentComponentBehavior: {},

package/src/social/screens/SocialHomePage/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import CustomSocialTab from '../../components/CustomSocialTab/CustomSocialTab';
 import { useUiKitConfig } from '../../hooks';
@@ -20,7 +20,7 @@ const PROFILE_TAB = 'Profile';
 
 const AmitySocialHomePage = () => {
   const theme = useTheme() as MyMD3Theme;
-  const { client } = useAuth();
+  const { client, isVisitorOrBot } = useAuth();
 
   const styles = StyleSheet.create({
     container: {
@@ -55,6 +55,13 @@ const AmitySocialHomePage = () => {
   const [activeTab, setActiveTab] = useState<string>(newsFeedTab);
   const visitedTabs = useRef<Set<string>>(new Set([newsFeedTab]));
 
+  useEffect(() => {
+    if (isVisitorOrBot) {
+      visitedTabs.current.add(exploreTab);
+      setActiveTab(exploreTab);
+    }
+  }, [isVisitorOrBot, exploreTab]);
+
   const onTabChange = useCallback(
     (tabName: string) => {
       if (AmitySocialHomePageBehaviour?.onChooseTab)
@@ -85,21 +92,27 @@ const AmitySocialHomePage = () => {
       <CustomSocialTab
         activeTab={activeTab}
         onTabChange={onTabChange}
-        tabNames={[newsFeedTab, exploreTab, myCommunitiesTab, PROFILE_TAB]}
+        tabNames={
+          isVisitorOrBot
+            ? [exploreTab]
+            : [newsFeedTab, exploreTab, myCommunitiesTab, PROFILE_TAB]
+        }
       />
       <Divider />
-      <View style={tabStyle(newsFeedTab)}>
-        <AmityNewsFeedComponent
-          pageId={PageID.social_home_page}
-          onPressExploreCommunity={onPressExploreCommunity}
-        />
-      </View>
+      {!isVisitorOrBot && (
+        <View style={tabStyle(newsFeedTab)}>
+          <AmityNewsFeedComponent
+            pageId={PageID.social_home_page}
+            onPressExploreCommunity={onPressExploreCommunity}
+          />
+        </View>
+      )}
       {visitedTabs.current.has(exploreTab) && (
         <View style={tabStyle(exploreTab)}>
           <AmityExploreComponent pageId={PageID.social_home_page} />
         </View>
       )}
-      {visitedTabs.current.has(myCommunitiesTab) && (
+      {!isVisitorOrBot && visitedTabs.current.has(myCommunitiesTab) && (
         <View style={tabStyle(myCommunitiesTab)}>
           <AmityMyCommunitiesComponent
             pageId={PageID.social_home_page}
@@ -107,7 +120,7 @@ const AmitySocialHomePage = () => {
           />
         </View>
       )}
-      {visitedTabs.current.has(PROFILE_TAB) && (
+      {!isVisitorOrBot && visitedTabs.current.has(PROFILE_TAB) && (
         <View style={tabStyle(PROFILE_TAB)}>
           <UserProfile inline stickyTab={false} userId={client?.userId ?? ''} />
         </View>

package/src/social/screens/VisitorUsageLimit/VisitorUsageLimit.tsx

@@ -0,0 +1,5 @@
+import { UsageLimit } from '../../features/visitor/UsageLimit';
+
+export function VisitorUsageLimit() {
+  return <UsageLimit />;
+}

package/src/social/screens/VisitorUsageLimit/index.ts

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