@messenger-box/slack-ui-mobile 9.0.4-alpha.21 → 9.0.4-alpha.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AppRootContextProviderComponent.d.ts +6 -0
- package/lib/components/AppRootContextProviderComponent.js +9 -0
- package/lib/components/AppRootContextProviderComponent.js.map +1 -0
- package/lib/components/index.d.ts +2 -1
- package/lib/hooks/useDrawerLayout.js +3 -3
- package/lib/hooks/useDrawerLayout.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/screens/Channels/Add/AddName.js +8 -1
- package/lib/screens/Channels/Add/AddName.js.map +1 -1
- package/lib/screens/Channels/Channels.js +94 -41
- package/lib/screens/Channels/Channels.js.map +1 -1
- package/lib/screens/Home/Components/Channels/Channels.js +91 -24
- package/lib/screens/Home/Components/Channels/Channels.js.map +1 -1
- package/lib/screens/Home/Components/DirectChannels/DirectChannels.js +43 -6
- package/lib/screens/Home/Components/DirectChannels/DirectChannels.js.map +1 -1
- package/lib/screens/Home/Components/Teams/Teams.js +3 -14
- package/lib/screens/Home/Components/Teams/Teams.js.map +1 -1
- package/lib/screens/Home/HomeScreen.js +66 -23
- package/lib/screens/Home/HomeScreen.js.map +1 -1
- package/lib/screens/Organization/AddWorkspace.js +1 -1
- package/lib/screens/Organization/AddWorkspace.js.map +1 -1
- package/lib/screens/Organization/InitializeOrganizationChannel.js +2 -2
- package/lib/screens/Organization/InitializeOrganizationChannel.js.map +1 -1
- package/lib/screens/Search/SearchAddChannel.js +22 -11
- package/lib/screens/Search/SearchAddChannel.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React__default from'react';import'tslib';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {DrawerLayoutProvider}from'../hooks/useDrawerLayout.js';import {ExpoNotificationProvider}from'../hooks/useExpoNotificationProvider.js';import WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';const AppRootContextProviderComponent = ({
|
|
2
|
+
children,
|
|
3
|
+
configuredRoutes
|
|
4
|
+
}) => {
|
|
5
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpoNotificationProvider, null, React__default.createElement(DrawerLayoutProvider, {
|
|
6
|
+
configuredRoutes: configuredRoutes,
|
|
7
|
+
defaultDrawer: React__default.createElement(WorkSpaceDrawer, null)
|
|
8
|
+
}, children)));
|
|
9
|
+
};export{AppRootContextProviderComponent as default};//# sourceMappingURL=AppRootContextProviderComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6VAKM,MAAA,+BAA+B,GAAG,CAAC;AACrC,EAAA,QAAA;AAEQ,EAAA;AACI,CAAA,KAAA;AAMhB,EAAE,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,wBAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAEF,IAAA;;;"}
|
|
@@ -7,4 +7,5 @@ import LoadingSpinner, { LoadingSpinnerDefault } from './LoadingSpinner';
|
|
|
7
7
|
import WorkSpaceDrawer from './WorkSpaceDrawer';
|
|
8
8
|
import { ChannelsByAlphabeticalAccordion } from './Channels';
|
|
9
9
|
import { SlackInput } from './SlackSearchInput';
|
|
10
|
-
|
|
10
|
+
import AppRootContextProviderComponent from './AppRootContextProviderComponent';
|
|
11
|
+
export { LoadingSpinnerDefault, LoadingSpinner, Header, Tiles, NavigationHeader, chatNavigationHeader, CustomDrawer, CustomBottomTabs, WorkSpaceDrawer, InboxNavigationHeader, ChannelsByAlphabeticalAccordion, SlackInput, AppRootContextProviderComponent, };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default,{createContext,useMemo,useContext}from'react';import {Drawer}from'react-native-drawer-layout';import {navigationRef}from'@common-stack/client-react';import {useSelector}from'react-redux';const DrawerLayoutContext = createContext({
|
|
1
|
+
import React__default,{createContext,useMemo,useContext}from'react';import {Drawer}from'react-native-drawer-layout';import {navigationRef}from'@common-stack/client-react';import {useSelector,shallowEqual}from'react-redux';const DrawerLayoutContext = createContext({
|
|
2
2
|
open: false,
|
|
3
3
|
setOpen: () => {},
|
|
4
4
|
appConfiguredRoutes: {},
|
|
@@ -19,11 +19,11 @@ function DrawerLayoutProvider({
|
|
|
19
19
|
defaultDrawer
|
|
20
20
|
}) {
|
|
21
21
|
var _a;
|
|
22
|
-
const user = useSelector(state => state.user);
|
|
22
|
+
const user = useSelector(state => state.user, shallowEqual);
|
|
23
23
|
const orgData = useSelector(state => {
|
|
24
24
|
var _a;
|
|
25
25
|
return (_a = state === null || state === void 0 ? void 0 : state.platform) === null || _a === void 0 ? void 0 : _a.orgName;
|
|
26
|
-
});
|
|
26
|
+
}, shallowEqual);
|
|
27
27
|
const currentRoute = (navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.isReady()) ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
|
|
28
28
|
const [open, setOpen] = React__default.useState(false);
|
|
29
29
|
const [swipeEnabled, setSwipeEnabled] = React__default.useState(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawerLayout.js","sources":["../../src/hooks/useDrawerLayout.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useDrawerLayout.js","sources":["../../src/hooks/useDrawerLayout.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {Feature}from'@common-stack/client-react';import SlackUIModule from'./module.js';export{exploreFeature}from'./navigation/ExploreNavigator.js';export{inboxFeature}from'./navigation/InboxNavigator.js';export{activityFeature}from'./navigation/ActivityNavigator.js';export{default as colors}from'./constants/Colors.js';export{default as device}from'./constants/device.js';export{default as fonts}from'./constants/fonts.js';export{default as gStyle}from'./constants/globalStyles.js';export{default as images}from'./constants/preloadImages.js';export{default as Layout}from'./constants/Layout.js';export{NavigationRoutes}from'./constants/routes.js';export{Login}from'./screens/Login.js';export{default as Home}from'./screens/Home/HomeScreen.js';export{default as InboxScreen}from'./screens/Inbox/InboxScreen.js';export{default as InboxChannelDetailScreen}from'./screens/Inbox/InboxChannelDetail.js';export{default as Account}from'./screens/Account/AccountScreen.js';export{default as Profile}from'./screens/Profile/ProfileScreen.js';export{default as Activity}from'./screens/Activity/ActivityScreen.js';export{default as Saved}from'./screens/Saved/SavedScreen.js';export{default as Notification}from'./screens/Notification/NotificationsScreen.js';export{default as Search}from'./screens/Search/SearchScreen.js';export{default as SearchChannelPeople}from'./screens/Search/SearchChannelPeople.js';export{default as SearchAddChannel}from'./screens/Search/SearchAddChannel.js';export{default as JumpTo}from'./screens/Search/JumpTo.js';export{default as Files}from'./screens/Files/FilesScreen.js';export{default as Wiki}from'./screens/Wiki/WikiScreen.js';export{default as Channels}from'./screens/Channels/Channels.js';export{default as AddChannel}from'./screens/Channels/AddChannel.js';export{default as AddChannelName}from'./screens/Channels/Add/AddName.js';export{default as AddChannelVisibility}from'./screens/Channels/Add/AddVisibility.js';export{default as Peoples}from'./screens/Peoples/People.js';export{default as AddPeople}from'./screens/Peoples/AddPeople.js';export{default as AddPeopleByEmail}from'./screens/Peoples/AddByEmail.js';export{default as AddFromContacts}from'./screens/Peoples/AddFromContacts.js';export{default as AddTeam}from'./screens/Teams/AddTeam.js';export{default as Team}from'./screens/Teams/Team.js';export{default as Teams}from'./screens/Teams/Teams.js';export{default as CreateOrganization}from'./screens/Organization/CreateOrganization.js';export{default as InviteOrganizationMembers}from'./screens/Organization/InviteOrganizationMembers.js';export{default as InitializeOrganizationChannel}from'./screens/Organization/InitializeOrganizationChannel.js';export{default as InitialChannelOnboarding}from'./screens/Organization/InitialChannelOnboarding.js';export{default as AddWorkSpace}from'./screens/Organization/AddWorkspace.js';export{default as Header}from'./components/Header/Header.js';export{default as Tiles}from'./components/Tiles/Tiles.js';export{default as CustomDrawer}from'./components/CustomDrawer/CustomDrawer.js';export{default as CustomBottomTabs}from'./components/CustomBottomTabs/CustomBottomTabs.js';export{default as NavigationHeader}from'./components/NavigationHeader/NavigationHeader.js';export{default as chatNavigationHeader}from'./components/NavigationHeader/NavigationHeaderChat.js';export{default as InboxNavigationHeader}from'./components/NavigationHeader/InboxNavigationHeader.js';export{default as LoadingSpinner,LoadingSpinnerDefault}from'./components/LoadingSpinner/index.js';export{default as WorkSpaceDrawer}from'./components/WorkSpaceDrawer/WorkSpaceDrawer.js';export{ChannelsByAlphabeticalAccordion}from'./components/Channels/ChannelsByAlphabeticalAccordion.js';export{SlackInput}from'./components/SlackSearchInput/index.js';export{default as useCachedResources}from'./hooks/useCachedResources.js';export{default as useColorScheme}from'./hooks/useColorScheme.js';export{DrawerLayoutContext,DrawerLayoutProvider,useDrawerLayout}from'./hooks/useDrawerLayout.js';export{ExpoNotificationContext,ExpoNotificationProvider,useExpoNotification}from'./hooks/useExpoNotificationProvider.js';export{useDisclose}from'./hooks/useDisclose.js';export{customTheme}from'./theme/index.js';import'./locales/index.js';var index = new Feature(SlackUIModule);export{index as default};//# sourceMappingURL=index.js.map
|
|
1
|
+
import {Feature}from'@common-stack/client-react';import SlackUIModule from'./module.js';export{exploreFeature}from'./navigation/ExploreNavigator.js';export{inboxFeature}from'./navigation/InboxNavigator.js';export{activityFeature}from'./navigation/ActivityNavigator.js';export{default as colors}from'./constants/Colors.js';export{default as device}from'./constants/device.js';export{default as fonts}from'./constants/fonts.js';export{default as gStyle}from'./constants/globalStyles.js';export{default as images}from'./constants/preloadImages.js';export{default as Layout}from'./constants/Layout.js';export{NavigationRoutes}from'./constants/routes.js';export{Login}from'./screens/Login.js';export{default as Home}from'./screens/Home/HomeScreen.js';export{default as InboxScreen}from'./screens/Inbox/InboxScreen.js';export{default as InboxChannelDetailScreen}from'./screens/Inbox/InboxChannelDetail.js';export{default as Account}from'./screens/Account/AccountScreen.js';export{default as Profile}from'./screens/Profile/ProfileScreen.js';export{default as Activity}from'./screens/Activity/ActivityScreen.js';export{default as Saved}from'./screens/Saved/SavedScreen.js';export{default as Notification}from'./screens/Notification/NotificationsScreen.js';export{default as Search}from'./screens/Search/SearchScreen.js';export{default as SearchChannelPeople}from'./screens/Search/SearchChannelPeople.js';export{default as SearchAddChannel}from'./screens/Search/SearchAddChannel.js';export{default as JumpTo}from'./screens/Search/JumpTo.js';export{default as Files}from'./screens/Files/FilesScreen.js';export{default as Wiki}from'./screens/Wiki/WikiScreen.js';export{default as Channels}from'./screens/Channels/Channels.js';export{default as AddChannel}from'./screens/Channels/AddChannel.js';export{default as AddChannelName}from'./screens/Channels/Add/AddName.js';export{default as AddChannelVisibility}from'./screens/Channels/Add/AddVisibility.js';export{default as Peoples}from'./screens/Peoples/People.js';export{default as AddPeople}from'./screens/Peoples/AddPeople.js';export{default as AddPeopleByEmail}from'./screens/Peoples/AddByEmail.js';export{default as AddFromContacts}from'./screens/Peoples/AddFromContacts.js';export{default as AddTeam}from'./screens/Teams/AddTeam.js';export{default as Team}from'./screens/Teams/Team.js';export{default as Teams}from'./screens/Teams/Teams.js';export{default as CreateOrganization}from'./screens/Organization/CreateOrganization.js';export{default as InviteOrganizationMembers}from'./screens/Organization/InviteOrganizationMembers.js';export{default as InitializeOrganizationChannel}from'./screens/Organization/InitializeOrganizationChannel.js';export{default as InitialChannelOnboarding}from'./screens/Organization/InitialChannelOnboarding.js';export{default as AddWorkSpace}from'./screens/Organization/AddWorkspace.js';export{default as Header}from'./components/Header/Header.js';export{default as Tiles}from'./components/Tiles/Tiles.js';export{default as CustomDrawer}from'./components/CustomDrawer/CustomDrawer.js';export{default as CustomBottomTabs}from'./components/CustomBottomTabs/CustomBottomTabs.js';export{default as NavigationHeader}from'./components/NavigationHeader/NavigationHeader.js';export{default as chatNavigationHeader}from'./components/NavigationHeader/NavigationHeaderChat.js';export{default as InboxNavigationHeader}from'./components/NavigationHeader/InboxNavigationHeader.js';export{default as LoadingSpinner,LoadingSpinnerDefault}from'./components/LoadingSpinner/index.js';export{default as WorkSpaceDrawer}from'./components/WorkSpaceDrawer/WorkSpaceDrawer.js';export{ChannelsByAlphabeticalAccordion}from'./components/Channels/ChannelsByAlphabeticalAccordion.js';export{SlackInput}from'./components/SlackSearchInput/index.js';export{default as AppRootContextProviderComponent}from'./components/AppRootContextProviderComponent.js';export{default as useCachedResources}from'./hooks/useCachedResources.js';export{default as useColorScheme}from'./hooks/useColorScheme.js';export{DrawerLayoutContext,DrawerLayoutProvider,useDrawerLayout}from'./hooks/useDrawerLayout.js';export{ExpoNotificationContext,ExpoNotificationProvider,useExpoNotification}from'./hooks/useExpoNotificationProvider.js';export{useDisclose}from'./hooks/useDisclose.js';export{customTheme}from'./theme/index.js';import'./locales/index.js';var index = new Feature(SlackUIModule);export{index as default};//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"+wIAWA,YAAe,IAAI,OAAO,CAAC,aAAa,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default,{useState,useEffect}from'react';import {StyleSheet}from'react-native';import {Button,ButtonText,Box,VStack,FormControl,FormControlLabel,FormControlLabelText,Input,InputSlot,Text,InputField,FormControlError,FormControlErrorText}from'@admin-layout/gluestack-ui-mobile';import colors from'../../../constants/Colors.js';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';const AddChannelName = ({
|
|
1
|
+
import React__default,{useState,useEffect}from'react';import {StyleSheet,TouchableOpacity}from'react-native';import {Button,ButtonText,Box,VStack,FormControl,FormControlLabel,FormControlLabelText,Input,InputSlot,Text,InputField,FormControlError,FormControlErrorText}from'@admin-layout/gluestack-ui-mobile';import colors from'../../../constants/Colors.js';import {MaterialIcons}from'@expo/vector-icons';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';const AddChannelName = ({
|
|
2
2
|
navigation,
|
|
3
3
|
route
|
|
4
4
|
}) => {
|
|
@@ -37,6 +37,13 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet}from're
|
|
|
37
37
|
// headerShown: true,
|
|
38
38
|
headerTitleAlign: 'left',
|
|
39
39
|
headerTitleStyle: {},
|
|
40
|
+
headerLeft: props => React__default.createElement(TouchableOpacity, {
|
|
41
|
+
onPress: () => navigation.goBack()
|
|
42
|
+
}, React__default.createElement(MaterialIcons, {
|
|
43
|
+
size: 20,
|
|
44
|
+
name: "close",
|
|
45
|
+
color: 'black'
|
|
46
|
+
})),
|
|
40
47
|
headerRight: props => React__default.createElement(Button, {
|
|
41
48
|
mr: '$2',
|
|
42
49
|
onPress: () => addNewChannelVisiblity(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddName.js","sources":["../../../../src/screens/Channels/Add/AddName.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddName.js","sources":["../../../../src/screens/Channels/Add/AddName.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default,{useState,useEffect}from'react';import {Dimensions,StyleSheet}from'react-native';import {Box,Text,SafeAreaView,View,Input,InputField,
|
|
1
|
+
import React__default,{useState,useEffect}from'react';import {Dimensions,StyleSheet,TouchableHighlight}from'react-native';import {Button,ButtonText,Box,Text,SafeAreaView,View,Input,InputSlot,InputIcon,SearchIcon,InputField,Divider,VStack,FlatList,HStack,Spinner}from'@admin-layout/gluestack-ui-mobile';import colors from'../../constants/Colors.js';import {NavigationRoutes}from'../../constants/routes.js';import {IRoomType,useGetChannelsByUserQuery}from'@messenger-box/platform-client';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import {FontAwesome,Octicons}from'@expo/vector-icons';import'tslib';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';Dimensions.get('window').width;
|
|
2
2
|
Dimensions.get('window').height;
|
|
3
3
|
const defaultChannelType = [IRoomType.Channel, IRoomType.Private, IRoomType.Public];
|
|
4
4
|
const Channels = ({
|
|
@@ -64,24 +64,21 @@ const Channels = ({
|
|
|
64
64
|
headerTitleStyle: {
|
|
65
65
|
borderBottomWidth: 1
|
|
66
66
|
},
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
})),
|
|
67
|
+
headerLeft: props => React__default.createElement(Button, {
|
|
68
|
+
onPress: () => navigation.goBack(),
|
|
69
|
+
variant: 'link'
|
|
70
|
+
}, React__default.createElement(ButtonText, null, "Cancel")),
|
|
71
|
+
headerRight: props => React__default.createElement(Button, {
|
|
72
|
+
onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
|
|
73
|
+
orgName
|
|
74
|
+
}),
|
|
75
|
+
variant: 'link'
|
|
76
|
+
}, React__default.createElement(ButtonText, null, "Create")),
|
|
77
77
|
headerTitle: props => React__default.createElement(Box, null, React__default.createElement(Text, {
|
|
78
78
|
color: '$black',
|
|
79
79
|
fontSize: 15,
|
|
80
80
|
fontWeight: '600'
|
|
81
|
-
}, "
|
|
82
|
-
color: '$trueGray600',
|
|
83
|
-
fontWeight: '500'
|
|
84
|
-
}, channels.length, " ", channels.length > 1 ? 'channels' : 'channel')),
|
|
81
|
+
}, "Channels")),
|
|
85
82
|
headerStyle: {
|
|
86
83
|
borderBottomWidth: 1,
|
|
87
84
|
borderColor: '#d1d2d3'
|
|
@@ -129,7 +126,7 @@ const Channels = ({
|
|
|
129
126
|
// </TouchableHighlight>
|
|
130
127
|
// );
|
|
131
128
|
// };
|
|
132
|
-
|
|
129
|
+
React__default.useMemo(() => {
|
|
133
130
|
const obj = channels.reduce((r, {
|
|
134
131
|
id,
|
|
135
132
|
title,
|
|
@@ -171,19 +168,32 @@ const Channels = ({
|
|
|
171
168
|
}
|
|
172
169
|
}, [intialChannels, channels]);
|
|
173
170
|
return React__default.createElement(SafeAreaView, {
|
|
174
|
-
flex: 1
|
|
171
|
+
flex: 1,
|
|
172
|
+
bg: '$white'
|
|
175
173
|
}, React__default.createElement(View, {
|
|
176
174
|
flex: 1,
|
|
177
175
|
bg: '$white'
|
|
178
176
|
}, React__default.createElement(Input, {
|
|
179
|
-
bg: '$
|
|
180
|
-
|
|
181
|
-
|
|
177
|
+
bg: '$coolGray100',
|
|
178
|
+
mx: "$4",
|
|
179
|
+
my: '$2',
|
|
180
|
+
borderRadius: '$lg',
|
|
181
|
+
borderWidth: '$0',
|
|
182
|
+
style: {
|
|
183
|
+
boxShadow: 'none'
|
|
184
|
+
},
|
|
185
|
+
variant: "outline"
|
|
186
|
+
}, React__default.createElement(InputSlot, {
|
|
187
|
+
pl: "$3"
|
|
188
|
+
}, React__default.createElement(InputIcon, {
|
|
189
|
+
color: '$black',
|
|
190
|
+
as: SearchIcon
|
|
191
|
+
})), React__default.createElement(InputField, {
|
|
182
192
|
px: '$3',
|
|
183
193
|
alignItems: "center",
|
|
184
194
|
type: "text",
|
|
185
195
|
size: "xl",
|
|
186
|
-
placeholder: "Search
|
|
196
|
+
placeholder: "Search",
|
|
187
197
|
placeholderTextColor: '#404040',
|
|
188
198
|
color: "$black",
|
|
189
199
|
fontSize: 15,
|
|
@@ -198,27 +208,70 @@ const Channels = ({
|
|
|
198
208
|
},
|
|
199
209
|
autoCapitalize: 'none',
|
|
200
210
|
autoCorrect: false
|
|
201
|
-
})), React__default.createElement(
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
211
|
+
})), React__default.createElement(Divider, null), React__default.createElement(View, {
|
|
212
|
+
flex: 1
|
|
213
|
+
}, React__default.createElement(VStack, {
|
|
214
|
+
flex: 1
|
|
215
|
+
}, React__default.createElement(FlatList, {
|
|
216
|
+
contentContainerStyle: {
|
|
217
|
+
flexGrow: 1,
|
|
218
|
+
paddingBottom: 50
|
|
219
|
+
},
|
|
220
|
+
w: '100%',
|
|
221
|
+
h: '100%',
|
|
222
|
+
maxWidth: '100%',
|
|
223
|
+
pb: '$20',
|
|
224
|
+
mb: '$10',
|
|
225
|
+
data: channels ? channels : [],
|
|
226
|
+
keyExtractor: (item, index) => item + index,
|
|
227
|
+
renderItem: ({
|
|
228
|
+
item
|
|
229
|
+
}) => React__default.createElement(TouchableHighlight, {
|
|
230
|
+
underlayColor: 'transparent',
|
|
231
|
+
activeOpacity: 0.5,
|
|
232
|
+
key: item.id,
|
|
233
|
+
style: {
|
|
234
|
+
marginTop: 1
|
|
235
|
+
},
|
|
236
|
+
onPress: () => openInbox(item)
|
|
237
|
+
}, React__default.createElement(Box, {
|
|
238
|
+
bg: '#fff',
|
|
239
|
+
py: '$2'
|
|
240
|
+
}, React__default.createElement(VStack, {
|
|
241
|
+
space: "md"
|
|
242
|
+
}, React__default.createElement(HStack, {
|
|
243
|
+
px: "$4",
|
|
244
|
+
py: '$1',
|
|
245
|
+
space: 'sm',
|
|
246
|
+
alignItems: "center"
|
|
247
|
+
}, React__default.createElement(Text, {
|
|
248
|
+
style: styles.headingText
|
|
249
|
+
}, item.type == IRoomType.Private ? React__default.createElement(React__default.Fragment, null, React__default.createElement(FontAwesome, {
|
|
250
|
+
color: '#525252',
|
|
251
|
+
name: "lock",
|
|
252
|
+
size: 20
|
|
253
|
+
})) : React__default.createElement(Octicons, {
|
|
254
|
+
color: "#525252",
|
|
255
|
+
name: "hash",
|
|
256
|
+
size: 20
|
|
257
|
+
})), React__default.createElement(Box, {
|
|
258
|
+
px: "$2"
|
|
259
|
+
}, React__default.createElement(Text, {
|
|
260
|
+
style: styles.headingText
|
|
261
|
+
}, item.title)))))),
|
|
262
|
+
ListEmptyComponent: () => {
|
|
263
|
+
return React__default.createElement(View, {
|
|
264
|
+
py: '$1'
|
|
265
|
+
}, loading ? React__default.createElement(Spinner, {
|
|
266
|
+
color: '$blue500'
|
|
267
|
+
}) : React__default.createElement(Text, {
|
|
268
|
+
color: '$coolGray600'
|
|
269
|
+
}, "No Channels found"));
|
|
270
|
+
},
|
|
271
|
+
key: 'search-channels-list'
|
|
272
|
+
})))));
|
|
220
273
|
};
|
|
221
|
-
StyleSheet.create({
|
|
274
|
+
const styles = StyleSheet.create({
|
|
222
275
|
container: {
|
|
223
276
|
flex: 1,
|
|
224
277
|
//justifyContent: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Channels.js","sources":["../../../src/screens/Channels/Channels.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Channels.js","sources":["../../../src/screens/Channels/Channels.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import {NavigationRoutes}from'../../../../constants/routes.js';import {View,HStack,Text,
|
|
1
|
+
import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import {NavigationRoutes}from'../../../../constants/routes.js';import {View,HStack,Text,FlatList,Spinner,Button,ButtonText,VStack,Icon,AddIcon,Actionsheet,ActionsheetBackdrop,ActionsheetContent,ActionsheetItem,ActionsheetItemText,Box}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import styles from'../../styles.js';import {take,orderBy,uniqBy}from'lodash-es';import {IRoomType}from'@messenger-box/platform-client';import {MaterialIcons,Octicons}from'@expo/vector-icons';import'tslib';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import {useDisclose}from'../../../../hooks/useDisclose.js';const Channels = ({
|
|
2
2
|
channels,
|
|
3
3
|
loading,
|
|
4
4
|
reFetchChannels,
|
|
5
5
|
fetchMoreChannels,
|
|
6
6
|
showMore
|
|
7
7
|
}) => {
|
|
8
|
+
const {
|
|
9
|
+
isOpen,
|
|
10
|
+
onOpen,
|
|
11
|
+
onClose
|
|
12
|
+
} = useDisclose();
|
|
8
13
|
const navigation = useNavigation();
|
|
9
14
|
const [expandable, setExpendable] = useState(true);
|
|
10
15
|
useSelector(userSelector);
|
|
@@ -87,18 +92,7 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
|
|
|
87
92
|
fontWeight: '600',
|
|
88
93
|
color: 'black'
|
|
89
94
|
}
|
|
90
|
-
}, "Channels"), React__default.createElement(
|
|
91
|
-
alignItems: 'center'
|
|
92
|
-
}, React__default.createElement(Button, {
|
|
93
|
-
bg: 'transparent',
|
|
94
|
-
onPress: () => navigation.navigate(NavigationRoutes.Channels, {
|
|
95
|
-
orgName
|
|
96
|
-
})
|
|
97
|
-
}, React__default.createElement(MaterialIcons, {
|
|
98
|
-
color: 'black',
|
|
99
|
-
name: 'add',
|
|
100
|
-
size: 20
|
|
101
|
-
})), expandable ? React__default.createElement(MaterialIcons, {
|
|
95
|
+
}, "Channels"), expandable ? React__default.createElement(MaterialIcons, {
|
|
102
96
|
color: 'black',
|
|
103
97
|
name: 'keyboard-arrow-up',
|
|
104
98
|
size: 20
|
|
@@ -106,7 +100,7 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
|
|
|
106
100
|
color: 'black',
|
|
107
101
|
name: 'keyboard-arrow-down',
|
|
108
102
|
size: 20
|
|
109
|
-
})))
|
|
103
|
+
}))), expandable && React__default.createElement(React__default.Fragment, null, React__default.createElement(FlatList, {
|
|
110
104
|
py: '$2',
|
|
111
105
|
data: organizationChannels && organizationChannels.length > 0 ? organizationChannels : [],
|
|
112
106
|
renderItem: renderUserChannelItem,
|
|
@@ -143,22 +137,95 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
|
|
|
143
137
|
size: 20
|
|
144
138
|
}), React__default.createElement(ButtonText, {
|
|
145
139
|
color: '$black'
|
|
146
|
-
}, "Browse all channels"))), React__default.createElement(TouchableOpacity
|
|
140
|
+
}, "Browse all channels"))), React__default.createElement(TouchableOpacity
|
|
141
|
+
// onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}
|
|
142
|
+
, {
|
|
143
|
+
// onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}
|
|
144
|
+
onPress: onOpen
|
|
145
|
+
}, React__default.createElement(VStack, {
|
|
146
|
+
py: '$1',
|
|
147
|
+
ml: '-$0.5'
|
|
148
|
+
}, React__default.createElement(HStack, {
|
|
149
|
+
flex: 1,
|
|
150
|
+
alignItems: 'center',
|
|
151
|
+
justifyContent: 'flex-start',
|
|
152
|
+
space: 'sm'
|
|
153
|
+
}, React__default.createElement(Icon, {
|
|
154
|
+
as: AddIcon,
|
|
155
|
+
color: '$coolGray600'
|
|
156
|
+
}), React__default.createElement(Text, {
|
|
157
|
+
style: {
|
|
158
|
+
fontSize: 14,
|
|
159
|
+
fontWeight: '400',
|
|
160
|
+
color: 'black'
|
|
161
|
+
}
|
|
162
|
+
}, "Add Channel")))), React__default.createElement(Actionsheet, {
|
|
163
|
+
isOpen: isOpen,
|
|
164
|
+
onClose: onClose
|
|
165
|
+
}, React__default.createElement(ActionsheetBackdrop, null), React__default.createElement(ActionsheetContent, {
|
|
166
|
+
bg: 'transparent'
|
|
167
|
+
}, React__default.createElement(VStack, {
|
|
168
|
+
w: "$full",
|
|
169
|
+
p: 20,
|
|
170
|
+
px: '$1'
|
|
171
|
+
}, React__default.createElement(ActionsheetItem, {
|
|
172
|
+
onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
|
|
173
|
+
orgName
|
|
174
|
+
}),
|
|
175
|
+
bg: '$white',
|
|
176
|
+
"$pressed-bg": "$coolGray100",
|
|
177
|
+
"$active-bg": '$coolGray100',
|
|
178
|
+
borderWidth: '$1',
|
|
179
|
+
borderColor: "$coolGray200",
|
|
180
|
+
borderRadius: '$lg',
|
|
181
|
+
borderBottomLeftRadius: '$0',
|
|
182
|
+
borderBottomRightRadius: '$0',
|
|
183
|
+
alignItems: "center",
|
|
184
|
+
justifyContent: "center"
|
|
185
|
+
}, React__default.createElement(ActionsheetItemText, {
|
|
186
|
+
style: {
|
|
187
|
+
fontWeight: '500',
|
|
188
|
+
fontSize: 15,
|
|
189
|
+
color: '#3b82f6'
|
|
190
|
+
}
|
|
191
|
+
}, "Create Channel")), React__default.createElement(ActionsheetItem, {
|
|
147
192
|
onPress: () => navigation.navigate(NavigationRoutes.Channels, {
|
|
148
193
|
orgName
|
|
149
|
-
})
|
|
150
|
-
|
|
194
|
+
}),
|
|
195
|
+
bg: '$white',
|
|
196
|
+
"$pressed-bg": "$coolGray100",
|
|
197
|
+
"$active-bg": '$coolGray100',
|
|
198
|
+
borderWidth: '$1',
|
|
199
|
+
borderColor: "$coolGray200",
|
|
200
|
+
borderRadius: '$lg',
|
|
201
|
+
borderTopLeftRadius: '$0',
|
|
202
|
+
borderTopRightRadius: '$0',
|
|
203
|
+
alignItems: "center",
|
|
204
|
+
justifyContent: "center"
|
|
205
|
+
}, React__default.createElement(ActionsheetItemText, {
|
|
151
206
|
style: {
|
|
152
|
-
|
|
153
|
-
|
|
207
|
+
fontWeight: '500',
|
|
208
|
+
fontSize: 15,
|
|
209
|
+
color: '#3b82f6'
|
|
154
210
|
}
|
|
155
|
-
}, React__default.createElement(
|
|
211
|
+
}, "Browse Channels")), React__default.createElement(ActionsheetItem, {
|
|
212
|
+
onPress: () => onClose(),
|
|
213
|
+
bg: '$white',
|
|
214
|
+
"$pressed-bg": "$coolGray100",
|
|
215
|
+
"$active-bg": '$coolGray100',
|
|
216
|
+
borderWidth: '$1',
|
|
217
|
+
borderColor: "$coolGray200",
|
|
218
|
+
borderRadius: '$lg',
|
|
219
|
+
alignItems: "center",
|
|
220
|
+
justifyContent: "center",
|
|
221
|
+
mt: '$1'
|
|
222
|
+
}, React__default.createElement(ActionsheetItemText, {
|
|
156
223
|
style: {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
color: '
|
|
224
|
+
fontWeight: '500',
|
|
225
|
+
fontSize: 15,
|
|
226
|
+
color: '#2563eb'
|
|
160
227
|
}
|
|
161
|
-
}, "
|
|
228
|
+
}, "Cancel"))))));
|
|
162
229
|
}
|
|
163
230
|
})));
|
|
164
231
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|