@messenger-box/slack-ui-mobile 10.0.3-alpha.7 → 10.0.3-alpha.72

package/lib/navigation/SearchTabNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTabNavigation.js","sources":["../../src/navigation/SearchTabNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowDimensions,StyleSheet } from 'react-native';\nimport { TabView, SceneMap,TabBar } from 'react-native-tab-view';\nimport { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';\nimport { Search } from '../screens';\nimport Colors from '../constants/Colors';\nimport {LoadingSpinnerDefault} from '../components/LoadingSpinner';\nconst Tab = createMaterialTopTabNavigator();\n\nconst SearchTabNavigation = (props: any) => {\n    const layout = useWindowDimensions();\n\n    const [index, setIndex] = React.useState(0);\n    const [routes] = React.useState([\n      { key: 'recents', title: 'Recents' },\n      { key: 'channels', title: 'Channels' },\n      { key: 'people', title: 'People' },\n      { key: 'files', title: 'Files' },\n    ]);\n\n    const TabBarComponent = React.useCallback((props)=>{\n        return (\n            <TabBar\n              {...props}\n              style={[styles.tabBar,{opacity:props?.navigationState?.index === index ? 1 : 0.8}]}\n              indicatorStyle={styles.indicator}\n              labelStyle={styles.label}\n              inactiveColor='#A9A9A9'\n             // indicatorContainerStyle={{backgroundColor:'white',borderColor: Colors.primaryBgColor,borderWidth: 3}}\n            />\n          )\n\n    },[index])\n\n    return (\n        <TabView\n            navigationState={{ index, routes }}\n            onIndexChange={setIndex}\n            renderScene={SceneMap({\n                recents:()=>  <Search key={'recentsTabKey'} {...props}  tab={'recents'} />,\n                channels:() =>  <Search key={'channelsTabKey'} {...props} tab={'channels'} />,\n                people:()=>   <Search key={'peoplesTabKey'} {...props} tab={'people'} />,\n                files:() =>   <Search key={'filesTabKey'} {...props} tab={'files'} />,\n            })}\n            initialLayout={{ width: layout.width }}\n            renderTabBar={TabBarComponent}\n            lazy\n            renderLazyPlaceholder={()=><LoadingSpinnerDefault/>}\n            />\n        // <Tab.Navigator\n        //     screenOptions={{\n        //         swipeEnabled: true,\n        //         tabBarScrollEnabled: true,\n        //         tabBarActiveTintColor: '#000',\n        //         tabBarInactiveTintColor: '#fff',\n        //         tabBarLabelStyle: {\n        //             textTransform: 'none',\n        //             fontSize: 16,\n        //             fontWeight: '500',\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 0,\n        //         },\n        //         tabBarItemStyle: {\n        //             width: 100,\n        //             height: 'auto',\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 5,\n        //         },\n        //         tabBarContentContainerStyle: {\n        //             //  backgroundColor: Colors.primaryBgColor,\n        //         },\n        //         tabBarStyle: {\n        //             backgroundColor: Colors.primaryBgColor,\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 0,\n        //         },\n        //         tabBarIndicatorStyle: {\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 0,\n        //             height: '100%',\n        //             backgroundColor: 'white',\n        //             borderWidth: 8,\n        //             borderTopRightRadius: 20, //add border top right radius\n        //             borderTopLeftRadius: 20, //add border top left radius\n        //             borderBottomLeftRadius: 20,\n        //             borderBottomRightRadius: 20,\n        //             borderColor: Colors.primaryBgColor,\n        //         },\n        //         lazy: true,\n        //     }}\n        //     sceneContainerStyle={{ flex: 1 }}\n        //     initialRouteName={'Recents'}\n        // >\n        //     <Tab.Screen\n        //         name=\"Recents\"\n        //         key={'searchrecentsKey'}\n        //         options={{ title: 'Recents', tabBarLabel: 'Recents' }}\n        //         //component={Search}\n        //         children={() => <Search key={'recentsTabKey'} {...props}  tab={'recents'} />}\n        //     />\n        //     <Tab.Screen\n        //         name=\"Channels\"\n        //         key={'searchchannelsKey'}\n        //         options={{ title: 'Channels', tabBarLabel: 'Channels' }}\n        //        // component={Search}\n        //         children={() => <Search key={'channelsTabKey'} {...props} tab={'channels'} />}\n        //     />\n        //     <Tab.Screen\n        //         name=\"People\"\n        //         key={'searchpeopleKey'}\n        //         options={{ title: 'People', tabBarLabel: 'People' }}\n        //        // component={Search}\n        //         children={() => <Search key={'peoplesTabKey'} {...props} tab={'people'} />}\n        //     />\n        //     <Tab.Screen\n        //         name=\"Files\"\n        //         key={'searchfilesKey'}\n        //         options={{ title: 'Files', tabBarLabel: 'Files' }}\n        //         //component={Search}\n        //        children={() => <Search key={'filesTabKey'} {...props} tab={'files'} />}\n        //     />\n        // </Tab.Navigator>\n    );\n};\n\n\nconst styles = StyleSheet.create({\n    scene: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    tabBar: {\n      backgroundColor: Colors.primaryBgColor, // Set your background color here\n    },\n    indicator: {\n        marginHorizontal: 0,\n        paddingHorizontal: 0,\n        height: '100%',\n        backgroundColor: 'white',\n        borderWidth: 8,\n        borderTopRightRadius: 20, //add border top right radius\n        borderTopLeftRadius: 20, //add border top left radius\n        borderBottomLeftRadius: 20,\n        borderBottomRightRadius: 20,\n        borderColor: Colors.primaryBgColor,\n    },\n    label: {\n      color: 'black',\n      textTransform: 'none',\n      fontSize: 18,\n      fontWeight: '600',\n      marginHorizontal: 0,\n      paddingHorizontal: 0,\n    },\n  });\n\nexport default SearchTabNavigation;\n"],"names":["React","props","Search","Colors"],"mappings":"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"}
+{"version":3,"file":"SearchTabNavigation.js","sources":["../../src/navigation/SearchTabNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowDimensions, Animated, View, TouchableOpacity, StyleSheet, StatusBar } from 'react-native';\nimport { TabView, SceneMap, TabBar } from 'react-native-tab-view';\nimport { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';\nimport { Search } from '../screens';\nimport Colors from '../constants/Colors';\nimport { LoadingSpinnerDefault } from '../components/LoadingSpinner';\nconst Tab = createMaterialTopTabNavigator();\n\nconst SearchTabNavigation = (props: any) => {\n    const layout = useWindowDimensions();\n\n    const [index, setIndex] = React.useState(0);\n    const [routes] = React.useState([\n        { key: 'recents', title: 'Recents' },\n        { key: 'channels', title: 'Channels' },\n        { key: 'people', title: 'People' },\n        { key: 'files', title: 'Files' },\n    ]);\n\n    const Recents = () => <Search key={'recentsTabKey'} {...props} tab={'recents'} />;\n    const Channels = () => <Search key={'channelsTabKey'} {...props} tab={'channels'} />;\n    const People = () => <Search key={'peoplesTabKey'} {...props} tab={'people'} />;\n    const Files = () => <Search key={'filesTabKey'} {...props} tab={'files'} />;\n\n    const _renderScene = SceneMap({\n        recents: Recents,\n        channels: Channels,\n        people: People,\n        files: Files,\n    });\n\n    const _handleIndexChange = (index) => setIndex(index);\n\n    const _renderTabBar = (props) => {\n        const inputRange = props.navigationState.routes.map((x, i) => i);\n        const currentIndex = props?.navigationState?.index ?? 0;\n        return (\n            <View style={styles.tabBar}>\n                {props.navigationState.routes.map((route, i) => {\n                    const opacity = props.position.interpolate({\n                        inputRange,\n                        outputRange: inputRange.map((inputIndex) => (inputIndex === i ? 1 : 0.8)),\n                    });\n\n                    return (\n                        <TouchableOpacity\n                            key={`search-render-tab-${i}`}\n                            style={[styles.tabItem, currentIndex == i ? styles.indicator : {}]}\n                            onPress={() => setIndex(i)}\n                        >\n                            <Animated.Text\n                                style={{ opacity, color: currentIndex == i ? '#000' : '#fff', fontWeight: '600' }}\n                            >\n                                {route.title}\n                            </Animated.Text>\n                        </TouchableOpacity>\n                    );\n                })}\n            </View>\n        );\n    };\n\n    // const TabBarComponent = React.useCallback((props)=>{\n    //     return (\n    //         <TabBar\n    //           {...props}\n    //           style={[styles.tabBar,{opacity:props?.navigationState?.index === index ? 1 : 0.8}]}\n    //           indicatorStyle={styles.indicator}\n    //           labelStyle={styles.label}\n    //           inactiveColor='#A9A9A9'\n    //          // indicatorContainerStyle={{backgroundColor:'white',borderColor: Colors.primaryBgColor,borderWidth: 3}}\n    //         />\n    //       )\n\n    // },[index])\n\n    return (\n        <View style={{ flex: 1 }}>\n            <TabView\n                navigationState={{ index, routes }}\n                renderScene={_renderScene}\n                renderTabBar={_renderTabBar}\n                onIndexChange={_handleIndexChange}\n                renderLazyPlaceholder={() => <LoadingSpinnerDefault />}\n                style={{ flex: 1, backgroundColor: '#fff' }}\n                initialLayout={{ width: layout.width }}\n                lazy\n            />\n        </View>\n        // <TabView\n        //     navigationState={{ index, routes }}\n        //     onIndexChange={setIndex}\n        //     renderScene={renderScene}\n        //     // renderScene={SceneMap({\n        //     //     recents:()=>  <Search key={'recentsTabKey'} {...props}  tab={'recents'} />,\n        //     //     channels:() =>  <Search key={'channelsTabKey'} {...props} tab={'channels'} />,\n        //     //     people:()=>   <Search key={'peoplesTabKey'} {...props} tab={'people'} />,\n        //     //     files:() =>   <Search key={'filesTabKey'} {...props} tab={'files'} />,\n        //     // })}\n        //     initialLayout={{ width: layout.width }}\n        //     renderTabBar={TabBarComponent}\n        //     lazy\n        //     renderLazyPlaceholder={()=><LoadingSpinnerDefault/>}\n        //     />\n    );\n};\n\n// const styles = StyleSheet.create({\n//     scene: {\n//       flex: 1,\n//       justifyContent: 'center',\n//       alignItems: 'center',\n//     },\n//     tabBar: {\n//       backgroundColor: Colors.primaryBgColor, // Set your background color here\n//     },\n//     indicator: {\n//         marginHorizontal: 0,\n//         paddingHorizontal: 0,\n//         height: '100%',\n//         backgroundColor: 'white',\n//         borderWidth: 8,\n//         borderTopRightRadius: 20, //add border top right radius\n//         borderTopLeftRadius: 20, //add border top left radius\n//         borderBottomLeftRadius: 20,\n//         borderBottomRightRadius: 20,\n//         borderColor: Colors.primaryBgColor,\n//     },\n//     label: {\n//       color: 'black',\n//       textTransform: 'none',\n//       fontSize: 18,\n//       fontWeight: '600',\n//       marginHorizontal: 0,\n//       paddingHorizontal: 0,\n//     },\n//   });\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n    },\n    tabBar: {\n        flexDirection: 'row',\n        paddingTop: StatusBar.currentHeight,\n        backgroundColor: Colors.primaryBgColor, // Set your background color here\n        alignItems: 'center',\n    },\n    indicator: {\n        // marginHorizontal: 0,\n        // paddingHorizontal: 0,\n        // paddingVertical:0,\n        // height: '100%',\n        backgroundColor: 'white',\n        borderWidth: 8,\n        borderTopRightRadius: 20, //add border top right radius\n        borderTopLeftRadius: 20, //add border top left radius\n        borderBottomLeftRadius: 20,\n        borderBottomRightRadius: 20,\n        borderColor: Colors.primaryBgColor,\n    },\n    tabItem: {\n        flex: 1,\n        alignItems: 'center',\n        paddingVertical: 8,\n        // padding: 16,\n    },\n});\n\nexport default SearchTabNavigation;\n"],"names":["React","Search","index","props"],"mappings":"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"}

package/lib/navigation/TeamTabNavigation.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useWindowDimensions,StyleSheet}from'react-native';import {TabBar,TabView,SceneMap}from'react-native-tab-view';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'@workbench-stack/core';import'@admin-layout/gluestack-ui-mobile';import'@react-navigation/core';import'../components/Header/styles.js';import'../components/Tiles/styles.js';import'../components/CustomDrawer/CustomDrawer.js';import'../components/CustomBottomTabs/CustomBottomTabs.js';import'../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'@common-stack/client-react';import'../components/NavigationHeader/InboxNavigationHeader.js';import'../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../components/SlackSearchInput/index.js';import'common';import'common/lib/generated/generated.js';import'expo-status-bar';import'react-redux';import'lodash-es';import colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'@react-navigation/native';import'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'expo-contacts';import'../config/env-config.js';import Team from'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {useWindowDimensions,View,StyleSheet,TouchableOpacity,Animated,StatusBar}from'react-native';import {TabView,SceneMap}from'react-native-tab-view';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'../hooks/useOptimizedChannelsQueries.js';import'common';import'common/graphql';import'@admin-layout/gluestack-ui-mobile';import'expo-status-bar';import'react-redux';import'lodash-es';import Colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'tailwindcss/colors';import'@react-navigation/native';import'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'../screens/Peoples/AddFromContacts.js';import Team from'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -27,50 +27,63 @@ const TeamTabNavigation = (props) => {
     key: "members",
     title: "Members"
   }]);
-  const TabBarComponent = React__default.useCallback((props2) => {
-    var _a;
-    return /* @__PURE__ */ React__default.createElement(
-      TabBar,
-      __spreadProps(__spreadValues({}, props2), {
-        style: [styles.tabBar, {
-          opacity: ((_a = props2 == null ? void 0 : props2.navigationState) == null ? void 0 : _a.index) === index ? 1 : 0.8
-        }],
-        indicatorStyle: styles.indicator,
-        labelStyle: styles.label,
-        inactiveColor: "#A9A9A9"
-      })
-    );
-  }, [index]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TabView, { navigationState: {
-    index,
-    routes
-  }, onIndexChange: setIndex, renderScene: SceneMap({
-    channels: () => /* @__PURE__ */ React__default.createElement(Team, __spreadProps(__spreadValues({}, props), { tab: "channels" })),
-    members: () => /* @__PURE__ */ React__default.createElement(Team, __spreadProps(__spreadValues({}, props), { tab: "members" }))
-  }), initialLayout: {
-    width: layout.width
-  }, renderTabBar: TabBarComponent }));
+  const _renderTabBar = (props2) => {
+    var _a, _b;
+    const inputRange = props2.navigationState.routes.map((x, i) => i);
+    const currentIndex = (_b = (_a = props2 == null ? void 0 : props2.navigationState) == null ? void 0 : _a.index) != null ? _b : 0;
+    return /* @__PURE__ */ React__default.createElement(View, { style: styles.tabBar }, props2.navigationState.routes.map((route, i) => {
+      const opacity = props2.position.interpolate({
+        inputRange,
+        outputRange: inputRange.map((inputIndex) => inputIndex === i ? 1 : 0.8)
+      });
+      return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: `search-render-tab-${i}`, style: [styles.tabItem, currentIndex == i ? styles.indicator : {}], onPress: () => setIndex(i) }, /* @__PURE__ */ React__default.createElement(Animated.Text, { style: {
+        opacity,
+        color: currentIndex == i ? "#000" : "#fff",
+        fontWeight: "600"
+      } }, route.title));
+    }));
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    TabView,
+    {
+      navigationState: {
+        index,
+        routes
+      },
+      onIndexChange: setIndex,
+      renderScene: SceneMap({
+        channels: () => /* @__PURE__ */ React__default.createElement(Team, __spreadProps(__spreadValues({}, props), { tab: "channels" })),
+        members: () => /* @__PURE__ */ React__default.createElement(Team, __spreadProps(__spreadValues({}, props), { tab: "members" }))
+      }),
+      initialLayout: {
+        width: layout.width
+      },
+      renderTabBar: _renderTabBar
+    }
+  ));
 };
 const styles = StyleSheet.create({
-  scene: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center"
+  container: {
+    flex: 1
   },
   tabBar: {
-    backgroundColor: colors.primaryBgColor
+    flexDirection: "row",
+    paddingTop: StatusBar.currentHeight,
+    backgroundColor: Colors.primaryBgColor,
+    alignItems: "center"
   },
   indicator: {
     backgroundColor: "white",
-    borderWidth: 3,
-    borderColor: colors.primaryBgColor
+    borderWidth: 8,
+    borderTopRightRadius: 20,
+    borderTopLeftRadius: 20,
+    borderBottomLeftRadius: 20,
+    borderBottomRightRadius: 20,
+    borderColor: Colors.primaryBgColor
   },
-  label: {
-    color: "white",
-    textTransform: "none",
-    fontSize: 18,
-    fontWeight: "600",
-    marginHorizontal: 0,
-    paddingHorizontal: 0
+  tabItem: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 8
   }
 });export{TeamTabNavigation as default};//# sourceMappingURL=TeamTabNavigation.js.map

package/lib/navigation/TeamTabNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamTabNavigation.js","sources":["../../src/navigation/TeamTabNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowDimensions,StyleSheet } from 'react-native';\nimport { TabView, SceneMap,TabBar } from 'react-native-tab-view';\n// import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';\nimport { Team } from '../screens';\nimport Colors from '../constants/Colors';\n// const Tab = createMaterialTopTabNavigator();\n\nconst TeamTabNavigation = (props: any) => {\n    const layout = useWindowDimensions();\n\n    const [index, setIndex] = React.useState(0);\n    const [routes] = React.useState([\n      { key: 'channels', title: 'Channels' },\n      { key: 'members', title: 'Members' },\n    ]);\n\n    const TabBarComponent = React.useCallback((props)=>{\n        return (\n            <TabBar\n              {...props}\n              style={[styles.tabBar,{opacity:props?.navigationState?.index === index ? 1 : 0.8}]}\n              indicatorStyle={styles.indicator}\n              labelStyle={styles.label}\n              inactiveColor='#A9A9A9'\n             // indicatorContainerStyle={{backgroundColor:'white',borderColor: Colors.primaryBgColor,borderWidth: 3}}\n            />\n          )\n\n    },[index])\n\n\n    return (\n        <>\n        <TabView\n            navigationState={{ index, routes }}\n            onIndexChange={setIndex}\n            renderScene={SceneMap({\n                channels:()=> <Team {...props} tab={'channels'} />,\n                members:() =>  <Team {...props} tab={'members'} />,\n            })}\n            initialLayout={{ width: layout.width }}\n            renderTabBar={TabBarComponent}\n            />\n        {/* <Tab.Navigator\n            screenOptions={{\n                swipeEnabled: true,\n                tabBarScrollEnabled: true,\n                tabBarActiveTintColor: '#fff',\n                tabBarInactiveTintColor: '#A9A9A9',\n                tabBarContentContainerStyle: {\n                    backgroundColor: Colors.primaryBgLightColor,\n                    flex: 1,\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    height: '100%',\n                },\n                tabBarLabelStyle: {\n                    textTransform: 'none',\n                    fontSize: 16,\n                    fontWeight: '600',\n                    marginHorizontal: 0,\n                    paddingHorizontal: 0,\n                },\n                tabBarItemStyle: {\n                    height: 'auto',\n                },\n                tabBarStyle: {\n                    backgroundColor: Colors.primaryBgColor,\n                    width: '100%',\n                },\n                tabBarIndicatorContainerStyle: {\n                    flex: 1,\n                    backgroundColor: 'white',\n                    height: '100%',\n                },\n                tabBarIndicatorStyle: {\n                    height: '100%',\n                    backgroundColor: 'white',\n                    borderWidth: 3,\n                    borderColor: Colors.primaryBgColor,\n                },\n                lazy: true,\n            }}\n            sceneContainerStyle={{ flex: 1 }}\n            initialRouteName={'Channels'}\n        >\n            <Tab.Screen\n                name=\"Channels\"\n                options={{ title: 'Channels', tabBarLabel: 'Channels' }}\n                children={() => <Team {...props} tab={'channels'} />}\n            />\n            <Tab.Screen\n                name=\"Members\"\n                options={{ title: 'Members', tabBarLabel: 'Members' }}\n                children={() => <Team {...props} tab={'members'} />}\n            />\n        </Tab.Navigator> */}\n        </>\n    );\n};\n\nconst styles = StyleSheet.create({\n    scene: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    tabBar: {\n      backgroundColor: Colors.primaryBgColor, // Set your background color here\n    },\n    indicator: {\n        backgroundColor: 'white',\n        borderWidth: 3,\n        borderColor: Colors.primaryBgColor,\n    },\n    label: {\n      color: 'white',\n      textTransform: 'none',\n      fontSize: 18,\n      fontWeight: '600',\n      marginHorizontal: 0,\n      paddingHorizontal: 0,\n    },\n  });\n\nexport default TeamTabNavigation;\n"],"names":["React","props","Colors"],"mappings":";;;;;;;;;;;;;;;;;;;AAQM,MAAA,iBAAA,GAAoB,CAAC,KAAe,KAAA;AACxC,EAAA,MAAM,SAAS,mBAAoB,EAAA;AACnC,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,CAAC,MAAM,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC;AAAA,IAC/B,GAAK,EAAA,UAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACN,EAAA;AAAA,IACD,GAAK,EAAA,SAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACR,CAAC,CAAA;AACF,EAAA,MAAM,eAAkB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAAAC,MAAS,KAAA;AAlBrD,IAAA,IAAA,EAAA;AAmBI,IAAO,uBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAWC,MAAX,CAAA,EAAA;AAAA,QAAkB,KAAA,EAAO,CAAC,MAAA,CAAO,MAAQ,EAAA;AAAA,UAC/C,OAAA,EAAA,CAAA,CAAS,KAAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,OAAO,eAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,KAAU,MAAA,KAAA,GAAQ,CAAI,GAAA;AAAA,SACxD,CAAA;AAAA,QAAG,gBAAgB,MAAO,CAAA,SAAA;AAAA,QAAW,YAAY,MAAO,CAAA,KAAA;AAAA,QAAO,aAAc,EAAA;AAAA,OAAA;AAAA,KAE9E;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,EAAO,uBAAAD,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBACAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,eAAiB,EAAA;AAAA,IAC5B,KAAA;AAAA,IACA;AAAA,GACC,EAAA,aAAA,EAAe,QAAU,EAAA,WAAA,EAAa,QAAS,CAAA;AAAA,IAChD,UAAU,sBAAMA,cAAA,CAAA,aAAA,CAAC,uCAAS,KAAT,CAAA,EAAA,EAAgB,KAAK,UAAY,EAAA,CAAA,CAAA;AAAA,IAClD,SAAS,sBAAMA,cAAA,CAAA,aAAA,CAAC,uCAAS,KAAT,CAAA,EAAA,EAAgB,KAAK,SAAW,EAAA,CAAA;AAAA,GACjD,GAAG,aAAe,EAAA;AAAA,IACjB,OAAO,MAAO,CAAA;AAAA,GAChB,EAAG,YAAc,EAAA,eAAA,EAAiB,CAuD9B,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,iBAAiBE,MAAO,CAAA;AAAA,GAC1B;AAAA,EACA,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,OAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,aAAaA,MAAO,CAAA;AAAA,GACtB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,OAAA;AAAA,IACP,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,gBAAkB,EAAA,CAAA;AAAA,IAClB,iBAAmB,EAAA;AAAA;AAEvB,CAAC,CAAA"}
+{"version":3,"file":"TeamTabNavigation.js","sources":["../../src/navigation/TeamTabNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowDimensions, Animated, View, TouchableOpacity, StyleSheet, StatusBar } from 'react-native';\nimport { TabView, SceneMap, TabBar } from 'react-native-tab-view';\n// import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';\nimport { Team } from '../screens';\nimport Colors from '../constants/Colors';\n// const Tab = createMaterialTopTabNavigator();\n\nconst TeamTabNavigation = (props: any) => {\n    const layout = useWindowDimensions();\n\n    const [index, setIndex] = React.useState(0);\n    const [routes] = React.useState([\n        { key: 'channels', title: 'Channels' },\n        { key: 'members', title: 'Members' },\n    ]);\n\n    // const TabBarComponent = React.useCallback((props)=>{\n    //     return (\n    //         <TabBar\n    //           {...props}\n    //           style={[styles.tabBar,{opacity:props?.navigationState?.index === index ? 1 : 0.8}]}\n    //           indicatorStyle={styles.indicator}\n    //           labelStyle={styles.label}\n    //           inactiveColor='#A9A9A9'\n    //          // indicatorContainerStyle={{backgroundColor:'white',borderColor: Colors.primaryBgColor,borderWidth: 3}}\n    //         />\n    //       )\n\n    // },[index])\n\n    const _renderTabBar = (props) => {\n        const inputRange = props.navigationState.routes.map((x, i) => i);\n        const currentIndex = props?.navigationState?.index ?? 0;\n        return (\n            <View style={styles.tabBar}>\n                {props.navigationState.routes.map((route, i) => {\n                    const opacity = props.position.interpolate({\n                        inputRange,\n                        outputRange: inputRange.map((inputIndex) => (inputIndex === i ? 1 : 0.8)),\n                    });\n\n                    return (\n                        <TouchableOpacity\n                            key={`search-render-tab-${i}`}\n                            style={[styles.tabItem, currentIndex == i ? styles.indicator : {}]}\n                            onPress={() => setIndex(i)}\n                        >\n                            <Animated.Text\n                                style={{ opacity, color: currentIndex == i ? '#000' : '#fff', fontWeight: '600' }}\n                            >\n                                {route.title}\n                            </Animated.Text>\n                        </TouchableOpacity>\n                    );\n                })}\n            </View>\n        );\n    };\n\n    return (\n        <>\n            <TabView\n                navigationState={{ index, routes }}\n                onIndexChange={setIndex}\n                renderScene={SceneMap({\n                    channels: () => <Team {...props} tab={'channels'} />,\n                    members: () => <Team {...props} tab={'members'} />,\n                })}\n                initialLayout={{ width: layout.width }}\n                //renderTabBar={TabBarComponent}\n                renderTabBar={_renderTabBar}\n            />\n            {/* <Tab.Navigator\n            screenOptions={{\n                swipeEnabled: true,\n                tabBarScrollEnabled: true,\n                tabBarActiveTintColor: '#fff',\n                tabBarInactiveTintColor: '#A9A9A9',\n                tabBarContentContainerStyle: {\n                    backgroundColor: Colors.primaryBgLightColor,\n                    flex: 1,\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    height: '100%',\n                },\n                tabBarLabelStyle: {\n                    textTransform: 'none',\n                    fontSize: 16,\n                    fontWeight: '600',\n                    marginHorizontal: 0,\n                    paddingHorizontal: 0,\n                },\n                tabBarItemStyle: {\n                    height: 'auto',\n                },\n                tabBarStyle: {\n                    backgroundColor: Colors.primaryBgColor,\n                    width: '100%',\n                },\n                tabBarIndicatorContainerStyle: {\n                    flex: 1,\n                    backgroundColor: 'white',\n                    height: '100%',\n                },\n                tabBarIndicatorStyle: {\n                    height: '100%',\n                    backgroundColor: 'white',\n                    borderWidth: 3,\n                    borderColor: Colors.primaryBgColor,\n                },\n                lazy: true,\n            }}\n            sceneContainerStyle={{ flex: 1 }}\n            initialRouteName={'Channels'}\n        >\n            <Tab.Screen\n                name=\"Channels\"\n                options={{ title: 'Channels', tabBarLabel: 'Channels' }}\n                children={() => <Team {...props} tab={'channels'} />}\n            />\n            <Tab.Screen\n                name=\"Members\"\n                options={{ title: 'Members', tabBarLabel: 'Members' }}\n                children={() => <Team {...props} tab={'members'} />}\n            />\n        </Tab.Navigator> */}\n        </>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n    },\n    tabBar: {\n        flexDirection: 'row',\n        paddingTop: StatusBar.currentHeight,\n        backgroundColor: Colors.primaryBgColor, // Set your background color here\n        alignItems: 'center',\n    },\n    indicator: {\n        // marginHorizontal: 0,\n        // paddingHorizontal: 0,\n        // paddingVertical:0,\n        // height: '100%',\n        backgroundColor: 'white',\n        borderWidth: 8,\n        borderTopRightRadius: 20, //add border top right radius\n        borderTopLeftRadius: 20, //add border top left radius\n        borderBottomLeftRadius: 20,\n        borderBottomRightRadius: 20,\n        borderColor: Colors.primaryBgColor,\n    },\n    tabItem: {\n        flex: 1,\n        alignItems: 'center',\n        paddingVertical: 8,\n        // padding: 16,\n    },\n});\n\nexport default TeamTabNavigation;\n"],"names":["React","props"],"mappings":"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"}

package/lib/queries/slackuiQueries.js

@@ -0,0 +1,129 @@
+import {useGetUserByIdQuery,useUpdateUserProfileMutation as useUpdateUserProfileMutation$1,useGetOrganizationDetailQuery,useGetUserOrganizationsQuery,useCreateOrganizationMutation as useCreateOrganizationMutation$1,useGetOrganizationSharableLinkQuery,useSendOrganizationInvitationMutation as useSendOrganizationInvitationMutation$1,useAddDirectChannelMutation as useAddDirectChannelMutation$1,useAddChannelMutation as useAddChannelMutation$1,useViewChannelDetailQuery,useAddMemberToChannelMutation as useAddMemberToChannelMutation$1,useGetChannelsByUserQuery,useGetOrganizationMembersQuery,useSaveMembersToChannelMutation as useSaveMembersToChannelMutation$1,useCreateTeamMutation as useCreateTeamMutation$1,useGetAllUsersQuery,useGetChannelsByUserLazyQuery,useGetOrganizationMembersWithChannelsQuery,useSetDeviceTokenMutation as useSetDeviceTokenMutation$1,useGetOrganizationTeamsQuery,useGetOrganizationTeamQuery}from'common/graphql';export{GetChannelsByUserDocument}from'common/graphql';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const useChannelsQuery = (options = {}) => {
+  return useGetChannelsByUserQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useChannelsLazyQuery = (options = {}) => {
+  return useGetChannelsByUserLazyQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useChannelDetailQuery = (channelId, options = {}) => {
+  return useViewChannelDetailQuery(__spreadValues({
+    variables: {
+      id: channelId
+    },
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    notifyOnNetworkStatusChange: true
+  }, options));
+};
+const useTeamsQuery = (options = {}) => {
+  return useGetOrganizationTeamsQuery(__spreadValues({
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    notifyOnNetworkStatusChange: true
+  }, options));
+};
+const useTeamQuery = (orgName, teamName, options = {}) => {
+  return useGetOrganizationTeamQuery(__spreadValues({
+    variables: {
+      orgName,
+      teamName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationMembersQuery = (orgName, options = {}) => {
+  return useGetOrganizationMembersQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationMembersWithChannelsQuery = (orgName, options = {}) => {
+  return useGetOrganizationMembersWithChannelsQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useUserOrganizationsQuery = (options = {}) => {
+  return useGetUserOrganizationsQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationDetailQuery = (orgName, options = {}) => {
+  return useGetOrganizationDetailQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useUserByIdQuery = (userId, options = {}) => {
+  return useGetUserByIdQuery(__spreadValues({
+    variables: {
+      userId
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useAllUsersQuery = (options = {}) => {
+  return useGetAllUsersQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationSharableLinkQuery = (orgName, options = {}) => {
+  return useGetOrganizationSharableLinkQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useAddChannelMutation = (options = {}) => {
+  return useAddChannelMutation$1(__spreadValues({}, options));
+};
+const useAddDirectChannelMutation = (options = {}) => {
+  return useAddDirectChannelMutation$1(__spreadValues({}, options));
+};
+const useAddMemberToChannelMutation = (options = {}) => {
+  return useAddMemberToChannelMutation$1(__spreadValues({}, options));
+};
+const useSaveMembersToChannelMutation = (options = {}) => {
+  return useSaveMembersToChannelMutation$1(__spreadValues({}, options));
+};
+const useCreateTeamMutation = (options = {}) => {
+  return useCreateTeamMutation$1(__spreadValues({}, options));
+};
+const useCreateOrganizationMutation = (options = {}) => {
+  return useCreateOrganizationMutation$1(__spreadValues({}, options));
+};
+const useSendOrganizationInvitationMutation = (options = {}) => {
+  return useSendOrganizationInvitationMutation$1(__spreadValues({}, options));
+};
+const useSetDeviceTokenMutation = (options = {}) => {
+  return useSetDeviceTokenMutation$1(__spreadValues({}, options));
+};
+const useUpdateUserProfileMutation = (options = {}) => {
+  return useUpdateUserProfileMutation$1(__spreadValues({}, options));
+};export{useAddChannelMutation,useAddDirectChannelMutation,useAddMemberToChannelMutation,useAllUsersQuery,useChannelDetailQuery,useChannelsLazyQuery,useChannelsQuery,useCreateOrganizationMutation,useCreateTeamMutation,useOrganizationDetailQuery,useOrganizationMembersQuery,useOrganizationMembersWithChannelsQuery,useOrganizationSharableLinkQuery,useSaveMembersToChannelMutation,useSendOrganizationInvitationMutation,useSetDeviceTokenMutation,useTeamQuery,useTeamsQuery,useUpdateUserProfileMutation,useUserByIdQuery,useUserOrganizationsQuery};//# sourceMappingURL=slackuiQueries.js.map

package/lib/queries/slackuiQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slackuiQueries.js","sources":["../../src/queries/slackuiQueries.ts"],"sourcesContent":["import {\n    useGetChannelsByUserQuery,\n    useGetChannelsByUserLazyQuery,\n    useGetOrganizationTeamsQuery,\n    useGetOrganizationTeamQuery,\n    useViewChannelDetailQuery,\n    useViewChannelDetailLazyQuery,\n    useGetOrganizationMembersQuery,\n    useGetOrganizationMembersWithChannelsQuery,\n    useGetUserOrganizationsQuery,\n    useGetOrganizationDetailQuery,\n    useGetOrganizationDetailLazyQuery,\n    useGetUserByIdQuery,\n    useGetUserAccountByAuth0IdLazyQuery,\n    useGetAllUsersQuery,\n    useGetOrganizationSharableLinkQuery,\n    GetChannelsByUserDocument,\n    // Mutations\n    useAddChannelMutation as AddChannelMutation,\n    useCreateTeamMutation as CreateTeamMutation,\n    useAddDirectChannelMutation as AddDirectChannelMutation,\n    useAddMemberToChannelMutation as AddMemberToChannelMutation,\n    useSaveMembersToChannelMutation as SaveMembersToChannelMutation,\n    useCreateOrganizationMutation as CreateOrganizationMutation,\n    useSendOrganizationInvitationMutation as SendOrganizationInvitationMutation,\n    useSetDeviceTokenMutation as SetDeviceTokenMutation,\n    useUpdateUserProfileMutation as UpdateUserProfileMutation,\n} from 'common/graphql';\n\n/**\n * Channel Queries\n */\nexport const useChannelsQuery = (options: any = {}) => {\n    return useGetChannelsByUserQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useChannelsLazyQuery = (options: any = {}) => {\n    return useGetChannelsByUserLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useChannelDetailQuery = (channelId: string, options: any = {}) => {\n    return useViewChannelDetailQuery({\n        variables: { id: channelId },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        notifyOnNetworkStatusChange: true,\n        ...options,\n    });\n};\n\nexport const useChannelDetailLazyQuery = (options: any = {}) => {\n    return useViewChannelDetailLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * Team Queries\n */\nexport const useTeamsQuery = (options: any = {}) => {\n    return useGetOrganizationTeamsQuery({\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        notifyOnNetworkStatusChange: true,\n        ...options,\n    });\n};\n\nexport const useTeamQuery = (orgName: string, teamName: string, options: any = {}) => {\n    return useGetOrganizationTeamQuery({\n        variables: { orgName, teamName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * Organization Queries\n */\nexport const useOrganizationMembersQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationMembersQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationMembersWithChannelsQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationMembersWithChannelsQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useUserOrganizationsQuery = (options: any = {}) => {\n    return useGetUserOrganizationsQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationDetailQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationDetailQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationDetailLazyQuery = (options: any = {}) => {\n    return useGetOrganizationDetailLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * User Queries\n */\nexport const useUserByIdQuery = (userId: string, options: any = {}) => {\n    return useGetUserByIdQuery({\n        variables: { userId },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useUserAccountByAuth0IdLazyQuery = (options: any = {}) => {\n    return useGetUserAccountByAuth0IdLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useAllUsersQuery = (options: any = {}) => {\n    return useGetAllUsersQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationSharableLinkQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationSharableLinkQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * Channel Mutations\n */\nexport const useAddChannelMutation = (options: any = {}) => {\n    return AddChannelMutation({\n        ...options,\n    });\n};\n\nexport const useAddDirectChannelMutation = (options: any = {}) => {\n    return AddDirectChannelMutation({\n        ...options,\n    });\n};\n\nexport const useAddMemberToChannelMutation = (options: any = {}) => {\n    return AddMemberToChannelMutation({\n        ...options,\n    });\n};\n\nexport const useSaveMembersToChannelMutation = (options: any = {}) => {\n    return SaveMembersToChannelMutation({\n        ...options,\n    });\n};\n\n/**\n * Team Mutations\n */\nexport const useCreateTeamMutation = (options: any = {}) => {\n    return CreateTeamMutation({\n        ...options,\n    });\n};\n\n/**\n * Organization Mutations\n */\nexport const useCreateOrganizationMutation = (options: any = {}) => {\n    return CreateOrganizationMutation({\n        ...options,\n    });\n};\n\nexport const useSendOrganizationInvitationMutation = (options: any = {}) => {\n    return SendOrganizationInvitationMutation({\n        ...options,\n    });\n};\n\n/**\n * Device Mutations\n */\nexport const useSetDeviceTokenMutation = (options: any = {}) => {\n    return SetDeviceTokenMutation({\n        ...options,\n    });\n};\n\n/**\n * User Mutations\n */\nexport const useUpdateUserProfileMutation = (options: any = {}) => {\n    return UpdateUserProfileMutation({\n        ...options,\n    });\n};\n\n// Export document for direct use in components if needed\nexport { GetChannelsByUserDocument };\n"],"names":["AddChannelMutation","AddDirectChannelMutation","AddMemberToChannelMutation","SaveMembersToChannelMutation","CreateTeamMutation","CreateOrganizationMutation","SendOrganizationInvitationMutation","SetDeviceTokenMutation","UpdateUserProfileMutation"],"mappings":"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"}

package/lib/routes.json

@@ -201,7 +201,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Profile/ProfileScreen.js",
       "hasComponent": true,
       "queries": {
-        "GetUserByIdDocument": "{userId: params.userId}"
+        "UserByIdDocument": "{}"
       }
     }
   },
@@ -314,8 +314,8 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Organization/AddWorkspace.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationDetailDocument": "{where: {name: params.name}}",
-        "GetUserOrganizationsDocument": "{userId: params.userId}"
+        "OrganizationDetailDocument": "{}",
+        "UserOrganizationsDocument": "{userId: params.userId}"
       }
     }
   },
@@ -376,7 +376,10 @@
         }
       },
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Organization/InviteOrganizationMembers.js",
-      "hasComponent": true
+      "hasComponent": true,
+      "queries": {
+        "OrganizationSharableLinkDocument": "{}"
+      }
     }
   },
   {
@@ -436,7 +439,11 @@
         }
       },
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Organization/InitialChannelOnboarding.js",
-      "hasComponent": true
+      "hasComponent": true,
+      "queries": {
+        "OrganizationDetailDocument": "{}",
+        "ChannelDetailDocument": "{}"
+      }
     }
   },
   {
@@ -461,7 +468,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Channels/Channels.js",
       "hasComponent": true,
       "queries": {
-        "GetChannelsByUserDocument": "{criteria: {orgName: params.orgName,type: params.type,team: params.team},limit: 50}"
+        "ChannelsDocument": "{}"
       }
     }
   },
@@ -557,9 +564,9 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Peoples/AddPeople.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationMembersDocument": "{offset: params.offset,limit: params.limit,orgName: params.orgName}",
-        "ViewChannelDetailDocument": "{id: params.id}",
-        "GetChannelsByUserDocument": "{criteria: {orgName: params.orgName,type: DIRECT}}"
+        "OrganizationMembersDocument": "{}",
+        "ChannelDetailDocument": "{}",
+        "ChannelsDocument": "{criteria: {orgName: params.orgName,type: DIRECT}}"
       }
     }
   },
@@ -578,8 +585,8 @@
           "orgName": null
         },
         "options": {
-          "presentation": "modal",
-          "animationEnabled": false,
+          "animation": "slide_from_bottom",
+          "animationDuration": 50,
           "headerTitleAlign": "left",
           "title": "Add by Email",
           "headerShown": true,
@@ -609,8 +616,8 @@
           "orgName": null
         },
         "options": {
-          "presentation": "modal",
-          "animationEnabled": false,
+          "animation": "slide_from_bottom",
+          "animationDuration": 50,
           "headerTitleAlign": "left",
           "title": "Add teammates",
           "headerShown": true,
@@ -624,7 +631,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Peoples/AddFromContacts.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationSharableLinkDocument": "{}"
+        "OrganizationSharableLinkDocument": "{}"
       }
     }
   },
@@ -657,7 +664,8 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Search/SearchChannelPeople.js",
       "hasComponent": true,
       "queries": {
-        "GetChannelsByUserDocument": "{criteria: {orgName: params.orgName,type: params.type},limit: 25}"
+        "ChannelsDocument": "{criteria: {orgName: params.orgName,type: params.type},limit: 25}",
+        "OrganizationMembersDocument": "{}"
       }
     }
   },
@@ -699,10 +707,7 @@
         }
       },
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Teams/Teams.js",
-      "hasComponent": true,
-      "queries": {
-        "GetOrganizationTeamsDocument": "{orgName: params.orgName}"
-      }
+      "hasComponent": true
     }
   },
   {
@@ -806,7 +811,10 @@
         }
       },
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Peoples/People.js",
-      "hasComponent": true
+      "hasComponent": true,
+      "queries": {
+        "AllUsersDocument": "{}"
+      }
     }
   },
   {
@@ -878,7 +886,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Inbox/InboxChannelDetail.js",
       "hasComponent": true,
       "queries": {
-        "ViewChannelDetailDocument": "{id: params.id}"
+        "ChannelDetailDocument": "{}"
       }
     }
   },
@@ -900,7 +908,8 @@
         },
         "options": {
           "title": "New Message",
-          "animationEnabled": false,
+          "animation": "slide_from_bottom",
+          "animationDuration": 50,
           "headerTitleAlign": "left",
           "headerShown": true,
           "headerBackTitleVisible": false,
@@ -915,7 +924,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Search/SearchAddChannel.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationMembersWithChannelsDocument": "{orgName: params.orgName,channelCriteria: {orgName: params.orgName,type: params.type},offset: params.offset,limit: params.limit}"
+        "OrganizationMembersWithChannelsDocument": "{}"
       }
     }
   },