@messenger-box/slack-ui-mobile 10.0.2-alpha.5 → 10.0.3-alpha.5
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.js +2 -5
- package/lib/components/AppRootContextProviderComponent.js.map +1 -1
- package/lib/components/Channels/ChannelsByAlphabeticalAccordion.js +16 -81
- package/lib/components/Channels/ChannelsByAlphabeticalAccordion.js.map +1 -1
- package/lib/components/CustomBottomTabs/CustomBottomTabs.js +60 -75
- package/lib/components/CustomBottomTabs/CustomBottomTabs.js.map +1 -1
- package/lib/components/CustomDrawer/CustomDrawer.js +78 -185
- package/lib/components/CustomDrawer/CustomDrawer.js.map +1 -1
- package/lib/components/Header/Header.js +1 -8
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Header/styles.js +14 -14
- package/lib/components/Header/styles.js.map +1 -1
- package/lib/components/LoadingSpinner/index.js +6 -29
- package/lib/components/LoadingSpinner/index.js.map +1 -1
- package/lib/components/NavigationHeader/InboxNavigationHeader.js +84 -176
- package/lib/components/NavigationHeader/InboxNavigationHeader.js.map +1 -1
- package/lib/components/NavigationHeader/NavigationHeader.js +154 -276
- package/lib/components/NavigationHeader/NavigationHeader.js.map +1 -1
- package/lib/components/NavigationHeader/NavigationHeaderChat.js +25 -66
- package/lib/components/NavigationHeader/NavigationHeaderChat.js.map +1 -1
- package/lib/components/NavigationHeader/index.js +1 -1
- package/lib/components/SlackSearchInput/Suggestion.js +40 -14
- package/lib/components/SlackSearchInput/Suggestion.js.map +1 -1
- package/lib/components/SlackSearchInput/Tag.js +43 -17
- package/lib/components/SlackSearchInput/Tag.js.map +1 -1
- package/lib/components/SlackSearchInput/index.js +57 -114
- package/lib/components/SlackSearchInput/index.js.map +1 -1
- package/lib/components/Tiles/Tiles.js +1 -8
- package/lib/components/Tiles/Tiles.js.map +1 -1
- package/lib/components/Tiles/styles.js +14 -14
- package/lib/components/Tiles/styles.js.map +1 -1
- package/lib/components/VirtualizedScrollView/VirtualizedScrollView.js +27 -17
- package/lib/components/VirtualizedScrollView/VirtualizedScrollView.js.map +1 -1
- package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js +86 -193
- package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js.map +1 -1
- package/lib/compute.js +222 -234
- package/lib/compute.js.map +1 -1
- package/lib/config/env-config.js +14 -12
- package/lib/config/env-config.js.map +1 -1
- package/lib/constants/Colors.js +52 -56
- package/lib/constants/Colors.js.map +1 -1
- package/lib/constants/Layout.js +2 -2
- package/lib/constants/Layout.js.map +1 -1
- package/lib/constants/device.js +4 -12
- package/lib/constants/device.js.map +1 -1
- package/lib/constants/fonts.js +5 -5
- package/lib/constants/fonts.js.map +1 -1
- package/lib/constants/globalStyles.js +13 -13
- package/lib/constants/globalStyles.js.map +1 -1
- package/lib/constants/preloadImages.js +11 -22
- package/lib/constants/preloadImages.js.map +1 -1
- package/lib/constants/routes.js +37 -43
- package/lib/constants/routes.js.map +1 -1
- package/lib/hooks/useCachedResources.js +32 -18
- package/lib/hooks/useCachedResources.js.map +1 -1
- package/lib/hooks/useColorScheme.js +1 -4
- package/lib/hooks/useColorScheme.js.map +1 -1
- package/lib/hooks/useDisclose.js.map +1 -1
- package/lib/hooks/useDrawerLayout.js +33 -104
- package/lib/hooks/useDrawerLayout.js.map +1 -1
- package/lib/hooks/useExpoNotificationProvider.js +35 -41
- package/lib/hooks/useExpoNotificationProvider.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/locales/index.js +4 -4
- package/lib/locales/index.js.map +1 -1
- package/lib/module.js +1 -4
- package/lib/module.js.map +1 -1
- package/lib/navigation/ActivityNavigator.js +31 -25
- package/lib/navigation/ActivityNavigator.js.map +1 -1
- package/lib/navigation/ExploreNavigator.js +199 -440
- package/lib/navigation/ExploreNavigator.js.map +1 -1
- package/lib/navigation/InboxNavigator.js +69 -128
- package/lib/navigation/InboxNavigator.js.map +1 -1
- package/lib/navigation/SearchTabNavigation.js +60 -138
- package/lib/navigation/SearchTabNavigation.js.map +1 -1
- package/lib/navigation/TeamTabNavigation.js +52 -41
- package/lib/navigation/TeamTabNavigation.js.map +1 -1
- package/lib/screens/Account/AccountScreen.js +51 -239
- package/lib/screens/Account/AccountScreen.js.map +1 -1
- package/lib/screens/Activity/ActivityScreen.js +1 -9
- package/lib/screens/Activity/ActivityScreen.js.map +1 -1
- package/lib/screens/Channels/Add/AddName.js +25 -115
- package/lib/screens/Channels/Add/AddName.js.map +1 -1
- package/lib/screens/Channels/Add/AddVisibility.js +43 -111
- package/lib/screens/Channels/Add/AddVisibility.js.map +1 -1
- package/lib/screens/Channels/AddChannel.js +25 -100
- package/lib/screens/Channels/AddChannel.js.map +1 -1
- package/lib/screens/Channels/Channels.js +65 -190
- package/lib/screens/Channels/Channels.js.map +1 -1
- package/lib/screens/Files/FilesScreen.js +1 -12
- package/lib/screens/Files/FilesScreen.js.map +1 -1
- package/lib/screens/Home/Components/Channels/Channels.js +53 -190
- package/lib/screens/Home/Components/Channels/Channels.js.map +1 -1
- package/lib/screens/Home/Components/DirectChannels/DirectChannels.js +99 -285
- package/lib/screens/Home/Components/DirectChannels/DirectChannels.js.map +1 -1
- package/lib/screens/Home/Components/Teams/Teams.js +34 -122
- package/lib/screens/Home/Components/Teams/Teams.js.map +1 -1
- package/lib/screens/Home/Components/TopCommonSlider/TopCommonSlider.js +36 -59
- package/lib/screens/Home/Components/TopCommonSlider/TopCommonSlider.js.map +1 -1
- package/lib/screens/Home/HomeScreen.js +113 -242
- package/lib/screens/Home/HomeScreen.js.map +1 -1
- package/lib/screens/Home/styles.js +27 -27
- package/lib/screens/Home/styles.js.map +1 -1
- package/lib/screens/Inbox/InboxChannelDetail.js +124 -430
- package/lib/screens/Inbox/InboxChannelDetail.js.map +1 -1
- package/lib/screens/Inbox/InboxDialogMessages.js +21 -4
- package/lib/screens/Inbox/InboxDialogMessages.js.map +1 -1
- package/lib/screens/Inbox/InboxScreen.js +27 -11
- package/lib/screens/Inbox/InboxScreen.js.map +1 -1
- package/lib/screens/Inbox/InboxThreadMessages.js +21 -7
- package/lib/screens/Inbox/InboxThreadMessages.js.map +1 -1
- package/lib/screens/Inbox/InboxThreads.js +21 -6
- package/lib/screens/Inbox/InboxThreads.js.map +1 -1
- package/lib/screens/Login.js +7 -63
- package/lib/screens/Login.js.map +1 -1
- package/lib/screens/Notification/NotificationsScreen.js +3 -5
- package/lib/screens/Notification/NotificationsScreen.js.map +1 -1
- package/lib/screens/Organization/AddWorkspace.js +52 -180
- package/lib/screens/Organization/AddWorkspace.js.map +1 -1
- package/lib/screens/Organization/CreateOrganization.js +20 -80
- package/lib/screens/Organization/CreateOrganization.js.map +1 -1
- package/lib/screens/Organization/InitialChannelOnboarding.js +26 -148
- package/lib/screens/Organization/InitialChannelOnboarding.js.map +1 -1
- package/lib/screens/Organization/InitializeOrganizationChannel.js +23 -76
- package/lib/screens/Organization/InitializeOrganizationChannel.js.map +1 -1
- package/lib/screens/Organization/InviteOrganizationMembers.js +15 -98
- package/lib/screens/Organization/InviteOrganizationMembers.js.map +1 -1
- package/lib/screens/Peoples/AddByEmail.js +33 -130
- package/lib/screens/Peoples/AddByEmail.js.map +1 -1
- package/lib/screens/Peoples/AddFromContacts.js +79 -155
- package/lib/screens/Peoples/AddFromContacts.js.map +1 -1
- package/lib/screens/Peoples/AddPeople.js +127 -236
- package/lib/screens/Peoples/AddPeople.js.map +1 -1
- package/lib/screens/Peoples/People.js +9 -13
- package/lib/screens/Peoples/People.js.map +1 -1
- package/lib/screens/Profile/ProfileScreen.js +25 -83
- package/lib/screens/Profile/ProfileScreen.js.map +1 -1
- package/lib/screens/Saved/SavedScreen.js +1 -9
- package/lib/screens/Saved/SavedScreen.js.map +1 -1
- package/lib/screens/Search/Channels.js +52 -123
- package/lib/screens/Search/Channels.js.map +1 -1
- package/lib/screens/Search/Files.js +5 -24
- package/lib/screens/Search/Files.js.map +1 -1
- package/lib/screens/Search/JumpTo.js +44 -127
- package/lib/screens/Search/JumpTo.js.map +1 -1
- package/lib/screens/Search/People.js +52 -123
- package/lib/screens/Search/People.js.map +1 -1
- package/lib/screens/Search/Recents.js +52 -123
- package/lib/screens/Search/Recents.js.map +1 -1
- package/lib/screens/Search/SearchAddChannel.js +224 -427
- package/lib/screens/Search/SearchAddChannel.js.map +1 -1
- package/lib/screens/Search/SearchChannelPeople.js +86 -230
- package/lib/screens/Search/SearchChannelPeople.js.map +1 -1
- package/lib/screens/Search/SearchScreen.js +39 -41
- package/lib/screens/Search/SearchScreen.js.map +1 -1
- package/lib/screens/Search/styles.js +26 -26
- package/lib/screens/Search/styles.js.map +1 -1
- package/lib/screens/Teams/AddTeam.js +26 -103
- package/lib/screens/Teams/AddTeam.js.map +1 -1
- package/lib/screens/Teams/Components/Channels/Channels.js +54 -88
- package/lib/screens/Teams/Components/Channels/Channels.js.map +1 -1
- package/lib/screens/Teams/Components/Members/Members.js +24 -81
- package/lib/screens/Teams/Components/Members/Members.js.map +1 -1
- package/lib/screens/Teams/Team.js +48 -47
- package/lib/screens/Teams/Team.js.map +1 -1
- package/lib/screens/Teams/Teams.js +59 -140
- package/lib/screens/Teams/Teams.js.map +1 -1
- package/lib/screens/Wiki/WikiScreen.js +1 -12
- package/lib/screens/Wiki/WikiScreen.js.map +1 -1
- package/lib/theme/index.js +0 -2
- package/lib/theme/index.js.map +1 -1
- package/package.json +3 -3
- package/lib/components/AddMemberToChannel/AddMemberToChannel.d.ts +0 -3
- package/lib/components/AddMemberToChannel/index.d.ts +0 -2
- package/lib/components/AppRootContextProviderComponent.d.ts +0 -6
- package/lib/components/CachedImage/consts.d.ts +0 -2
- package/lib/components/CachedImage/index.d.ts +0 -8
- package/lib/components/Channels/ChannelsByAlphabeticalAccordion.d.ts +0 -8
- package/lib/components/Channels/index.d.ts +0 -2
- package/lib/components/CustomBottomTabs/CustomBottomTabs.d.ts +0 -3
- package/lib/components/CustomBottomTabs/index.d.ts +0 -2
- package/lib/components/CustomDrawer/CustomDrawer.d.ts +0 -3
- package/lib/components/CustomDrawer/index.d.ts +0 -2
- package/lib/components/Header/Header.d.ts +0 -8
- package/lib/components/Header/index.d.ts +0 -2
- package/lib/components/Header/styles.d.ts +0 -43
- package/lib/components/LoadingSpinner/index.d.ts +0 -7
- package/lib/components/NavigationComponent/NavigationComponent.d.ts +0 -8
- package/lib/components/NavigationComponent/index.d.ts +0 -1
- package/lib/components/NavigationHeader/InboxNavigationHeader.d.ts +0 -3
- package/lib/components/NavigationHeader/NavigationHeader.d.ts +0 -5
- package/lib/components/NavigationHeader/NavigationHeaderChat.d.ts +0 -3
- package/lib/components/NavigationHeader/index.d.ts +0 -5
- package/lib/components/RootNavigation.d.ts +0 -3
- package/lib/components/Search/AddByEmail.d.ts +0 -3
- package/lib/components/Search/AddChannel.d.ts +0 -3
- package/lib/components/Search/AddFromContacts.d.ts +0 -3
- package/lib/components/Search/AddPeople.d.ts +0 -3
- package/lib/components/Search/AddTeam.d.ts +0 -3
- package/lib/components/Search/Channels.d.ts +0 -3
- package/lib/components/Search/People.d.ts +0 -5
- package/lib/components/SlackSearchInput/Suggestion.d.ts +0 -8
- package/lib/components/SlackSearchInput/Tag.d.ts +0 -8
- package/lib/components/SlackSearchInput/index.d.ts +0 -61
- package/lib/components/Tiles/Tiles.d.ts +0 -7
- package/lib/components/Tiles/index.d.ts +0 -2
- package/lib/components/Tiles/styles.d.ts +0 -40
- package/lib/components/VirtualizedScrollView/VirtualizedScrollView.d.ts +0 -3
- package/lib/components/VirtualizedScrollView/index.d.ts +0 -2
- package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.d.ts +0 -3
- package/lib/components/WorkSpaceDrawer/index.d.ts +0 -2
- package/lib/components/index.d.ts +0 -11
- package/lib/compute.d.ts +0 -5
- package/lib/config/env-config.d.ts +0 -5
- package/lib/config/index.d.ts +0 -1
- package/lib/constants/Colors.d.ts +0 -61
- package/lib/constants/Layout.d.ts +0 -8
- package/lib/constants/device.d.ts +0 -10
- package/lib/constants/fonts.d.ts +0 -8
- package/lib/constants/globalStyles.d.ts +0 -202
- package/lib/constants/index.d.ts +0 -8
- package/lib/constants/preloadImages.d.ts +0 -14
- package/lib/constants/routes.d.ts +0 -36
- package/lib/hooks/index.d.ts +0 -6
- package/lib/hooks/useCachedResources.d.ts +0 -1
- package/lib/hooks/useColorScheme.d.ts +0 -2
- package/lib/hooks/useColorScheme.web.d.ts +0 -1
- package/lib/hooks/useDisclose.d.ts +0 -5
- package/lib/hooks/useDrawerLayout.d.ts +0 -18
- package/lib/hooks/useExpoNotificationProvider.d.ts +0 -7
- package/lib/hooks/useIsAuthenticated.d.ts +0 -2
- package/lib/index.d.ts +0 -10
- package/lib/locales/en/index.d.ts +0 -3
- package/lib/locales/fr/index.d.ts +0 -2
- package/lib/locales/index.d.ts +0 -1
- package/lib/module.d.ts +0 -3
- package/lib/navigation/AccountNavigator.d.ts +0 -2
- package/lib/navigation/ActivityNavigator.d.ts +0 -2
- package/lib/navigation/ExploreNavigator.d.ts +0 -2
- package/lib/navigation/InboxNavigator.d.ts +0 -2
- package/lib/navigation/InboxTabNavigation.d.ts +0 -3
- package/lib/navigation/MentionsNavigator.d.ts +0 -2
- package/lib/navigation/SearchNavigator.d.ts +0 -2
- package/lib/navigation/SearchTabNavigation.d.ts +0 -3
- package/lib/navigation/TeamTabNavigation.d.ts +0 -3
- package/lib/navigation/index.d.ts +0 -3
- package/lib/screens/Account/AccountScreen.d.ts +0 -3
- package/lib/screens/Account/index.d.ts +0 -2
- package/lib/screens/Activity/ActivityScreen.d.ts +0 -7
- package/lib/screens/Activity/index.d.ts +0 -2
- package/lib/screens/Activity/styles.d.ts +0 -85
- package/lib/screens/Channels/Add/AddName.d.ts +0 -3
- package/lib/screens/Channels/Add/AddVisibility.d.ts +0 -3
- package/lib/screens/Channels/Add/index.d.ts +0 -3
- package/lib/screens/Channels/AddChannel.d.ts +0 -3
- package/lib/screens/Channels/Channels.d.ts +0 -3
- package/lib/screens/Channels/index.d.ts +0 -4
- package/lib/screens/Files/FilesScreen.d.ts +0 -6
- package/lib/screens/Files/index.d.ts +0 -2
- package/lib/screens/Home/Components/Channels/Channels.d.ts +0 -9
- package/lib/screens/Home/Components/Channels/index.d.ts +0 -2
- package/lib/screens/Home/Components/DirectChannels/DirectChannels.d.ts +0 -3
- package/lib/screens/Home/Components/DirectChannels/index.d.ts +0 -2
- package/lib/screens/Home/Components/Teams/Teams.d.ts +0 -7
- package/lib/screens/Home/Components/Teams/index.d.ts +0 -2
- package/lib/screens/Home/Components/TopCommonSlider/TopCommonSlider.d.ts +0 -3
- package/lib/screens/Home/Components/TopCommonSlider/index.d.ts +0 -2
- package/lib/screens/Home/HomeScreen.d.ts +0 -3
- package/lib/screens/Home/index.d.ts +0 -2
- package/lib/screens/Home/styles.d.ts +0 -86
- package/lib/screens/Inbox/InboxChannelDetail.d.ts +0 -3
- package/lib/screens/Inbox/InboxDialogMessages.d.ts +0 -3
- package/lib/screens/Inbox/InboxScreen.d.ts +0 -3
- package/lib/screens/Inbox/InboxThreadMessages.d.ts +0 -3
- package/lib/screens/Inbox/InboxThreads.d.ts +0 -3
- package/lib/screens/Inbox/index.d.ts +0 -3
- package/lib/screens/Login.d.ts +0 -3
- package/lib/screens/Notification/NotificationsScreen.d.ts +0 -2
- package/lib/screens/Notification/index.d.ts +0 -2
- package/lib/screens/Organization/AddWorkspace.d.ts +0 -3
- package/lib/screens/Organization/CreateOrganization.d.ts +0 -3
- package/lib/screens/Organization/InitialChannelOnboarding.d.ts +0 -3
- package/lib/screens/Organization/InitializeOrganizationChannel.d.ts +0 -3
- package/lib/screens/Organization/InviteOrganizationMembers.d.ts +0 -3
- package/lib/screens/Organization/index.d.ts +0 -6
- package/lib/screens/Peoples/AddByEmail.d.ts +0 -3
- package/lib/screens/Peoples/AddFromContacts.d.ts +0 -3
- package/lib/screens/Peoples/AddPeople.d.ts +0 -3
- package/lib/screens/Peoples/People.d.ts +0 -3
- package/lib/screens/Peoples/index.d.ts +0 -5
- package/lib/screens/Profile/ProfileScreen.d.ts +0 -3
- package/lib/screens/Profile/index.d.ts +0 -2
- package/lib/screens/Profile/styles.d.ts +0 -83
- package/lib/screens/Saved/SavedScreen.d.ts +0 -7
- package/lib/screens/Saved/index.d.ts +0 -2
- package/lib/screens/Saved/styles.d.ts +0 -85
- package/lib/screens/Search/Channels.d.ts +0 -6
- package/lib/screens/Search/Files.d.ts +0 -3
- package/lib/screens/Search/JumpTo.d.ts +0 -4
- package/lib/screens/Search/People.d.ts +0 -6
- package/lib/screens/Search/Recents.d.ts +0 -6
- package/lib/screens/Search/SearchAddChannel.d.ts +0 -4
- package/lib/screens/Search/SearchChannelPeople.d.ts +0 -4
- package/lib/screens/Search/SearchScreen.d.ts +0 -5
- package/lib/screens/Search/index.d.ts +0 -5
- package/lib/screens/Search/styles.d.ts +0 -83
- package/lib/screens/Teams/AddTeam.d.ts +0 -3
- package/lib/screens/Teams/Components/Channels/Channels.d.ts +0 -3
- package/lib/screens/Teams/Components/Channels/index.d.ts +0 -2
- package/lib/screens/Teams/Components/Members/Members.d.ts +0 -8
- package/lib/screens/Teams/Components/Members/index.d.ts +0 -2
- package/lib/screens/Teams/Team.d.ts +0 -7
- package/lib/screens/Teams/Teams.d.ts +0 -3
- package/lib/screens/Teams/index.d.ts +0 -4
- package/lib/screens/Wiki/WikiScreen.d.ts +0 -6
- package/lib/screens/Wiki/index.d.ts +0 -2
- package/lib/screens/index.d.ts +0 -16
- package/lib/theme/index.d.ts +0 -11
|
@@ -1,174 +1,52 @@
|
|
|
1
|
-
import
|
|
2
|
-
Dimensions.get(
|
|
1
|
+
import React__default,{useState,useEffect}from'react';import {Share,Dimensions}from'react-native';import {SafeAreaView,Box,VStack,Heading,Text,Button,ButtonText}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../constants/routes.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {useNavigation,useFocusEffect}from'@react-navigation/native';Dimensions.get("window").width;
|
|
2
|
+
Dimensions.get("window").height;
|
|
3
3
|
const InitialChannelOnboarding = ({
|
|
4
4
|
route
|
|
5
5
|
}) => {
|
|
6
6
|
var _a;
|
|
7
7
|
const navigation = useNavigation();
|
|
8
8
|
const user = useSelector(userSelector);
|
|
9
|
-
const [name, setName] = useState(
|
|
10
|
-
useState(
|
|
11
|
-
useState([{
|
|
12
|
-
userId: user
|
|
13
|
-
role:
|
|
9
|
+
const [name, setName] = useState("");
|
|
10
|
+
const [description, setDescription] = useState("");
|
|
11
|
+
const [orgMemebers, setOrgMemebers] = useState([{
|
|
12
|
+
userId: user == null ? void 0 : user.id,
|
|
13
|
+
role: "OWNER"
|
|
14
14
|
}]);
|
|
15
15
|
const [showCreateButton, setShowCreateButton] = useState(false);
|
|
16
16
|
useFocusEffect(React__default.useCallback(() => {
|
|
17
|
-
// Do something when the screen is focused
|
|
18
17
|
return () => {
|
|
19
|
-
// Do something when the screen is unfocused
|
|
20
|
-
// Useful for cleanup functions
|
|
21
18
|
};
|
|
22
19
|
}, []));
|
|
23
20
|
useEffect(() => {
|
|
24
|
-
if (name && name.length > 0)
|
|
21
|
+
if (name && name.length > 0)
|
|
22
|
+
setShowCreateButton(true);
|
|
23
|
+
else
|
|
24
|
+
setShowCreateButton(false);
|
|
25
25
|
}, [name]);
|
|
26
|
-
React__default.useCallback(() =>
|
|
26
|
+
React__default.useCallback(async () => {
|
|
27
27
|
try {
|
|
28
|
-
const result =
|
|
29
|
-
message:
|
|
28
|
+
const result = await Share.share({
|
|
29
|
+
message: "CDMBSE | Messenger App"
|
|
30
30
|
});
|
|
31
31
|
if (result.action === Share.sharedAction) {
|
|
32
32
|
if (result.activityType) {
|
|
33
|
-
// shared with activity type of result.activityType
|
|
34
33
|
} else {
|
|
35
|
-
// shared
|
|
36
34
|
}
|
|
37
35
|
} else if (result.action === Share.dismissedAction) {
|
|
38
|
-
// dismissed
|
|
39
36
|
}
|
|
40
37
|
} catch (error) {
|
|
41
38
|
alert(error.message);
|
|
42
39
|
}
|
|
43
|
-
}
|
|
44
|
-
return React__default.createElement(SafeAreaView, {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}, React__default.createElement(Heading, {
|
|
56
|
-
px: '$4',
|
|
57
|
-
alignItems: 'center',
|
|
58
|
-
textAlign: 'center'
|
|
59
|
-
}, "Tada! Meet your team's first channel: #", (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.title), React__default.createElement(VStack, {
|
|
60
|
-
space: 'sm'
|
|
61
|
-
}, React__default.createElement(Box, {
|
|
62
|
-
flex: 1,
|
|
63
|
-
h: '$2',
|
|
64
|
-
py: '$2',
|
|
65
|
-
px: '$4',
|
|
66
|
-
bg: '$coolGray200'
|
|
67
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
68
|
-
flex: 1,
|
|
69
|
-
h: '$2',
|
|
70
|
-
py: '$2',
|
|
71
|
-
px: '$4',
|
|
72
|
-
bg: '$coolGray200'
|
|
73
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
74
|
-
flex: 1,
|
|
75
|
-
h: '$2',
|
|
76
|
-
py: '$2',
|
|
77
|
-
px: '$4',
|
|
78
|
-
bg: '$coolGray200'
|
|
79
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
80
|
-
flex: 1,
|
|
81
|
-
h: '$2',
|
|
82
|
-
py: '$2',
|
|
83
|
-
px: '$4',
|
|
84
|
-
bg: '$coolGray200'
|
|
85
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
86
|
-
flex: 1,
|
|
87
|
-
h: '$10',
|
|
88
|
-
py: '$5',
|
|
89
|
-
px: '$4',
|
|
90
|
-
bg: '$coolGray200'
|
|
91
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
92
|
-
flex: 1,
|
|
93
|
-
h: '$2',
|
|
94
|
-
py: '$2',
|
|
95
|
-
px: '$4',
|
|
96
|
-
bg: '$coolGray200'
|
|
97
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
98
|
-
flex: 1,
|
|
99
|
-
h: '$20',
|
|
100
|
-
py: '$20',
|
|
101
|
-
px: '$4',
|
|
102
|
-
bg: '$coolGray200'
|
|
103
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
104
|
-
flex: 1,
|
|
105
|
-
h: '$2',
|
|
106
|
-
py: '$2',
|
|
107
|
-
px: '$4',
|
|
108
|
-
bg: '$coolGray200'
|
|
109
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
110
|
-
flex: 1,
|
|
111
|
-
h: '$2',
|
|
112
|
-
py: '$2',
|
|
113
|
-
px: '$4',
|
|
114
|
-
bg: '$coolGray200'
|
|
115
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
116
|
-
flex: 1,
|
|
117
|
-
h: '$2',
|
|
118
|
-
py: '$2',
|
|
119
|
-
px: '$4',
|
|
120
|
-
bg: '$coolGray200'
|
|
121
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
122
|
-
flex: 1,
|
|
123
|
-
h: '$10',
|
|
124
|
-
py: '$5',
|
|
125
|
-
px: '$4',
|
|
126
|
-
bg: '$coolGray200'
|
|
127
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
128
|
-
flex: 1,
|
|
129
|
-
h: '$2',
|
|
130
|
-
py: '$2',
|
|
131
|
-
px: '$4',
|
|
132
|
-
bg: '$coolGray200'
|
|
133
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
134
|
-
flex: 1,
|
|
135
|
-
h: '$2',
|
|
136
|
-
py: '$2',
|
|
137
|
-
px: '$4',
|
|
138
|
-
bg: '$coolGray200'
|
|
139
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
140
|
-
flex: 1,
|
|
141
|
-
h: '$2',
|
|
142
|
-
py: '$2',
|
|
143
|
-
px: '$4',
|
|
144
|
-
bg: '$coolGray200'
|
|
145
|
-
}, React__default.createElement(Text, null, " ")), React__default.createElement(Box, {
|
|
146
|
-
flex: 1,
|
|
147
|
-
h: '$2',
|
|
148
|
-
py: '$2',
|
|
149
|
-
px: '$4',
|
|
150
|
-
bg: '$coolGray200'
|
|
151
|
-
}, React__default.createElement(Text, null, " "))), React__default.createElement(Text, {
|
|
152
|
-
textAlign: 'center'
|
|
153
|
-
}, "A channel brings together every part of your project so your team can get more doen."), React__default.createElement(Button, {
|
|
154
|
-
onPress: () => __awaiter(void 0, void 0, void 0, function* () {
|
|
155
|
-
var _a;
|
|
156
|
-
return navigation === null || navigation === void 0 ? void 0 : navigation.navigate('MainStack', {
|
|
157
|
-
screen: NavigationRoutes.Home,
|
|
158
|
-
params: {
|
|
159
|
-
orgName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
|
-
}),
|
|
163
|
-
style: {
|
|
164
|
-
marginTop: 10
|
|
165
|
-
},
|
|
166
|
-
bg: '$green800',
|
|
167
|
-
"$pressed-bg": "$green600",
|
|
168
|
-
"$active-bg": '$green600',
|
|
169
|
-
rounded: '$lg'
|
|
170
|
-
}, React__default.createElement(ButtonText, {
|
|
171
|
-
fontWeight: "600",
|
|
172
|
-
fontSize: 15
|
|
173
|
-
}, "See your channel in Workspace")))));
|
|
40
|
+
}, []);
|
|
41
|
+
return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", py: "$10", px: "$4", flex: 1, justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Heading, { px: "$4", alignItems: "center", textAlign: "center" }, "Tada! Meet your team's first channel: #", (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.title), /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$10", py: "$5", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$20", py: "$20", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$10", py: "$5", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " ")), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, h: "$2", py: "$2", px: "$4", bg: "$coolGray200" }, /* @__PURE__ */ React__default.createElement(Text, null, " "))), /* @__PURE__ */ React__default.createElement(Text, { textAlign: "center" }, "A channel brings together every part of your project so your team can get more doen."), /* @__PURE__ */ React__default.createElement(Button, { onPress: async () => {
|
|
42
|
+
var _a2;
|
|
43
|
+
return navigation == null ? void 0 : navigation.navigate("MainStack", {
|
|
44
|
+
screen: NavigationRoutes.Home,
|
|
45
|
+
params: {
|
|
46
|
+
orgName: (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.orgName
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}, style: {
|
|
50
|
+
marginTop: 10
|
|
51
|
+
}, bg: "$green800", "$pressed-bg": "$green600", "$active-bg": "$green600", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(ButtonText, { fontWeight: "600", fontSize: 15 }, "See your channel in Workspace")))));
|
|
174
52
|
};export{InitialChannelOnboarding as default};//# sourceMappingURL=InitialChannelOnboarding.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InitialChannelOnboarding.js","sources":["../../../src/screens/Organization/InitialChannelOnboarding.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InitialChannelOnboarding.js","sources":["../../../src/screens/Organization/InitialChannelOnboarding.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacity, Dimensions, Share } from 'react-native';\nimport {\n SafeAreaView,\n Input,\n InputField,\n View,\n Text,\n VStack,\n Box,\n FormControl,\n Button,\n ButtonText,\n ButtonSpinner,\n Fab,\n Icon,\n Divider,\n FlatList,\n HStack,\n Avatar,\n Image,\n Checkbox,\n ChevronLeftIcon,\n Center,\n Heading,\n //Skeleton,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useCreateOrganizationMutation, useGetAllUsersQuery } from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { useSelector } from 'react-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst InitialChannelOnboarding = ({ route }: any) => {\n const navigation = useNavigation<any>();\n const user: any = useSelector(userSelector);\n const [name, setName] = useState<string>('');\n const [description, setDescription] = useState('');\n const [orgMemebers, setOrgMemebers] = useState<any>([{ userId: user?.id, role: 'OWNER' }]);\n const [showCreateButton, setShowCreateButton] = useState<boolean>(false);\n\n useFocusEffect(\n React.useCallback(() => {\n // Do something when the screen is focused\n return () => {\n // Do something when the screen is unfocused\n // Useful for cleanup functions\n };\n }, []),\n );\n\n useEffect(() => {\n if (name && name.length > 0) setShowCreateButton(true);\n else setShowCreateButton(false);\n }, [name]);\n\n const shareLink = React.useCallback(async () => {\n try {\n const result = await Share.share({\n message: 'CDMBSE | Messenger App',\n });\n if (result.action === Share.sharedAction) {\n if (result.activityType) {\n // shared with activity type of result.activityType\n } else {\n // shared\n }\n } else if (result.action === Share.dismissedAction) {\n // dismissed\n }\n } catch (error: any) {\n alert(error.message);\n }\n }, []);\n\n return (\n <SafeAreaView flex={1}>\n <Box flex={1} bg={'$white'}>\n <VStack space={'sm'} py={'$10'} px={'$4'} flex={1} justifyContent={'space-between'}>\n <Heading px={'$4'} alignItems={'center'} textAlign={'center'}>\n Tada! Meet your team's first channel: #{route?.params?.title}\n </Heading>\n <VStack space={'sm'}>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$10'} py={'$5'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$20'} py={'$20'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$10'} py={'$5'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n <Box flex={1} h={'$2'} py={'$2'} px={'$4'} bg={'$coolGray200'}>\n <Text> </Text>\n </Box>\n {/* <Skeleton.Text px=\"4\" />\n <Skeleton.Text px=\"4\" />\n <Skeleton h=\"40\" />\n <Skeleton.Text px=\"4\" />\n <Skeleton.Text px=\"4\" /> */}\n </VStack>\n\n <Text textAlign={'center'}>\n A channel brings together every part of your project so your team can get more doen.\n </Text>\n <Button\n onPress={async () =>\n navigation?.navigate('MainStack', {\n screen: NavigationRoutes.Home,\n params: { orgName: route?.params?.orgName },\n })\n }\n style={{ marginTop: 10 }}\n bg={'$green800'}\n $pressed-bg=\"$green600\"\n $active-bg={'$green600'}\n rounded={'$lg'}\n >\n <ButtonText fontWeight=\"600\" fontSize={15}>\n See your channel in Workspace\n </ButtonText>\n </Button>\n </VStack>\n </Box>\n </SafeAreaView>\n );\n};\n\nexport default InitialChannelOnboarding;\n"],"names":["React","_a"],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React__default,{useState,useEffect,useCallback}from'react';import {Dimensions
|
|
2
|
-
Dimensions.get(
|
|
1
|
+
import React__default,{useState,useEffect,useCallback}from'react';import {Alert,Dimensions}from'react-native';import {Box,Center,VStack,Heading,Text,FormControl,Input,InputField,Button,ButtonSpinner,ButtonText}from'@admin-layout/gluestack-ui-mobile';import {useAddDirectChannelMutation,useAddChannelMutation}from'common/lib/generated/generated.js';import {NavigationRoutes}from'../../constants/routes.js';import {useSelector,shallowEqual}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {useNavigation,useFocusEffect}from'@react-navigation/native';Dimensions.get("window").width;
|
|
2
|
+
Dimensions.get("window").height;
|
|
3
3
|
const InitializeOrganizationChannel = ({
|
|
4
4
|
route
|
|
5
5
|
}) => {
|
|
6
6
|
const navigation = useNavigation();
|
|
7
7
|
const user = useSelector(userSelector, shallowEqual);
|
|
8
|
-
const [name, setName] = useState(
|
|
8
|
+
const [name, setName] = useState("");
|
|
9
9
|
const [channel, setChannel] = useState(null);
|
|
10
|
-
const [description, setDescription] = useState(
|
|
10
|
+
const [description, setDescription] = useState("");
|
|
11
11
|
const [showCreateButton, setShowCreateButton] = useState(false);
|
|
12
12
|
const [addDirectChannel, {
|
|
13
13
|
loading: addDirectChannaleLoading
|
|
@@ -16,54 +16,46 @@ const InitializeOrganizationChannel = ({
|
|
|
16
16
|
loading,
|
|
17
17
|
error
|
|
18
18
|
}] = useAddChannelMutation({
|
|
19
|
-
onCompleted: data => {
|
|
20
|
-
if (data
|
|
21
|
-
|
|
22
|
-
// navigation.navigate(NavigationRoutes.InitialChannelOnboarding, {
|
|
23
|
-
// orgName: route?.params?.orgName,
|
|
24
|
-
// channelId: data?.createChannel?.id,
|
|
25
|
-
// title: data?.createChannel?.title,
|
|
26
|
-
// });
|
|
27
|
-
// } else {
|
|
28
|
-
// navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName });
|
|
29
|
-
// }
|
|
19
|
+
onCompleted: (data) => {
|
|
20
|
+
if (data == null ? void 0 : data.createChannel)
|
|
21
|
+
setChannel(data == null ? void 0 : data.createChannel);
|
|
30
22
|
},
|
|
31
|
-
onError:
|
|
32
|
-
Alert.alert(
|
|
23
|
+
onError: (error2) => {
|
|
24
|
+
Alert.alert("Channel creation failed");
|
|
33
25
|
}
|
|
34
26
|
});
|
|
35
27
|
useFocusEffect(React__default.useCallback(() => {
|
|
36
|
-
// Do something when the screen is focused
|
|
37
28
|
return () => {
|
|
38
|
-
// Do something when the screen is unfocused
|
|
39
|
-
// Useful for cleanup functions
|
|
40
29
|
};
|
|
41
30
|
}, []));
|
|
42
31
|
useEffect(() => {
|
|
43
32
|
var _a, _b;
|
|
44
33
|
if (channel && !addDirectChannaleLoading) {
|
|
45
|
-
if (channel
|
|
34
|
+
if (channel == null ? void 0 : channel.id) {
|
|
46
35
|
navigation.navigate(NavigationRoutes.InitialChannelOnboarding, {
|
|
47
|
-
orgName: (_a = route
|
|
48
|
-
channelId: channel
|
|
49
|
-
title: channel
|
|
36
|
+
orgName: (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.orgName,
|
|
37
|
+
channelId: channel == null ? void 0 : channel.id,
|
|
38
|
+
title: channel == null ? void 0 : channel.title
|
|
50
39
|
});
|
|
51
40
|
} else {
|
|
52
41
|
navigation.navigate(NavigationRoutes.Home, {
|
|
53
|
-
orgName: (_b = route
|
|
42
|
+
orgName: (_b = route == null ? void 0 : route.params) == null ? void 0 : _b.orgName
|
|
54
43
|
});
|
|
55
44
|
}
|
|
56
45
|
}
|
|
57
46
|
}, [channel, addDirectChannaleLoading, route]);
|
|
58
47
|
useEffect(() => {
|
|
59
|
-
if (name && name.length > 0)
|
|
48
|
+
if (name && name.length > 0)
|
|
49
|
+
setShowCreateButton(true);
|
|
50
|
+
else
|
|
51
|
+
setShowCreateButton(false);
|
|
60
52
|
}, [name]);
|
|
61
53
|
const createChannelHandler = useCallback(() => {
|
|
62
|
-
if (name && (name
|
|
54
|
+
if (name && (name == null ? void 0 : name.length) > 0) {
|
|
63
55
|
addDirectChannel({
|
|
64
56
|
variables: {
|
|
65
57
|
receiver: [user.id],
|
|
66
|
-
displayName:
|
|
58
|
+
displayName: "DIRECT CHANNEL",
|
|
67
59
|
channelOptions: {
|
|
68
60
|
schemeAdmin: true
|
|
69
61
|
}
|
|
@@ -71,56 +63,11 @@ const InitializeOrganizationChannel = ({
|
|
|
71
63
|
});
|
|
72
64
|
createChannel({
|
|
73
65
|
variables: {
|
|
74
|
-
name
|
|
75
|
-
description
|
|
66
|
+
name,
|
|
67
|
+
description
|
|
76
68
|
}
|
|
77
69
|
});
|
|
78
70
|
}
|
|
79
71
|
}, [name]);
|
|
80
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Box, {
|
|
81
|
-
borderTopColor: '$blue600',
|
|
82
|
-
borderTopWidth: '$1',
|
|
83
|
-
w: '75%'
|
|
84
|
-
}), React__default.createElement(Center, {
|
|
85
|
-
flex: 1,
|
|
86
|
-
bg: 'white'
|
|
87
|
-
}, React__default.createElement(VStack, {
|
|
88
|
-
space: 'sm',
|
|
89
|
-
px: '$2'
|
|
90
|
-
}, React__default.createElement(Heading, {
|
|
91
|
-
px: '$4',
|
|
92
|
-
alignItems: 'center',
|
|
93
|
-
textAlign: 'center'
|
|
94
|
-
}, "What's a project your team is working on?"), React__default.createElement(Text, {
|
|
95
|
-
textAlign: 'center',
|
|
96
|
-
px: '$2'
|
|
97
|
-
}, "This could be anything: a project, campaign,event, or the deal your're tring to close."), React__default.createElement(Box, null, React__default.createElement(FormControl, {
|
|
98
|
-
mt: "$3",
|
|
99
|
-
w: "100%"
|
|
100
|
-
}, React__default.createElement(Input, {
|
|
101
|
-
variant: "outline",
|
|
102
|
-
size: "lg",
|
|
103
|
-
py: '$3',
|
|
104
|
-
borderColor: '$blue900',
|
|
105
|
-
borderWidth: '$2'
|
|
106
|
-
}, React__default.createElement(InputField, {
|
|
107
|
-
maxLength: 80,
|
|
108
|
-
placeholder: "Ex. Q4 Budget, Website updateg",
|
|
109
|
-
value: name,
|
|
110
|
-
onChangeText: v => setName(v),
|
|
111
|
-
"aria-label": "Organization name",
|
|
112
|
-
accessibilityLabel: "Organization name"
|
|
113
|
-
})))), React__default.createElement(Button, {
|
|
114
|
-
variant: 'solid',
|
|
115
|
-
bg: showCreateButton ? '$green800' : '$trueGray300',
|
|
116
|
-
"$pressed-bg": "$green600",
|
|
117
|
-
"$active-bg": '$green600',
|
|
118
|
-
disabled: showCreateButton ? false : true,
|
|
119
|
-
onPress: () => createChannelHandler()
|
|
120
|
-
}, loading || addDirectChannaleLoading && React__default.createElement(ButtonSpinner, {
|
|
121
|
-
mr: "$1"
|
|
122
|
-
}), React__default.createElement(ButtonText, {
|
|
123
|
-
fontWeight: "$bold",
|
|
124
|
-
color: showCreateButton ? '$white' : '$trueGray800'
|
|
125
|
-
}, "Next")))));
|
|
72
|
+
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Box, { borderTopColor: "$blue600", borderTopWidth: "$1", w: "75%" }), /* @__PURE__ */ React__default.createElement(Center, { flex: 1, bg: "white" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", px: "$2" }, /* @__PURE__ */ React__default.createElement(Heading, { px: "$4", alignItems: "center", textAlign: "center" }, "What's a project your team is working on?"), /* @__PURE__ */ React__default.createElement(Text, { textAlign: "center", px: "$2" }, "This could be anything: a project, campaign,event, or the deal your're tring to close."), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(FormControl, { mt: "$3", w: "100%" }, /* @__PURE__ */ React__default.createElement(Input, { variant: "outline", size: "lg", py: "$3", borderColor: "$blue900", borderWidth: "$2" }, /* @__PURE__ */ React__default.createElement(InputField, { maxLength: 80, placeholder: "Ex. Q4 Budget, Website updateg", value: name, onChangeText: (v) => setName(v), "aria-label": "Organization name", accessibilityLabel: "Organization name" })))), /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", bg: showCreateButton ? "$green800" : "$trueGray300", "$pressed-bg": "$green600", "$active-bg": "$green600", disabled: showCreateButton ? false : true, onPress: () => createChannelHandler() }, loading || addDirectChannaleLoading && /* @__PURE__ */ React__default.createElement(ButtonSpinner, { mr: "$1" }), /* @__PURE__ */ React__default.createElement(ButtonText, { fontWeight: "$bold", color: showCreateButton ? "$white" : "$trueGray800" }, "Next")))));
|
|
126
73
|
};export{InitializeOrganizationChannel as default};//# sourceMappingURL=InitializeOrganizationChannel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InitializeOrganizationChannel.js","sources":["../../../src/screens/Organization/InitializeOrganizationChannel.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InitializeOrganizationChannel.js","sources":["../../../src/screens/Organization/InitializeOrganizationChannel.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacity, Dimensions, Platform, Alert } from 'react-native';\nimport {\n SafeAreaView,\n Input,\n InputField,\n Text,\n VStack,\n Box,\n FormControl,\n FormControlLabel,\n FormControlLabelText,\n FormControlHelper,\n FormControlHelperText,\n FormControlError,\n FormControlErrorText,\n Button,\n ButtonText,\n ButtonSpinner,\n Center,\n Heading,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useAddChannelMutation, useAddDirectChannelMutation } from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { LoadingSpinner } from '../../components';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst InitializeOrganizationChannel = ({ route }: any) => {\n const navigation = useNavigation<any>();\n const user: any = useSelector(userSelector, shallowEqual);\n const [name, setName] = useState<string>('');\n const [channel, setChannel] = useState<any>(null);\n const [description, setDescription] = useState('');\n const [showCreateButton, setShowCreateButton] = useState<boolean>(false);\n const [addDirectChannel, { loading: addDirectChannaleLoading }] = useAddDirectChannelMutation();\n\n const [createChannel, { loading, error }] = useAddChannelMutation({\n onCompleted: (data: any) => {\n if (data?.createChannel) setChannel(data?.createChannel);\n // if (data?.createChannel?.id) {\n // navigation.navigate(NavigationRoutes.InitialChannelOnboarding, {\n // orgName: route?.params?.orgName,\n // channelId: data?.createChannel?.id,\n // title: data?.createChannel?.title,\n // });\n // } else {\n // navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName });\n // }\n },\n onError: (error: any) => {\n Alert.alert('Channel creation failed');\n },\n });\n\n useFocusEffect(\n React.useCallback(() => {\n // Do something when the screen is focused\n return () => {\n // Do something when the screen is unfocused\n // Useful for cleanup functions\n };\n }, []),\n );\n\n useEffect(() => {\n if (channel && !addDirectChannaleLoading) {\n if (channel?.id) {\n navigation.navigate(NavigationRoutes.InitialChannelOnboarding, {\n orgName: route?.params?.orgName,\n channelId: channel?.id,\n title: channel?.title,\n });\n } else {\n navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName });\n }\n }\n }, [channel, addDirectChannaleLoading, route]);\n\n useEffect(() => {\n if (name && name.length > 0) setShowCreateButton(true);\n else setShowCreateButton(false);\n }, [name]);\n\n const createChannelHandler = useCallback(() => {\n if (name && name?.length > 0) {\n addDirectChannel({\n variables: {\n receiver: [user.id],\n displayName: 'DIRECT CHANNEL',\n channelOptions: { schemeAdmin: true },\n },\n });\n createChannel({\n variables: {\n name: name,\n description: description,\n },\n });\n }\n }, [name]);\n\n return (\n <>\n <Box borderTopColor={'$blue600'} borderTopWidth={'$1'} w={'75%'} />\n <Center flex={1} bg={'white'}>\n <VStack space={'sm'} px={'$2'}>\n <Heading px={'$4'} alignItems={'center'} textAlign={'center'}>\n What's a project your team is working on?\n </Heading>\n <Text textAlign={'center'} px={'$2'}>\n This could be anything: a project, campaign,event, or the deal your're tring to close.\n </Text>\n <Box>\n <FormControl mt=\"$3\" w=\"100%\">\n <Input variant=\"outline\" size=\"lg\" py={'$3'} borderColor={'$blue900'} borderWidth={'$2'}>\n <InputField\n maxLength={80}\n placeholder=\"Ex. Q4 Budget, Website updateg\"\n value={name}\n onChangeText={(v) => setName(v)}\n aria-label=\"Organization name\"\n accessibilityLabel=\"Organization name\"\n />\n </Input>\n </FormControl>\n </Box>\n <Button\n variant={'solid'}\n bg={showCreateButton ? '$green800' : '$trueGray300'}\n $pressed-bg=\"$green600\"\n $active-bg={'$green600'}\n disabled={showCreateButton ? false : true}\n onPress={() => createChannelHandler()}\n >\n {loading || (addDirectChannaleLoading && <ButtonSpinner mr=\"$1\" />)}\n <ButtonText fontWeight=\"$bold\" color={showCreateButton ? '$white' : '$trueGray800'}>\n Next\n </ButtonText>\n </Button>\n </VStack>\n </Center>\n </>\n );\n};\n\nexport default InitializeOrganizationChannel;\n"],"names":["error","React"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
Dimensions.get(
|
|
1
|
+
import React__default,{useEffect}from'react';import {Share,Alert,Dimensions}from'react-native';import {Button,ButtonText,SafeAreaView,Box,VStack,Heading,Text}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../constants/routes.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {Ionicons,AntDesign,MaterialCommunityIcons}from'@expo/vector-icons';Dimensions.get("window").width;
|
|
2
|
+
Dimensions.get("window").height;
|
|
3
3
|
const InviteOrganizationMembers = ({
|
|
4
4
|
route
|
|
5
5
|
}) => {
|
|
@@ -7,118 +7,35 @@ const InviteOrganizationMembers = ({
|
|
|
7
7
|
const navigation = useNavigation();
|
|
8
8
|
useSelector(userSelector);
|
|
9
9
|
useFocusEffect(React__default.useCallback(() => {
|
|
10
|
-
// Do something when the screen is focused
|
|
11
10
|
return () => {
|
|
12
|
-
// Do something when the screen is unfocused
|
|
13
|
-
// Useful for cleanup functions
|
|
14
11
|
};
|
|
15
12
|
}, []));
|
|
16
13
|
useEffect(() => {
|
|
17
|
-
if (navigation)
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
mr:
|
|
21
|
-
|
|
22
|
-
var _a;
|
|
14
|
+
if (navigation)
|
|
15
|
+
navigation.setOptions({
|
|
16
|
+
headerTintColor: "#1d1c1d",
|
|
17
|
+
headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { mr: "$2", onPress: () => {
|
|
18
|
+
var _a2;
|
|
23
19
|
return navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {
|
|
24
|
-
orgName: (
|
|
20
|
+
orgName: (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.orgName
|
|
25
21
|
});
|
|
26
|
-
},
|
|
27
|
-
|
|
28
|
-
}, React__default.createElement(ButtonText, {
|
|
29
|
-
color: '$black'
|
|
30
|
-
}, "SKIP"))
|
|
31
|
-
});
|
|
22
|
+
}, variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, { color: "$black" }, "SKIP"))
|
|
23
|
+
});
|
|
32
24
|
}, [navigation]);
|
|
33
|
-
const shareLink = React__default.useCallback(() =>
|
|
25
|
+
const shareLink = React__default.useCallback(async () => {
|
|
34
26
|
try {
|
|
35
|
-
const result =
|
|
36
|
-
message:
|
|
27
|
+
const result = await Share.share({
|
|
28
|
+
message: "CDMBSE | Messenger App"
|
|
37
29
|
});
|
|
38
30
|
if (result.action === Share.sharedAction) {
|
|
39
31
|
if (result.activityType) {
|
|
40
|
-
// shared with activity type of result.activityType
|
|
41
32
|
} else {
|
|
42
|
-
// shared
|
|
43
33
|
}
|
|
44
34
|
} else if (result.action === Share.dismissedAction) {
|
|
45
|
-
// dismissed
|
|
46
35
|
}
|
|
47
36
|
} catch (error) {
|
|
48
37
|
Alert.alert(error.message);
|
|
49
|
-
// alert(error.message);
|
|
50
38
|
}
|
|
51
|
-
}
|
|
52
|
-
return React__default.createElement(SafeAreaView, {
|
|
53
|
-
flex: 1
|
|
54
|
-
}, React__default.createElement(Box, {
|
|
55
|
-
borderTopColor: '$blue600',
|
|
56
|
-
borderTopWidth: '$1',
|
|
57
|
-
w: '50%'
|
|
58
|
-
}), React__default.createElement(Box, {
|
|
59
|
-
flex: 1,
|
|
60
|
-
bg: '$white'
|
|
61
|
-
}, React__default.createElement(VStack, {
|
|
62
|
-
space: 'lg',
|
|
63
|
-
py: '$10',
|
|
64
|
-
px: '$4'
|
|
65
|
-
}, React__default.createElement(Heading, {
|
|
66
|
-
px: '$4',
|
|
67
|
-
alignItems: 'center',
|
|
68
|
-
textAlign: 'center'
|
|
69
|
-
}, "Who else is on the ", (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName, " team?"), React__default.createElement(Text, {
|
|
70
|
-
textAlign: 'center',
|
|
71
|
-
fontSize: 15
|
|
72
|
-
}, "Invite your teammates to Workspace."), React__default.createElement(Button, {
|
|
73
|
-
my: '$1',
|
|
74
|
-
size: 'md',
|
|
75
|
-
variant: 'solid',
|
|
76
|
-
onPress: () => __awaiter(void 0, void 0, void 0, function* () {
|
|
77
|
-
return yield shareLink();
|
|
78
|
-
}),
|
|
79
|
-
bg: '$green800',
|
|
80
|
-
"$pressed-bg": "$green600",
|
|
81
|
-
"$active-bg": '$green600'
|
|
82
|
-
}, React__default.createElement(Ionicons, {
|
|
83
|
-
color: 'white',
|
|
84
|
-
name: "share-outline",
|
|
85
|
-
size: 20
|
|
86
|
-
}), React__default.createElement(ButtonText, {
|
|
87
|
-
ml: '$2',
|
|
88
|
-
color: '$white',
|
|
89
|
-
fontWeight: "$bold"
|
|
90
|
-
}, "Share a Link")), React__default.createElement(Button, {
|
|
91
|
-
my: '$1',
|
|
92
|
-
size: "md",
|
|
93
|
-
bg: '$white',
|
|
94
|
-
"$pressed-bg": "$trueGray200",
|
|
95
|
-
"$active-bg": '$trueGray200',
|
|
96
|
-
borderColor: "$trueGray400",
|
|
97
|
-
variant: "outline"
|
|
98
|
-
}, React__default.createElement(AntDesign, {
|
|
99
|
-
color: 'black',
|
|
100
|
-
name: "adduser",
|
|
101
|
-
size: 20
|
|
102
|
-
}), React__default.createElement(ButtonText, {
|
|
103
|
-
ml: '$2',
|
|
104
|
-
fontWeight: "$bold",
|
|
105
|
-
color: '$black'
|
|
106
|
-
}, "Add from Contacts")), React__default.createElement(Button, {
|
|
107
|
-
my: '$1',
|
|
108
|
-
size: "md",
|
|
109
|
-
bg: '$white',
|
|
110
|
-
"$pressed-bg": "$trueGray200",
|
|
111
|
-
"$active-bg": '$trueGray200',
|
|
112
|
-
borderColor: "$trueGray400",
|
|
113
|
-
variant: "outline",
|
|
114
|
-
onPress: () => navigation.navigate(NavigationRoutes.AddPeopleByEmail)
|
|
115
|
-
}, React__default.createElement(MaterialCommunityIcons, {
|
|
116
|
-
color: 'black',
|
|
117
|
-
name: "email-outline",
|
|
118
|
-
size: 20
|
|
119
|
-
}), React__default.createElement(ButtonText, {
|
|
120
|
-
ml: '$2',
|
|
121
|
-
fontWeight: "$bold",
|
|
122
|
-
color: '$black'
|
|
123
|
-
}, "Add by Email")))));
|
|
39
|
+
}, []);
|
|
40
|
+
return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Box, { borderTopColor: "$blue600", borderTopWidth: "$1", w: "50%" }), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "lg", py: "$10", px: "$4" }, /* @__PURE__ */ React__default.createElement(Heading, { px: "$4", alignItems: "center", textAlign: "center" }, "Who else is on the ", (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.orgName, " team?"), /* @__PURE__ */ React__default.createElement(Text, { textAlign: "center", fontSize: 15 }, "Invite your teammates to Workspace."), /* @__PURE__ */ React__default.createElement(Button, { my: "$1", size: "md", variant: "solid", onPress: async () => await shareLink(), bg: "$green800", "$pressed-bg": "$green600", "$active-bg": "$green600" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "white", name: "share-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { ml: "$2", color: "$white", fontWeight: "$bold" }, "Share a Link")), /* @__PURE__ */ React__default.createElement(Button, { my: "$1", size: "md", bg: "$white", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", borderColor: "$trueGray400", variant: "outline" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { ml: "$2", fontWeight: "$bold", color: "$black" }, "Add from Contacts")), /* @__PURE__ */ React__default.createElement(Button, { my: "$1", size: "md", bg: "$white", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", borderColor: "$trueGray400", variant: "outline", onPress: () => navigation.navigate(NavigationRoutes.AddPeopleByEmail) }, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { color: "black", name: "email-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { ml: "$2", fontWeight: "$bold", color: "$black" }, "Add by Email")))));
|
|
124
41
|
};export{InviteOrganizationMembers as default};//# sourceMappingURL=InviteOrganizationMembers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InviteOrganizationMembers.js","sources":["../../../src/screens/Organization/InviteOrganizationMembers.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"InviteOrganizationMembers.js","sources":["../../../src/screens/Organization/InviteOrganizationMembers.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacity, Dimensions, Share, Alert } from 'react-native';\nimport {\n SafeAreaView,\n Text,\n VStack,\n Box,\n Button,\n ButtonText,\n Icon,\n Divider,\n HStack,\n Center,\n Heading,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useCreateOrganizationMutation, useGetAllUsersQuery } from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { useSelector } from 'react-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst InviteOrganizationMembers = ({ route }: any) => {\n const navigation = useNavigation<any>();\n const user: any = useSelector(userSelector);\n\n useFocusEffect(\n React.useCallback(() => {\n // Do something when the screen is focused\n return () => {\n // Do something when the screen is unfocused\n // Useful for cleanup functions\n };\n }, []),\n );\n\n useEffect(() => {\n if (navigation)\n navigation.setOptions({\n headerTintColor: '#1d1c1d',\n headerRight: (props: any) => (\n <Button\n mr={'$2'}\n onPress={() =>\n navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {\n orgName: route?.params?.orgName,\n })\n }\n variant={'link'}\n >\n <ButtonText color={'$black'}>SKIP</ButtonText>\n </Button>\n ),\n });\n }, [navigation]);\n\n const shareLink = React.useCallback(async () => {\n try {\n const result = await Share.share({\n message: 'CDMBSE | Messenger App',\n });\n if (result.action === Share.sharedAction) {\n if (result.activityType) {\n // shared with activity type of result.activityType\n } else {\n // shared\n }\n } else if (result.action === Share.dismissedAction) {\n // dismissed\n }\n } catch (error: any) {\n Alert.alert(error.message);\n // alert(error.message);\n }\n }, []);\n\n return (\n <SafeAreaView flex={1}>\n <Box borderTopColor={'$blue600'} borderTopWidth={'$1'} w={'50%'} />\n <Box flex={1} bg={'$white'}>\n <VStack space={'lg'} py={'$10'} px={'$4'}>\n <Heading px={'$4'} alignItems={'center'} textAlign={'center'}>\n Who else is on the {route?.params?.orgName} team?\n </Heading>\n <Text textAlign={'center'} fontSize={15}>\n Invite your teammates to Workspace.\n </Text>\n <Button\n my={'$1'}\n size={'md'}\n variant={'solid'}\n onPress={async () => await shareLink()}\n bg={'$green800'}\n $pressed-bg=\"$green600\"\n $active-bg={'$green600'}\n >\n <Ionicons color={'white'} name=\"share-outline\" size={20} />\n <ButtonText ml={'$2'} color={'$white'} fontWeight=\"$bold\">\n Share a Link\n </ButtonText>\n </Button>\n <Button\n my={'$1'}\n size=\"md\"\n bg={'$white'}\n $pressed-bg=\"$trueGray200\"\n $active-bg={'$trueGray200'}\n borderColor=\"$trueGray400\"\n variant=\"outline\"\n >\n <AntDesign color={'black'} name=\"adduser\" size={20} />\n <ButtonText ml={'$2'} fontWeight=\"$bold\" color={'$black'}>\n Add from Contacts\n </ButtonText>\n </Button>\n <Button\n my={'$1'}\n size=\"md\"\n bg={'$white'}\n $pressed-bg=\"$trueGray200\"\n $active-bg={'$trueGray200'}\n borderColor=\"$trueGray400\"\n variant=\"outline\"\n onPress={() => navigation.navigate(NavigationRoutes.AddPeopleByEmail)}\n >\n <MaterialCommunityIcons color={'black'} name=\"email-outline\" size={20} />\n <ButtonText ml={'$2'} fontWeight=\"$bold\" color={'$black'}>\n Add by Email\n </ButtonText>\n </Button>\n </VStack>\n </Box>\n </SafeAreaView>\n );\n};\n\nexport default InviteOrganizationMembers;\n"],"names":["React","_a"],"mappings":"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"}
|