@messenger-box/slack-ui-mobile 10.0.2-alpha.5 → 10.0.3-alpha.5

package/lib/screens/Teams/Teams.js

@@ -1,178 +1,103 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useEffect}from'react';import {Dimensions,TouchableOpacity}from'react-native';import {Box,Text,SafeAreaView,Input,InputField,FlatList,Center,Spinner,Fab,FabIcon,AddIcon,HStack}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {uniqBy,orderBy}from'lodash-es';import {useGetOrganizationTeamsQuery}from'common/lib/generated/generated.js';import {Octicons}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import'tslib';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {StatusBar}from'expo-status-bar';Dimensions.get('window').width;
-Dimensions.get('window').height;
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useEffect}from'react';import {TouchableOpacity,Dimensions}from'react-native';import {Spinner,Box,Text,SafeAreaView,Input,InputField,FlatList,Center,Fab,FabIcon,AddIcon,HStack}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {orderBy,uniqBy}from'lodash-es';import {useGetOrganizationTeamsQuery}from'common/lib/generated/generated.js';import {Octicons}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {StatusBar}from'expo-status-bar';Dimensions.get("window").width;
+Dimensions.get("window").height;
 const GetTeams = React__default.memo(({
   orgTeams,
   orgTeamsLoading
 }) => {
-  useDrawerLayout();
+  const {
+    orgName,
+    organizationDetail
+  } = useDrawerLayout();
   const navigation = useNavigation();
-  // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;
   const [teams, setTeams] = React__default.useState([]);
   const [intialTeams, setInitialTeams] = useState([]);
   useSelector(userSelector);
   useIsFocused();
   useEffect(() => {
-    if (navigation) navigation.setOptions({
-      headerShown: true,
-      headerTitle: props => React__default.createElement(Box, null, React__default.createElement(Text, {
-        fontSize: 15,
-        fontWeight: '600',
-        color: '$black'
-      }, "Team Browser"), React__default.createElement(Text, {
-        color: '$black',
-        fontWeight: '500'
-      }, teams.length, " ", teams.length > 1 ? 'teams' : 'team'))
-    });
+    if (navigation)
+      navigation.setOptions({
+        headerShown: true,
+        headerTitle: (props) => /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { fontSize: 15, fontWeight: "600", color: "$black" }, "Team Browser"), /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontWeight: "500" }, teams.length, " ", teams.length > 1 ? "teams" : "team"))
+      });
   }, [teams, navigation]);
   React__default.useEffect(() => {
     var _a;
-    if (orgTeams === null || orgTeams === void 0 ? void 0 : orgTeams.getOrganizationTeams) {
-      const orgTeamsData = (orgTeams === null || orgTeams === void 0 ? void 0 : orgTeams.getOrganizationTeams) && ((_a = orgTeams === null || orgTeams === void 0 ? void 0 : orgTeams.getOrganizationTeams) === null || _a === void 0 ? void 0 : _a.length) && orderBy(orgTeams === null || orgTeams === void 0 ? void 0 : orgTeams.getOrganizationTeams, [tm => tm === null || tm === void 0 ? void 0 : tm.title.toLowerCase()], ['asc']) || [];
-      setTeams(oldTeams => uniqBy([...orgTeamsData, ...oldTeams], ({
+    if (orgTeams == null ? void 0 : orgTeams.getOrganizationTeams) {
+      const orgTeamsData = (orgTeams == null ? void 0 : orgTeams.getOrganizationTeams) && ((_a = orgTeams == null ? void 0 : orgTeams.getOrganizationTeams) == null ? void 0 : _a.length) && orderBy(orgTeams == null ? void 0 : orgTeams.getOrganizationTeams, [(tm) => tm == null ? void 0 : tm.title.toLowerCase()], ["asc"]) || [];
+      setTeams((oldTeams) => uniqBy([...orgTeamsData, ...oldTeams], ({
         id
       }) => id));
-      setInitialTeams(oldTeams => uniqBy([...orgTeamsData, ...oldTeams], ({
+      setInitialTeams((oldTeams) => uniqBy([...orgTeamsData, ...oldTeams], ({
         id
       }) => id));
     }
   }, [orgTeams]);
   React__default.useCallback((id, title, totalMembers) => {
     navigation.navigate(NavigationRoutes.DialogMessages, {
-      channelId: id === null || id === void 0 ? void 0 : id.toString(),
-      title: title === null || title === void 0 ? void 0 : title.toString(),
-      totalMembers: totalMembers,
+      channelId: id == null ? void 0 : id.toString(),
+      title: title == null ? void 0 : title.toString(),
+      totalMembers,
       hideTabBar: true
     });
   }, []);
-  const viewTeam = React__default.useCallback(item => {
+  const viewTeam = React__default.useCallback((item) => {
     var _a, _b, _c;
     navigation.navigate(NavigationRoutes.ViewTeam, {
-      teamId: (_a = item === null || item === void 0 ? void 0 : item.id) === null || _a === void 0 ? void 0 : _a.toString(),
-      teamName: item === null || item === void 0 ? void 0 : item.name,
-      title: (_b = item === null || item === void 0 ? void 0 : item.title) === null || _b === void 0 ? void 0 : _b.toString(),
-      totalMembers: (_c = item === null || item === void 0 ? void 0 : item.teamMembers) === null || _c === void 0 ? void 0 : _c.length,
+      teamId: (_a = item == null ? void 0 : item.id) == null ? void 0 : _a.toString(),
+      teamName: item == null ? void 0 : item.name,
+      title: (_b = item == null ? void 0 : item.title) == null ? void 0 : _b.toString(),
+      totalMembers: (_c = item == null ? void 0 : item.teamMembers) == null ? void 0 : _c.length,
       hideTabBar: true
     });
   }, []);
   const renderOrganizationTeamItem = ({
     item
   }) => {
-    return React__default.createElement(TouchableOpacity, {
-      key: item.id,
-      style: {
-        marginTop: 1
+    return /* @__PURE__ */ React__default.createElement(
+      TouchableOpacity,
+      {
+        key: item.id,
+        style: {
+          marginTop: 1
+        },
+        onPress: () => viewTeam(item)
       },
-      // onPress={() => openInbox(item?.id, item.title, item?.members?.length)}
-      onPress: () => viewTeam(item)
-    }, React__default.createElement(Box, {
-      flex: 1,
-      bg: '$white',
-      hardShadow: '5',
-      py: '$4',
-      px: '$2',
-      borderBottomWidth: '$1',
-      borderBottomColor: '$warmGray200'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center'
-    }, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 20
-    }), React__default.createElement(Text, {
-      pl: '$2',
-      fontSize: 16,
-      color: '$black'
-    }, item.title))));
+      /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "$white", hardShadow: "5", py: "$4", px: "$2", borderBottomWidth: "$1", borderBottomColor: "$warmGray200" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { pl: "$2", fontSize: 16, color: "$black" }, item.title)))
+    );
   };
-  const searchTeams = React__default.useCallback(v => {
+  const searchTeams = React__default.useCallback((v) => {
     if (v) {
-      const searchTeam = teams.filter(o => {
+      const searchTeam = teams.filter((o) => {
         var _a;
-        return (_a = o === null || o === void 0 ? void 0 : o.title) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(v === null || v === void 0 ? void 0 : v.toLowerCase());
+        return (_a = o == null ? void 0 : o.title) == null ? void 0 : _a.toLowerCase().includes(v == null ? void 0 : v.toLowerCase());
       });
       setTeams(searchTeam);
     } else {
       setTeams(intialTeams);
     }
   }, [intialTeams, teams]);
-  return React__default.createElement(SafeAreaView, {
-    flex: 1
-  }, React__default.createElement(StatusBar, {
-    style: "dark"
-  }), React__default.createElement(Box, {
-    flex: 1
-  }, React__default.createElement(Input, {
-    bg: '$white',
-    variant: "underlined",
-    borderTopWidth: '$1'
-  }, React__default.createElement(InputField, {
-    px: '$3',
-    alignItems: "center",
-    type: "text",
-    size: "xl",
-    placeholderTextColor: '#404040',
-    color: "$black",
-    fontSize: 15,
-    placeholder: "Search for teams",
-    onChange: ({
-      nativeEvent: {
-        eventCount,
-        target,
-        text
-      }
-    }) => {
-      searchTeams(text);
-    },
-    autoCapitalize: 'none',
-    autoCorrect: false
-  })), React__default.createElement(VirtualizedScrollView, {
-    flex: 1
-  }, React__default.createElement(FlatList, {
-    pt: '$2',
-    flex: 1,
-    data: teams && teams.length > 0 ? teams : [],
-    renderItem: renderOrganizationTeamItem,
-    key: 'all-teams-list',
-    keyExtractor: (item, index) => String(index),
-    contentContainerStyle: {
-      flex: 1
-    },
-    ListEmptyComponent: () => {
-      return React__default.createElement(Center, {
-        flex: 1,
-        pt: '$20',
-        alignItems: "center",
-        justifyContent: "center"
-      }, orgTeamsLoading ? React__default.createElement(Spinner, {
-        color: '$blue500'
-      }) : React__default.createElement(Text, {
-        textAlign: "center",
-        color: '$coolGray600'
-      }, "No Teams found"));
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: "dark" }), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Input, { bg: "$white", variant: "underlined", borderTopWidth: "$1" }, /* @__PURE__ */ React__default.createElement(InputField, { px: "$3", alignItems: "center", type: "text", size: "xl", placeholderTextColor: "#404040", color: "$black", fontSize: 15, placeholder: "Search for teams", onChange: ({
+    nativeEvent: {
+      eventCount,
+      target,
+      text
     }
-  })), React__default.createElement(Fab, {
-    size: "md",
-    bg: '$white',
-    borderRadius: '$lg',
-    placement: "bottom right",
-    onPress: () => navigation.navigate(NavigationRoutes.AddTeam),
-    "$pressed-bg": '$trueGray200',
-    "$active-bg": '$trueGray200'
-  }, React__default.createElement(FabIcon, {
-    as: AddIcon,
-    color: '$black'
-  }))));
+  }) => {
+    searchTeams(text);
+  }, autoCapitalize: "none", autoCorrect: false })), /* @__PURE__ */ React__default.createElement(VirtualizedScrollView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(FlatList, { pt: "$2", flex: 1, data: teams && teams.length > 0 ? teams : [], renderItem: renderOrganizationTeamItem, key: "all-teams-list", keyExtractor: (item, index) => String(index), contentContainerStyle: {
+    flex: 1
+  }, ListEmptyComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(Center, { flex: 1, pt: "$20", alignItems: "center", justifyContent: "center" }, orgTeamsLoading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }) : /* @__PURE__ */ React__default.createElement(Text, { textAlign: "center", color: "$coolGray600" }, "No Teams found"));
+  } })), /* @__PURE__ */ React__default.createElement(Fab, { size: "md", bg: "$white", borderRadius: "$lg", placement: "bottom right", onPress: () => navigation.navigate(NavigationRoutes.AddTeam), "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(FabIcon, { as: AddIcon, color: "$black" }))));
 });
-const Teams = props => {
+const Teams = (props) => {
   const {
     orgName,
     organizationDetail
   } = useDrawerLayout();
   useNavigation();
-  // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;
-  React__default.useState([]);
-  useState([]);
+  const [teams, setTeams] = React__default.useState([]);
+  const [intialTeams, setInitialTeams] = useState([]);
   useSelector(userSelector);
   useIsFocused();
   const {
@@ -182,25 +107,19 @@ const Teams = props => {
     refetch: _refetchOrgTeams
   } = useGetOrganizationTeamsQuery({
     variables: {
-      orgName: orgName
+      orgName
     }
   });
   useFocusEffect(React__default.useCallback(() => {
-    // Do something when the screen is focused
-    if (orgName) _refetchOrgTeams({
-      orgName: orgName
-    });
+    if (orgName)
+      _refetchOrgTeams({
+        orgName
+      });
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
     };
   }, [orgName]));
-  if (orgTeamsLoading) return React__default.createElement(Spinner, {
-    color: '$blue500'
-  });
-  return React__default.createElement(GetTeams, {
-    orgTeams: orgTeams,
-    orgTeamsLoading: orgTeamsLoading
-  });
+  if (orgTeamsLoading)
+    return /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" });
+  return /* @__PURE__ */ React__default.createElement(GetTeams, { orgTeams, orgTeamsLoading });
 };
 var Teams$1 = React__default.memo(Teams);export{Teams$1 as default};//# sourceMappingURL=Teams.js.map

package/lib/screens/Teams/Teams.js.map

@@ -1 +1 @@
-{"version":3,"file":"Teams.js","sources":["../../../src/screens/Teams/Teams.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Teams.js","sources":["../../../src/screens/Teams/Teams.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Dimensions } from 'react-native';\nimport {\n    SafeAreaView,\n    Center,\n    View,\n    FlatList,\n    Icon,\n    Box,\n    Text,\n    Spinner,\n    HStack,\n    Fab,\n    FabIcon,\n    FabLabel,\n    AddIcon,\n    Input,\n    InputField,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport { startCase, uniqBy, orderBy } from 'lodash-es';\nimport { useGetOrganizationTeamsQuery } from 'common/lib/generated/generated.js';\nimport { FontAwesome, Feather, Octicons, MaterialIcons, AntDesign } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { StatusBar } from 'expo-status-bar';\nimport { NavigationHeader } from '../../components';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst GetTeams = React.memo(({ orgTeams, orgTeamsLoading }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n    // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const [teams, setTeams] = React.useState([]);\n    const [intialTeams, setInitialTeams] = useState<any[]>([]);\n    const user: any = useSelector(userSelector);\n    const isFocused = useIsFocused();\n\n    useEffect(() => {\n        if (navigation)\n            navigation.setOptions({\n                headerShown: true,\n                headerTitle: (props: any) => (\n                    <Box>\n                        <Text fontSize={15} fontWeight={'600'} color={'$black'}>\n                            Team Browser\n                        </Text>\n                        <Text color={'$black'} fontWeight={'500'}>\n                            {teams.length} {teams.length > 1 ? 'teams' : 'team'}\n                        </Text>\n                    </Box>\n                ),\n            });\n    }, [teams, navigation]);\n\n    React.useEffect(() => {\n        if (orgTeams?.getOrganizationTeams) {\n            const orgTeamsData: any =\n                (orgTeams?.getOrganizationTeams &&\n                    orgTeams?.getOrganizationTeams?.length &&\n                    orderBy(orgTeams?.getOrganizationTeams, [(tm: any) => tm?.title.toLowerCase()], ['asc'])) ||\n                [];\n            setTeams((oldTeams: any) => uniqBy([...orgTeamsData, ...oldTeams], ({ id }) => id));\n            setInitialTeams((oldTeams: any) => uniqBy([...orgTeamsData, ...oldTeams], ({ id }) => id));\n        }\n    }, [orgTeams]);\n\n    const openInbox = React.useCallback((id: any, title: any, totalMembers: any) => {\n        navigation.navigate(NavigationRoutes.DialogMessages, {\n            channelId: id?.toString(),\n            title: title?.toString(),\n            totalMembers: totalMembers,\n            hideTabBar: true,\n        });\n    }, []);\n\n    const viewTeam = React.useCallback((item: any) => {\n        navigation.navigate(NavigationRoutes.ViewTeam, {\n            teamId: item?.id?.toString(),\n            teamName: item?.name,\n            title: item?.title?.toString(),\n            totalMembers: item?.teamMembers?.length,\n            hideTabBar: true,\n        });\n    }, []);\n\n    const renderOrganizationTeamItem = ({ item }: any) => {\n        return (\n            <TouchableOpacity\n                key={item.id}\n                style={{ marginTop: 1 }}\n                // onPress={() => openInbox(item?.id, item.title, item?.members?.length)}\n                onPress={() => viewTeam(item)}\n            >\n                <Box\n                    flex={1}\n                    bg={'$white'}\n                    hardShadow={'5'}\n                    py={'$4'}\n                    px={'$2'}\n                    borderBottomWidth={'$1'}\n                    borderBottomColor={'$warmGray200'}\n                >\n                    <HStack flex={1} alignItems={'center'}>\n                        <Octicons color=\"black\" name=\"lock\" size={20} />\n                        <Text pl={'$2'} fontSize={16} color={'$black'}>\n                            {item.title}\n                        </Text>\n                    </HStack>\n                </Box>\n            </TouchableOpacity>\n        );\n    };\n\n    const searchTeams = React.useCallback(\n        (v: any) => {\n            if (v) {\n                const searchTeam = teams.filter((o: any) => o?.title?.toLowerCase().includes(v?.toLowerCase()));\n                setTeams(searchTeam);\n            } else {\n                setTeams(intialTeams);\n            }\n        },\n        [intialTeams, teams],\n    );\n\n    return (\n        <SafeAreaView flex={1}>\n            <StatusBar style=\"dark\" />\n            <Box flex={1}>\n                <Input bg={'$white'} variant=\"underlined\" borderTopWidth={'$1'}>\n                    <InputField\n                        px={'$3'}\n                        alignItems=\"center\"\n                        type=\"text\"\n                        size=\"xl\"\n                        placeholderTextColor={'#404040'}\n                        color=\"$black\"\n                        fontSize={15}\n                        placeholder=\"Search for teams\"\n                        onChange={({ nativeEvent: { eventCount, target, text } }) => {\n                            searchTeams(text);\n                        }}\n                        autoCapitalize={'none'}\n                        autoCorrect={false}\n                    />\n                </Input>\n                <VirtualizedScrollView flex={1}>\n                    <FlatList\n                        pt={'$2'}\n                        flex={1}\n                        data={teams && teams.length > 0 ? teams : []}\n                        renderItem={renderOrganizationTeamItem}\n                        key={'all-teams-list'}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flex: 1,\n                        }}\n                        ListEmptyComponent={() => {\n                            return (\n                                <Center flex={1} pt={'$20'} alignItems=\"center\" justifyContent=\"center\">\n                                    {orgTeamsLoading ? (\n                                        <Spinner color={'$blue500'} />\n                                    ) : (\n                                        <Text textAlign=\"center\" color={'$coolGray600'}>\n                                            No Teams found\n                                        </Text>\n                                    )}\n                                </Center>\n                            );\n                        }}\n                    />\n                </VirtualizedScrollView>\n\n                <Fab\n                    size=\"md\"\n                    bg={'$white'}\n                    borderRadius={'$lg'}\n                    placement=\"bottom right\"\n                    onPress={() => navigation.navigate(NavigationRoutes.AddTeam)}\n                    $pressed-bg={'$trueGray200'}\n                    $active-bg={'$trueGray200'}\n                >\n                    <FabIcon as={AddIcon} color={'$black'} />\n                </Fab>\n                {/* \n                <Fab\n                    onPress={() => navigation.navigate(NavigationRoutes.AddTeam)}\n                    bg={'white'}\n                    _pressed={{ backgroundColor: 'muted.400' }}\n                    bottom={10}\n                    renderInPortal={false}\n                    shadow={3}\n                    size=\"sm\"\n                    borderRadius={'lg'}\n                    icon={<Icon color=\"black\" as={AntDesign} name=\"plus\" size=\"sm\" />}\n                /> */}\n            </Box>\n        </SafeAreaView>\n    );\n});\n\nconst Teams = (props: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n    // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const [teams, setTeams] = React.useState([]);\n    const [intialTeams, setInitialTeams] = useState<any[]>([]);\n    const user: any = useSelector(userSelector);\n    const isFocused = useIsFocused();\n\n    const {\n        data: orgTeams,\n        loading: orgTeamsLoading,\n        error,\n        refetch: _refetchOrgTeams,\n    } = useGetOrganizationTeamsQuery({\n        variables: { orgName: orgName },\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            if (orgName) _refetchOrgTeams({ orgName: orgName });\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, [orgName]),\n    );\n\n    if (orgTeamsLoading) return <Spinner color={'$blue500'} />;\n    return <GetTeams orgTeams={orgTeams} orgTeamsLoading={orgTeamsLoading} />;\n};\n\nexport default React.memo(Teams);\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Wiki/WikiScreen.js

@@ -1,16 +1,5 @@
 import React__default from'react';import {View,Text}from'@admin-layout/gluestack-ui-mobile';const WikiScreen = ({
   navigation
 }) => {
-  return React__default.createElement(View, {
-    py: '$2',
-    bg: '#fff',
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }, React__default.createElement(Text, {
-    pb: '$12',
-    textAlign: 'center',
-    fontSize: '$md',
-    fontWeight: '$bold'
-  }, "Wiki"));
+  return /* @__PURE__ */ React__default.createElement(View, { py: "$2", bg: "#fff", flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Text, { pb: "$12", textAlign: "center", fontSize: "$md", fontWeight: "$bold" }, "Wiki"));
 };export{WikiScreen as default};//# sourceMappingURL=WikiScreen.js.map

package/lib/screens/Wiki/WikiScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"WikiScreen.js","sources":["../../../src/screens/Wiki/WikiScreen.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"4FAYA,MAAM,UAAU,GAAG,CAAC;;;AAQpB,EAAE,OAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAEF,IAAA,EAAA,EAAA,IAAA;;;;;;;;;;;"}
+{"version":3,"file":"WikiScreen.js","sources":["../../../src/screens/Wiki/WikiScreen.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport React, { useState } from 'react';\nimport { Pressable, TouchableOpacity } from 'react-native';\nimport { Actionsheet, Box, Text, Button, Image, View, FlatList } from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { Header, Tiles } from '../../components';\nimport { NavigationRoutes } from '../../constants/routes';\ntype WikiScreenProps = {\n    navigation: any;\n};\n\nconst WikiScreen = ({ navigation }: WikiScreenProps) => {\n    return (\n        <View py={'$2'} bg={'#fff'} flex={1} justifyContent={'center'} alignItems={'center'}>\n            <Text pb={'$12'} textAlign={'center'} fontSize={'$md'} fontWeight={'$bold'}>\n                Wiki\n            </Text>\n        </View>\n    );\n};\n\nexport default WikiScreen;\n"],"names":["React"],"mappings":"4FAWA,MAAM,aAAa,CAAC;AAAA,EAClB;AACF,CAAuB,KAAA;AACrB,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,IAAA,EAAM,IAAI,MAAQ,EAAA,IAAA,EAAM,CAAG,EAAA,cAAA,EAAgB,QAAU,EAAA,UAAA,EAAY,4BACvEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,KAAA,EAAO,SAAW,EAAA,QAAA,EAAU,UAAU,KAAO,EAAA,UAAA,EAAY,OAAS,EAAA,EAAA,MAE5E,CACJ,CAAA;AACR"}

package/lib/theme/index.js

@@ -1,11 +1,9 @@
 import colors from'../constants/Colors.js';const config = {
   colors: {
-    // Add new color
     primary: colors.primaryBgColor
   },
   components: {
     Button: {
-      // Can simply pass default props to change default behaviour of components.
       baseStyle: {},
       defaultProps: {}
     }

package/lib/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":[],"mappings":"2CAEA,MAAM,MAAM,GAAG;AACX,EAAA,MAAA,EAAM;;WAEK,EAAA,MAAQ,CAAA;AAClB,GAAA;AACD,EAAA,UAAA,EAAU;AACN,IAAA,MAAA,EAAA;;AAEI,MAAA,SAAA,EAAA,EAAA;AACA,MAAA,YAAA,EAAA;AACH;AACJ;CACJ;AAEM,MAAM,WAAW,GAAG"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import colors from '../constants/Colors';\n\nconst config = {\n    colors: {\n        // Add new color\n        primary: colors.primaryBgColor,\n    },\n    components: {\n        Button: {\n            // Can simply pass default props to change default behaviour of components.\n            baseStyle: {},\n            defaultProps: {},\n        },\n    },\n};\n\nexport const customTheme = config;\n"],"names":[],"mappings":"2CACA,MAAM,MAAS,GAAA;AAAA,EACb,MAAQ,EAAA;AAAA,IAEN,SAAS,MAAO,CAAA;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,MAAQ,EAAA;AAAA,MAEN,WAAW,EAAC;AAAA,MACZ,cAAc;AAAC;AACjB;AAEJ,CAAA;AACO,MAAM,WAAc,GAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/slack-ui-mobile",
-    "version": "10.0.2-alpha.5",
+    "version": "10.0.3-alpha.5",
     "description": "Slack ui ref mobile package",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -23,7 +23,7 @@
         "watch-ts": "tsc --watch"
     },
     "dependencies": {
-        "@messenger-box/platform-mobile": "10.0.2-alpha.5"
+        "@messenger-box/platform-mobile": "10.0.3-alpha.5"
     },
     "devDependencies": {
         "cp-cli": "^2.0.0"
@@ -46,5 +46,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "a54223fc4058746a7e563003413e9c7b394a38aa"
+    "gitHead": "c7d0623dc1a572d1809011b21c9cfcdcb093076e"
 }

package/lib/components/AddMemberToChannel/AddMemberToChannel.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AddMemberToChannel: ({ navigation, route, channelID, orgMembers, setOrgMembers }: any) => React.JSX.Element;
-export default AddMemberToChannel;

package/lib/components/AddMemberToChannel/index.d.ts

@@ -1,2 +0,0 @@
-import AddMemberToChannel from './AddMemberToChannel';
-export default AddMemberToChannel;

package/lib/components/AppRootContextProviderComponent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const AppRootContextProviderComponent: ({ children, configuredRoutes }: {
-    children: any;
-    configuredRoutes: any;
-}) => React.JSX.Element;
-export default AppRootContextProviderComponent;

package/lib/components/CachedImage/consts.d.ts

@@ -1,2 +0,0 @@
-export declare const IMAGE_CACHE_FOLDER: string;
-export default IMAGE_CACHE_FOLDER;

package/lib/components/CachedImage/index.d.ts

@@ -1,8 +0,0 @@
-import * as FileSystem from 'expo-file-system';
-declare const CachedImage: (props: any) => any;
-export declare const CacheManager: {
-    addToCache: ({ file, key }: any) => Promise<string>;
-    getCachedUri: ({ key }: any) => Promise<string>;
-    downloadAsync: ({ uri, key, options }: any) => Promise<FileSystem.FileSystemDownloadResult>;
-};
-export default CachedImage;

package/lib/components/Channels/ChannelsByAlphabeticalAccordion.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface Props {
-    channels: any;
-    loading: boolean;
-    onPress: (props: any) => void;
-}
-export declare const ChannelsByAlphabeticalAccordion: React.MemoExoticComponent<({ channels, loading, onPress }: Props) => React.JSX.Element>;
-export {};

package/lib/components/Channels/index.d.ts

@@ -1,2 +0,0 @@
-import { ChannelsByAlphabeticalAccordion } from './ChannelsByAlphabeticalAccordion';
-export { ChannelsByAlphabeticalAccordion };

package/lib/components/CustomBottomTabs/CustomBottomTabs.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ state, descriptors, navigation }: any) => React.JSX.Element>;
-export default _default;

package/lib/components/CustomBottomTabs/index.d.ts

@@ -1,2 +0,0 @@
-import CustomBottomTabs from './CustomBottomTabs';
-export default CustomBottomTabs;

package/lib/components/CustomDrawer/CustomDrawer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
-export default _default;

package/lib/components/CustomDrawer/index.d.ts

@@ -1,2 +0,0 @@
-import CustomDrawer from './CustomDrawer';
-export default CustomDrawer;

package/lib/components/Header/Header.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-type HeaderProps = {
-    title: any;
-    icon: boolean;
-    children: any;
-};
-declare const Header: ({ title, icon, children }: HeaderProps) => React.JSX.Element;
-export default Header;

package/lib/components/Header/index.d.ts

@@ -1,2 +0,0 @@
-import Header from './Header';
-export default Header;

package/lib/components/Header/styles.d.ts

@@ -1,43 +0,0 @@
-declare const styles: {
-    container: {
-        backgroundColor: string;
-        height: number;
-        flexDirection: "row";
-        alignItems: "flex-end";
-        justifyContent: "space-between";
-        paddingHorizontal: number;
-        paddingBottom: number;
-        paddingTop: number;
-    };
-    filterImage: {
-        width: number;
-        height: number;
-        resizeMode: "cover";
-        tintColor: string;
-    };
-    detailsLabel: {
-        color: string;
-        fontSize: number;
-        fontWeight: "bold";
-    };
-    descriptionLabel: {
-        fontSize: number;
-        lineHeight: number;
-    };
-    pricesLabel: {
-        fontSize: number;
-        marginVertical: number;
-    };
-    oldPriceLabel: {
-        color: string;
-        textDecorationLine: "line-through";
-    };
-    newPriceLabel: {
-        fontWeight: "bold";
-    };
-    totalPriceLabel: {
-        color: string;
-        textDecorationLine: "underline";
-    };
-};
-export default styles;

package/lib/components/LoadingSpinner/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface LoadingSpinnerProps {
-    color?: string;
-}
-export declare const LoadingSpinnerDefault: () => React.JSX.Element;
-declare const LoadingSpinner: ({ color }: LoadingSpinnerProps) => React.JSX.Element;
-export default LoadingSpinner;

package/lib/components/NavigationComponent/NavigationComponent.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-interface INavigationContainerComponentProps {
-    children: ReactElement[];
-    configurableRoutes: Record<string, any>[];
-    independent?: boolean;
-}
-export declare const NavigationContainerComponent: ({ children, configurableRoutes, independent, }: INavigationContainerComponentProps) => ReactElement;
-export {};

package/lib/components/NavigationComponent/index.d.ts

@@ -1 +0,0 @@
-export * from './NavigationComponent';

package/lib/components/NavigationHeader/InboxNavigationHeader.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const InboxHeader: ({ back, showToggle, showFilter, statusBarType }: any) => React.JSX.Element;
-export default InboxHeader;

package/lib/components/NavigationHeader/NavigationHeader.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const DefalutSearchComponent: React.MemoExoticComponent<({ navigation, showFilter }: any) => React.JSX.Element>;
-export declare const SearchInputComponent: React.MemoExoticComponent<({ navigation, inputRef }: any) => React.JSX.Element>;
-declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
-export default _default;

package/lib/components/NavigationHeader/NavigationHeaderChat.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const NavigationHeaderChat: ({ navigation, route, options, back, showToggle, showFilter }: any) => React.JSX.Element;
-export default NavigationHeaderChat;

package/lib/components/NavigationHeader/index.d.ts

@@ -1,5 +0,0 @@
-import NavigationHeader from './NavigationHeader';
-import chatNavigationHeader from './NavigationHeaderChat';
-import InboxNavigationHeader from './InboxNavigationHeader';
-export { InboxNavigationHeader, chatNavigationHeader };
-export default NavigationHeader;

package/lib/components/RootNavigation.d.ts

@@ -1,3 +0,0 @@
-export declare const navigationRef: any;
-export declare function navigate(name: any, params: any): void;
-export declare function getCurrentRoute(): any;

package/lib/components/Search/AddByEmail.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AddFromEmail: ({ navigation, route }: any) => React.JSX.Element;
-export default AddFromEmail;

package/lib/components/Search/AddChannel.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AddChannel: ({ navigation, route }: any) => React.JSX.Element;
-export default AddChannel;

package/lib/components/Search/AddFromContacts.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AddFromContacts: ({ navigation, route }: any) => React.JSX.Element;
-export default AddFromContacts;

package/lib/components/Search/AddPeople.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AddPeople: ({ navigation, route }: any) => React.JSX.Element;
-export default AddPeople;

package/lib/components/Search/AddTeam.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AddTeam: ({ navigation, route }: any) => React.JSX.Element;
-export default AddTeam;

package/lib/components/Search/Channels.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Channels: ({ navigation, route }: any) => React.JSX.Element;
-export default Channels;

package/lib/components/Search/People.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const Peoples: ({ navigation }: {
-    navigation: any;
-}) => React.JSX.Element;
-export default Peoples;

package/lib/components/SlackSearchInput/Suggestion.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PressableProps, TextStyle } from 'react-native';
-export type SuggestionProps = PressableProps & {
-    label: string;
-    textStyle?: TextStyle;
-};
-declare const Suggestion: ({ label, textStyle, ...props }: SuggestionProps) => React.JSX.Element;
-export default Suggestion;

package/lib/components/SlackSearchInput/Tag.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PressableProps, TextStyle } from 'react-native';
-export type TagProps = PressableProps & {
-    label: string;
-    textStyle?: TextStyle;
-};
-declare const Tag: ({ label, textStyle, ...props }: TagProps) => React.JSX.Element;
-export default Tag;