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

package/lib/components/Actionsheet.js

@@ -0,0 +1,96 @@
+import PropTypes from'prop-types';import React__default from'react';import {Modal,TouchableOpacity,View,StyleSheet,TouchableHighlight,Text}from'react-native';const PRIMARY_COLOR = "rgb(0,98,255)";
+const WHITE = "#ffffff";
+const BORDER_COLOR = "#DBDBDB";
+const ActionSheet = (props) => {
+  var _a;
+  const {
+    actionItems,
+    isOpen,
+    onCancel,
+    isShowCancelButton = true
+  } = props;
+  const actionSheetItems = isShowCancelButton ? [...actionItems || [], {
+    id: "#cancel",
+    label: "Cancel",
+    onPress: (_a = props == null ? void 0 : props.onCancel) != null ? _a : () => {
+    }
+  }] : [...actionItems || []];
+  if (!isOpen)
+    return null;
+  return /* @__PURE__ */ React__default.createElement(Modal, { visible: isOpen, transparent: true, animationType: "slide", onRequestClose: onCancel }, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.5)",
+    justifyContent: "flex-end"
+  }, activeOpacity: 1, onPress: onCancel }, /* @__PURE__ */ React__default.createElement(View, { style: {
+    width: "100%",
+    paddingBottom: 20
+  }, onStartShouldSetResponder: () => true, onTouchEnd: (e) => {
+    e.stopPropagation();
+  } }, /* @__PURE__ */ React__default.createElement(View, { style: styles.modalContent }, props == null ? void 0 : props.header, actionSheetItems.map((actionItem, index) => {
+    return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { style: [styles.actionSheetView, index === 0 && {
+      borderTopLeftRadius: (props == null ? void 0 : props.header) ? 0 : 12,
+      borderTopRightRadius: (props == null ? void 0 : props.header) ? 0 : 12
+    }, index === actionSheetItems.length - 2 && {
+      borderBottomLeftRadius: 12,
+      borderBottomRightRadius: 12
+    }, index === actionSheetItems.length - 1 && {
+      borderBottomWidth: 0,
+      backgroundColor: WHITE,
+      marginTop: 8,
+      borderTopLeftRadius: 12,
+      borderTopRightRadius: 12,
+      borderBottomLeftRadius: 12,
+      borderBottomRightRadius: 12
+    }, (props == null ? void 0 : props.hideBottomWidth) && actionItem.id !== "#cancel" && {
+      borderBottomWidth: 0,
+      borderColor: "transparent",
+      paddingTop: 5,
+      paddingBottom: 5
+    }], underlayColor: "#f7f7f7", key: index, onPress: actionItem.onPress }, typeof actionItem.label === "string" ? /* @__PURE__ */ React__default.createElement(Text, { allowFontScaling: false, style: [styles.actionSheetText, (props == null ? void 0 : props.actionTextColor) && {
+      color: props == null ? void 0 : props.actionTextColor
+    }, index === actionSheetItems.length - 1 && {
+      color: "#fa1616"
+    }] }, actionItem.label) : actionItem.label);
+  })))));
+};
+const styles = StyleSheet.create({
+  modalContent: {
+    borderTopLeftRadius: 12,
+    borderTopRightRadius: 12,
+    borderBottomLeftRadius: 12,
+    borderBottomRightRadius: 12,
+    marginLeft: 15,
+    marginRight: 15,
+    marginBottom: 20,
+    paddingHorizontal: 10,
+    backgroundColor: WHITE
+  },
+  actionSheetText: {
+    fontSize: 18,
+    color: PRIMARY_COLOR
+  },
+  actionSheetView: {
+    backgroundColor: WHITE,
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingTop: 16,
+    paddingBottom: 16,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderColor: BORDER_COLOR
+  }
+});
+ActionSheet.propTypes = {
+  isOpen: PropTypes.bool,
+  actionItems: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    label: PropTypes.any,
+    onPress: PropTypes.func
+  })).isRequired,
+  onCancel: PropTypes.func,
+  actionTextColor: PropTypes.string,
+  hideBottomWidth: PropTypes.bool,
+  header: PropTypes.node,
+  isShowCancelButton: PropTypes.bool
+};export{ActionSheet as Actionsheet,ActionSheet as default};//# sourceMappingURL=Actionsheet.js.map

package/lib/components/Actionsheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actionsheet.js","sources":["../../src/components/Actionsheet.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { StyleSheet, Text, TouchableHighlight, View, Modal, TouchableOpacity } from 'react-native';\nimport { Center } from '@admin-layout/gluestack-ui-mobile';\n\nconst PRIMARY_COLOR = 'rgb(0,98,255)';\nconst WHITE = '#ffffff';\nconst BORDER_COLOR = '#DBDBDB';\n\nconst ActionSheet = (props) => {\n    const { actionItems, isOpen, onCancel, isShowCancelButton = true } = props;\n    const actionSheetItems = isShowCancelButton\n        ? [\n              ...(actionItems || []),\n              {\n                  id: '#cancel',\n                  label: 'Cancel',\n                  onPress: props?.onCancel ?? (() => {}),\n              },\n          ]\n        : [...(actionItems || [])];\n    if (!isOpen) return null;\n    return (\n        <Modal visible={isOpen} transparent={true} animationType=\"slide\" onRequestClose={onCancel}>\n            <TouchableOpacity\n                style={{\n                    flex: 1,\n                    backgroundColor: 'rgba(0,0,0,0.5)',\n                    justifyContent: 'flex-end',\n                }}\n                activeOpacity={1}\n                onPress={onCancel}\n            >\n                <View\n                    style={{\n                        width: '100%',\n                        paddingBottom: 20,\n                    }}\n                    onStartShouldSetResponder={() => true}\n                    onTouchEnd={(e) => {\n                        e.stopPropagation();\n                    }}\n                >\n                    <View style={styles.modalContent}>\n                        {props?.header}\n                        {actionSheetItems.map((actionItem, index) => {\n                            return (\n                                <TouchableHighlight\n                                    style={[\n                                        styles.actionSheetView,\n                                        index === 0 && {\n                                            borderTopLeftRadius: props?.header ? 0 : 12,\n                                            borderTopRightRadius: props?.header ? 0 : 12,\n                                        },\n                                        index === actionSheetItems.length - 2 && {\n                                            borderBottomLeftRadius: 12,\n                                            borderBottomRightRadius: 12,\n                                        },\n                                        index === actionSheetItems.length - 1 && {\n                                            borderBottomWidth: 0,\n                                            backgroundColor: WHITE,\n                                            marginTop: 8,\n                                            borderTopLeftRadius: 12,\n                                            borderTopRightRadius: 12,\n                                            borderBottomLeftRadius: 12,\n                                            borderBottomRightRadius: 12,\n                                        },\n                                        props?.hideBottomWidth &&\n                                            actionItem.id !== '#cancel' && {\n                                                borderBottomWidth: 0,\n                                                borderColor: 'transparent',\n                                                paddingTop: 5,\n                                                paddingBottom: 5,\n                                            },\n                                    ]}\n                                    underlayColor={'#f7f7f7'}\n                                    key={index}\n                                    onPress={actionItem.onPress}\n                                >\n                                    {typeof actionItem.label === 'string' ? (\n                                        <Text\n                                            allowFontScaling={false}\n                                            style={[\n                                                styles.actionSheetText,\n                                                props?.actionTextColor && {\n                                                    color: props?.actionTextColor,\n                                                },\n                                                index === actionSheetItems.length - 1 && {\n                                                    color: '#fa1616',\n                                                },\n                                            ]}\n                                        >\n                                            {actionItem.label}\n                                        </Text>\n                                    ) : (\n                                        actionItem.label\n                                    )}\n                                </TouchableHighlight>\n                            );\n                        })}\n                    </View>\n                </View>\n            </TouchableOpacity>\n        </Modal>\n    );\n};\n\nconst styles = StyleSheet.create({\n    modalContent: {\n        borderTopLeftRadius: 12,\n        borderTopRightRadius: 12,\n        borderBottomLeftRadius: 12,\n        borderBottomRightRadius: 12,\n        marginLeft: 15,\n        marginRight: 15,\n        marginBottom: 20,\n        paddingHorizontal: 10,\n        backgroundColor: WHITE,\n    },\n    actionSheetText: {\n        fontSize: 18,\n        color: PRIMARY_COLOR,\n    },\n    actionSheetView: {\n        backgroundColor: WHITE,\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'center',\n        alignItems: 'center',\n        paddingTop: 16,\n        paddingBottom: 16,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        borderColor: BORDER_COLOR,\n    },\n});\n\nActionSheet.propTypes = {\n    isOpen: PropTypes.bool,\n    actionItems: PropTypes.arrayOf(\n        PropTypes.shape({\n            id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n            label: PropTypes.any,\n            onPress: PropTypes.func,\n        }),\n    ).isRequired,\n    onCancel: PropTypes.func,\n    actionTextColor: PropTypes.string,\n    hideBottomWidth: PropTypes.bool,\n    header: PropTypes.node,\n    isShowCancelButton: PropTypes.bool,\n};\n\n// ActionSheet.defaultProps = {\n//   actionItems: [],\n//   onCancel: () => { },\n//   actionTextColor: null\n// }\n\nexport { ActionSheet as Actionsheet };\nexport default ActionSheet;\n"],"names":["React"],"mappings":"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"}

package/lib/components/AppRootContextProviderComponent.js

@@ -1,6 +1,20 @@
-import React__default from'react';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {DrawerLayoutProvider}from'../hooks/useDrawerLayout.js';import {ExpoNotificationProvider}from'../hooks/useExpoNotificationProvider.js';import WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';const AppRootContextProviderComponent = ({
+import React__default,{memo}from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {DrawerLayoutProvider}from'../hooks/useDrawerLayout.js';import {ExpoNotificationProvider}from'../hooks/useExpoNotificationProvider.js';import'../hooks/useOptimizedChannelsQueries.js';import WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';import FillRenderProvider from'@common-stack/components-pro/lib/plugin/provider.native.js';import Constants from'expo-constants';const isExpoGo = Constants.executionEnvironment === "storeClient";
+const KeyboardProviderComponent = memo(({
+  children,
+  isExpoGo: isExpoGo2
+}) => {
+  console.log("isExpoGo", isExpoGo2);
+  if (!isExpoGo2) {
+    const {
+      KeyboardProvider
+    } = require("react-native-keyboard-controller");
+    return /* @__PURE__ */ React__default.createElement(KeyboardProvider, null, children);
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
+});
+const AppRootContextProviderComponent = ({
   children,
   configuredRoutes
 }) => {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ExpoNotificationProvider, null, /* @__PURE__ */ React__default.createElement(DrawerLayoutProvider, { configuredRoutes, defaultDrawer: /* @__PURE__ */ React__default.createElement(WorkSpaceDrawer, null) }, children)));
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(ExpoNotificationProvider, null, /* @__PURE__ */ React__default.createElement(DrawerLayoutProvider, { configuredRoutes, defaultDrawer: /* @__PURE__ */ React__default.createElement(WorkSpaceDrawer, null) }, /* @__PURE__ */ React__default.createElement(KeyboardProviderComponent, { isExpoGo }, /* @__PURE__ */ React__default.createElement(FillRenderProvider, null, children)))));
 };export{AppRootContextProviderComponent as default};//# sourceMappingURL=AppRootContextProviderComponent.js.map

package/lib/components/AppRootContextProviderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <>\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    {children}\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["React"],"mappings":"+UAGA,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,uBACUA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,wBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,gBAAA,EAAoC,aAAe,kBAAAA,cAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,IAAA,CAAA,EAAA,EACrF,QACL,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React, { memo, ReactNode } from 'react';\nimport { Platform } from 'react-native';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\nimport FillRenderProvider from '@common-stack/components-pro/lib/plugin/provider.native.js';\nimport { PluginRender } from '@common-stack/components-pro/lib/plugin/plugin-render.js';\nimport Constants from 'expo-constants';\n\nconst isExpoGo = Constants.executionEnvironment === 'storeClient';\n\ninterface KeyboardProviderComponentProps {\n    children: ReactNode;\n    isExpoGo: boolean;\n}\n\nconst KeyboardProviderComponent = memo(({ children, isExpoGo }: KeyboardProviderComponentProps) => {\n    // Check if running in Expo Go using executionEnvironment instead of deprecated appOwnership\n    console.log('isExpoGo', isExpoGo);\n    // Only use KeyboardProvider when not in Expo Go\n    if (!isExpoGo) {\n        const { KeyboardProvider } = require('react-native-keyboard-controller');\n        return <KeyboardProvider>{children}</KeyboardProvider>;\n    }\n\n    // Return children directly when in Expo Go\n    return <>{children}</>;\n});\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <Box className=\"flex-1\">\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    <KeyboardProviderComponent isExpoGo={isExpoGo}>\n                        <FillRenderProvider>\n                            {/* <PluginRender fills={[]} name={'slack-ui'}> */}\n                            {children}\n                            {/* </PluginRender> */}\n                        </FillRenderProvider>\n                    </KeyboardProviderComponent>\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </Box>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["isExpoGo","React"],"mappings":"0jBAQA,MAAM,QAAA,GAAW,UAAU,oBAAyB,KAAA,aAAA;AAKpD,MAAM,yBAAA,GAA4B,KAAK,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,QAAAA,EAAAA;AACF,CAAsC,KAAA;AAEpC,EAAQ,OAAA,CAAA,GAAA,CAAI,YAAYA,SAAQ,CAAA;AAEhC,EAAA,IAAI,CAACA,SAAU,EAAA;AACb,IAAM,MAAA;AAAA,MACJ;AAAA,KACF,GAAI,QAAQ,kCAAkC,CAAA;AAC9C,IAAO,uBAAAC,cAAA,CAAA,aAAA,CAAC,wBAAkB,QAAS,CAAA;AAAA;AAIrC,EAAA,mFAAU,QAAS,CAAA;AACrB,CAAC,CAAA;AACD,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAU,EAAA,QAAA,EAAA,+CACX,wBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,gBAAA,EAAoC,aAAe,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CACtF,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,6BAA0B,QACvB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,0BAEI,QAEL,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}

package/lib/components/Channels/ChannelsByAlphabeticalAccordion.js

@@ -1,21 +1,27 @@
-import React__default from'react';import {TouchableHighlight,StyleSheet}from'react-native';import {View,VStack,SectionList,Spinner,Text,Heading,Box,HStack}from'@admin-layout/gluestack-ui-mobile';import {FontAwesome,Octicons}from'@expo/vector-icons';import {RoomType}from'common';import colors from'../../constants/Colors.js';const ChannelsByAlphabeticalAccordion = React__default.memo(({
+import React__default from'react';import {TouchableHighlight,StyleSheet}from'react-native';import {Box,VStack,SectionList,Spinner,Text,Heading,HStack}from'@admin-layout/gluestack-ui-mobile';import {FontAwesome,Octicons}from'@expo/vector-icons';import {RoomType}from'common';import Colors from'../../constants/Colors.js';import colors from'tailwindcss/colors';const ChannelsByAlphabeticalAccordion = React__default.memo(({
   channels,
   loading,
   onPress
 }) => {
-  return /* @__PURE__ */ React__default.createElement(View, { flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", flex: 1 }, /* @__PURE__ */ React__default.createElement(SectionList, { contentContainerStyle: {
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", className: "flex-1" }, /* @__PURE__ */ React__default.createElement(SectionList, { contentContainerStyle: {
     flexGrow: 1,
     paddingBottom: 50
-  }, w: "100%", h: "100%", maxWidth: "100%", pb: "$20", mb: "$10", sections: channels ? channels : [], keyExtractor: (item, index) => item + index, renderItem: ({
+  }, style: {
+    width: "100%",
+    height: "100%",
+    maxWidth: "100%",
+    paddingBottom: 20,
+    marginBottom: 10
+  }, sections: channels ? channels : [], keyExtractor: (item, index) => item + index, renderItem: ({
     item
   }) => /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", activeOpacity: 0.5, key: item.id, style: {
     marginTop: 1
-  }, onPress: () => onPress(item) }, /* @__PURE__ */ React__default.createElement(Box, { bg: "#fff", hardShadow: "5", py: "$2" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(HStack, { px: "$4", py: "$1", space: "sm", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.headingText }, item.type == RoomType.Private ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FontAwesome, { color: "#525252", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(Octicons, { color: "#525252", name: "hash", size: 20 })), /* @__PURE__ */ React__default.createElement(Box, { px: "$2" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.headingText }, item.title), /* @__PURE__ */ React__default.createElement(Text, null, "You are a memeber")))))), renderSectionHeader: ({
+  }, onPress: () => onPress(item) }, /* @__PURE__ */ React__default.createElement(Box, { className: "bg-white shadow-md py-2" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(HStack, { className: "px-4 py-1 items-center", space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.headingText }, item.type == RoomType.Private ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FontAwesome, { color: "#525252", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(Octicons, { color: "#525252", name: "hash", size: 20 })), /* @__PURE__ */ React__default.createElement(Box, { className: "px-2" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.headingText }, item.title), /* @__PURE__ */ React__default.createElement(Text, null, "You are a memeber")))))), renderSectionHeader: ({
     section: {
       title
     }
-  }) => /* @__PURE__ */ React__default.createElement(Heading, { bg: "#f5f5f5", color: "#525252", fontSize: "$md", px: "$2", pt: "$2", pb: "$2", textTransform: "uppercase" }, title), stickySectionHeadersEnabled: true, ListEmptyComponent: () => {
-    return /* @__PURE__ */ React__default.createElement(View, { py: "$1" }, loading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }) : /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray600" }, "No Channels found"));
+  }) => /* @__PURE__ */ React__default.createElement(Heading, { className: "bg-[#f5f5f5] text-[#525252] text-base px-2 pt-2 pb-2 uppercase" }, title), stickySectionHeadersEnabled: true, ListEmptyComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(Box, { className: "py-1" }, loading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] }) : /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[600] }, "No Channels found"));
   }, key: "search-channels-list" })));
 });
 const styles = StyleSheet.create({
@@ -28,7 +34,7 @@ const styles = StyleSheet.create({
     marginTop: 5
   },
   headingText: {
-    color: colors.light.text,
+    color: Colors.light.text,
     fontSize: 16,
     fontWeight: "400"
   }

package/lib/components/Channels/ChannelsByAlphabeticalAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelsByAlphabeticalAccordion.js","sources":["../../../src/components/Channels/ChannelsByAlphabeticalAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableHighlight, Dimensions } from 'react-native';\nimport {\n    Input,\n    Pressable,\n    View,\n    Text,\n    VStack,\n    Box,\n    Fab,\n    Icon,\n    FlatList,\n    Divider,\n    HStack,\n    SectionList,\n    Center,\n    Heading,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport { RoomType } from 'common';\nimport Colors from '../../constants/Colors';\n\ninterface Props {\n    channels: any;\n    loading: boolean;\n    onPress: (props: any) => void;\n}\n\nexport const ChannelsByAlphabeticalAccordion = React.memo(({ channels, loading, onPress }: Props) => {\n    return (\n        <View flex={1}>\n            {/* <VirtualizedScrollView> */}\n            <VStack space=\"sm\" flex={1}>\n                <SectionList\n                    contentContainerStyle={{\n                        flexGrow: 1,\n                        paddingBottom: 50,\n                    }}\n                    w={'100%'}\n                    h={'100%'}\n                    maxWidth={'100%'}\n                    pb={'$20'}\n                    mb={'$10'}\n                    sections={channels ? channels : []}\n                    keyExtractor={(item: any, index: any) => item + index}\n                    renderItem={({ item }: any) => (\n                        <TouchableHighlight\n                            underlayColor={'transparent'}\n                            activeOpacity={0.5}\n                            key={item.id}\n                            style={{ marginTop: 1 }}\n                            onPress={() => onPress(item)}\n                        >\n                            <Box bg={'#fff'} hardShadow={'5'} py={'$2'}>\n                                <VStack space=\"md\">\n                                    <HStack px=\"$4\" py={'$1'} space={'sm'} alignItems=\"center\">\n                                        <Text style={styles.headingText}>\n                                            {item.type == RoomType.Private ? (\n                                                <>\n                                                    <FontAwesome color={'#525252'} name=\"lock\" size={20} />\n                                                </>\n                                            ) : (\n                                                <Octicons color=\"#525252\" name=\"hash\" size={20} />\n                                            )}\n                                        </Text>\n\n                                        <Box px=\"$2\">\n                                            <Text style={styles.headingText}>{item.title}</Text>\n                                            <Text>You are a memeber</Text>\n                                        </Box>\n                                    </HStack>\n                                </VStack>\n                            </Box>\n                        </TouchableHighlight>\n                    )}\n                    renderSectionHeader={({ section: { title } }: any) => (\n                        <Heading\n                            bg={'#f5f5f5'}\n                            color={'#525252'}\n                            fontSize={'$md'}\n                            px={'$2'}\n                            pt=\"$2\"\n                            pb=\"$2\"\n                            textTransform={'uppercase'}\n                        >\n                            {title}\n                        </Heading>\n                    )}\n                    stickySectionHeadersEnabled={true}\n                    ListEmptyComponent={() => {\n                        return (\n                            <View py={'$1'}>\n                                {loading ? (\n                                    <Spinner color={'$blue500'} />\n                                ) : (\n                                    <Text color={'$coolGray600'}>No Channels found</Text>\n                                )}\n                            </View>\n                        );\n                    }}\n                    key={'search-channels-list'}\n                />\n            </VStack>\n            {/* </VirtualizedScrollView> */}\n        </View>\n    );\n});\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n"],"names":["React","Colors"],"mappings":"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"}
+{"version":3,"file":"ChannelsByAlphabeticalAccordion.js","sources":["../../../src/components/Channels/ChannelsByAlphabeticalAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableHighlight, Dimensions } from 'react-native';\nimport {\n    Input,\n    Pressable,\n    View,\n    Text,\n    VStack,\n    Box,\n    Fab,\n    Icon,\n    FlatList,\n    Divider,\n    HStack,\n    SectionList,\n    Center,\n    Heading,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport { RoomType } from 'common';\nimport Colors from '../../constants/Colors';\nimport colors from 'tailwindcss/colors';\n\ninterface Props {\n    channels: any;\n    loading: boolean;\n    onPress: (props: any) => void;\n}\n\nexport const ChannelsByAlphabeticalAccordion = React.memo(({ channels, loading, onPress }: Props) => {\n    return (\n        <Box className=\"flex-1\">\n            {/* <VirtualizedScrollView> */}\n            <VStack space=\"sm\" className=\"flex-1\">\n                <SectionList\n                    contentContainerStyle={{\n                        flexGrow: 1,\n                        paddingBottom: 50,\n                    }}\n                    style={{ width: '100%', height: '100%', maxWidth: '100%', paddingBottom: 20, marginBottom: 10 }}\n                    sections={channels ? channels : []}\n                    keyExtractor={(item: any, index: any) => item + index}\n                    renderItem={({ item }: any) => (\n                        <TouchableHighlight\n                            underlayColor={'transparent'}\n                            activeOpacity={0.5}\n                            key={item.id}\n                            style={{ marginTop: 1 }}\n                            onPress={() => onPress(item)}\n                        >\n                            <Box className=\"bg-white shadow-md py-2\">\n                                <VStack space=\"md\">\n                                    <HStack className=\"px-4 py-1 items-center\" space={'sm'}>\n                                        <Text style={styles.headingText}>\n                                            {item.type == RoomType.Private ? (\n                                                <>\n                                                    <FontAwesome color={'#525252'} name=\"lock\" size={20} />\n                                                </>\n                                            ) : (\n                                                <Octicons color=\"#525252\" name=\"hash\" size={20} />\n                                            )}\n                                        </Text>\n\n                                        <Box className=\"px-2\">\n                                            <Text style={styles.headingText}>{item.title}</Text>\n                                            <Text>You are a memeber</Text>\n                                        </Box>\n                                    </HStack>\n                                </VStack>\n                            </Box>\n                        </TouchableHighlight>\n                    )}\n                    renderSectionHeader={({ section: { title } }: any) => (\n                        <Heading className=\"bg-[#f5f5f5] text-[#525252] text-base px-2 pt-2 pb-2 uppercase\">\n                            {title}\n                        </Heading>\n                    )}\n                    stickySectionHeadersEnabled={true}\n                    ListEmptyComponent={() => {\n                        return (\n                            <Box className=\"py-1\">\n                                {loading ? (\n                                    <Spinner color={colors.blue[500]} />\n                                ) : (\n                                    <Text color={colors.gray[600]}>No Channels found</Text>\n                                )}\n                            </Box>\n                        );\n                    }}\n                    key={'search-channels-list'}\n                />\n            </VStack>\n            {/* </VirtualizedScrollView> */}\n        </Box>\n    );\n});\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n"],"names":["React"],"mappings":"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"}

package/lib/components/CustomBottomTabs/CustomBottomTabs.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {SafeAreaView,Box,Pressable,Center,Text}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {navigationRef}from'@common-stack/client-react';var __defProp = Object.defineProperty;
+import React__default from'react';import {SafeAreaView}from'react-native';import {Box,Pressable,Center,Text}from'@admin-layout/gluestack-ui-mobile';import {useSelector,shallowEqual}from'react-redux';import {navigationRef}from'@common-stack/client-react';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -20,7 +20,7 @@ const CustomBottomTabs = ({
   navigation
 }) => {
   var _a;
-  const settings = useSelector((state2) => state2.settings);
+  const settings = useSelector((state2) => state2.settings, shallowEqual);
   const currentRoute = navigationRef.isReady() ? (_a = navigationRef) == null ? void 0 : _a.getCurrentRoute() : null;
   const platformState = useSelector((state2) => state2.platform);
   let appRoutes = Object.keys(descriptors).map((k) => {
@@ -56,31 +56,18 @@ const CustomBottomTabs = ({
       });
     }
   }, []);
-  return /* @__PURE__ */ React__default.createElement(SafeAreaView, null, /* @__PURE__ */ React__default.createElement(Box, { flexDirection: "row", width: "100%", alignSelf: "center", bg: "white", borderTopWidth: "$1", borderTopColor: "#d3d3d3", py: "$4" }, appRoutes.map((route, index) => {
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, null, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-row w-full items-center bg-white border-t border-t-[#d3d3d3] py-4" }, appRoutes.map((route, index) => {
     const options = route.options;
     const label = options.tabBarLabel !== void 0 ? options.tabBarLabel : options.title !== void 0 ? options.title : route.route.name;
     const isFocused = state.index === route.index;
-    return /* @__PURE__ */ React__default.createElement(
-      Pressable,
-      {
-        key: index,
-        opacity: isFocused ? "$100" : "$50",
-        flex: 1,
-        onPress: () => onPress(route, navigation, isFocused),
-        onLongPress: () => onLongPress(route, navigation, isFocused),
-        testID: options.tabBarTestID,
-        accessibilityState: isFocused ? {
-          selected: true
-        } : {},
-        accessibilityLabel: options.tabBarAccessibilityLabel
-      },
-      /* @__PURE__ */ React__default.createElement(Center, null, (options == null ? void 0 : options.tabBarIcon) ? options.tabBarIcon({
-        color: isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor,
-        size: 24
-      }) : null, /* @__PURE__ */ React__default.createElement(Text, { color: isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor, style: {
-        fontSize: 12
-      } }, label))
-    );
+    return /* @__PURE__ */ React__default.createElement(Pressable, { key: index, className: `flex-1 opacity-[${isFocused ? "100" : "50"}]`, onPress: () => onPress(route, navigation, isFocused), onLongPress: () => onLongPress(route, navigation, isFocused), testID: options.tabBarTestID, accessibilityState: isFocused ? {
+      selected: true
+    } : {}, accessibilityLabel: options.tabBarAccessibilityLabel }, /* @__PURE__ */ React__default.createElement(Center, null, (options == null ? void 0 : options.tabBarIcon) ? options.tabBarIcon({
+      color: isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor,
+      size: 24
+    }) : null, /* @__PURE__ */ React__default.createElement(Text, { color: isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor, style: {
+      fontSize: 12
+    } }, label)));
   })));
 };
 var CustomBottomTabs$1 = React__default.memo(CustomBottomTabs);export{CustomBottomTabs$1 as default};//# sourceMappingURL=CustomBottomTabs.js.map

package/lib/components/CustomBottomTabs/CustomBottomTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomBottomTabs.js","sources":["../../../src/components/CustomBottomTabs/CustomBottomTabs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Pressable, Center, Text, SafeAreaView } from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst CustomBottomTabs = ({ state, descriptors, navigation }: any) => {\n    const settings = useSelector<any>((state) => state.settings) as any;\n    //const currentRoute: any = useRoute();\n    const currentRoute: any = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const platformState = useSelector((state) => (state as any).platform);\n    let appRoutes: any = Object.keys(descriptors)\n        .map((k: any) => {\n            let route = { ...descriptors[k] };\n            route.index = state.routes.findIndex((x: any) => x.key === k);\n            return route;\n        })\n        .filter((r: any) => (settings?.layout == 'bottom' ? r : r?.route?.params?.menu_position == 'bottom'))\n        .sort(\n            (a: any, b: any) =>\n                (a.options.priority ? a.options.priority : a.options.title) -\n                (b.options.priority ? b.options.priority : b.options.title),\n        );\n\n    const onPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            const event = navigation.emit({\n                type: 'tabPress',\n                target: route.route.key,\n                canPreventDefault: true,\n            });\n\n            if (!isFocused && !event.defaultPrevented) {\n                // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                navigation.navigate({\n                    name: route.route.name,\n                    merge: true,\n                    orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                });\n            }\n        }\n    }, []);\n\n    const onLongPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            navigation.emit({\n                type: 'tabLongPress',\n                target: route.route.key,\n            });\n        }\n    }, []);\n\n    return (\n        <SafeAreaView>\n            <Box\n                flexDirection=\"row\"\n                width=\"100%\"\n                alignSelf=\"center\"\n                bg={'white'}\n                borderTopWidth={'$1'}\n                borderTopColor={'#d3d3d3'}\n                py={\"$4\"}\n            >\n                {appRoutes.map((route: any, index: any) => {\n                    const options = route.options;\n                    const label =\n                        options.tabBarLabel !== undefined\n                            ? options.tabBarLabel\n                            : options.title !== undefined\n                            ? options.title\n                            : route.route.name;\n\n                    const isFocused = state.index === route.index;\n\n                    // const onPress = () => {\n                    //     const event = navigation.emit({\n                    //         type: 'tabPress',\n                    //         target: route.route.key,\n                    //         canPreventDefault: true,\n                    //     });\n\n                    //     if (!isFocused && !event.defaultPrevented) {\n                    //         // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                    //         navigation.navigate({\n                    //             name: route.route.name,\n                    //             merge: true,\n                    //             orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                    //         });\n                    //     }\n                    // };\n\n                    // const onLongPress = () => {\n                    //     navigation.emit({\n                    //         type: 'tabLongPress',\n                    //         target: route.route.key,\n                    //     });\n                    // };\n\n                    return (\n                        <Pressable\n                            key={index}\n                            opacity={isFocused ? '$100' : '$50'}\n                            //  pb=\"$8\"\n                            //pt={'$3'}\n                            flex={1}\n                            onPress={() => onPress(route, navigation, isFocused)}\n                            onLongPress={() => onLongPress(route, navigation, isFocused)}\n                            testID={options.tabBarTestID}\n                            accessibilityState={isFocused ? { selected: true } : {}}\n                            accessibilityLabel={options.tabBarAccessibilityLabel}\n                        >\n                            <Center>\n                                {options?.tabBarIcon\n                                    ? options.tabBarIcon({\n                                          color: isFocused\n                                              ? options.tabBarActiveTintColor\n                                              : options.tabBarInactiveTintColor,\n                                          size: 24,\n                                      })\n                                    : null}\n\n                                <Text\n                                    color={isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor}\n                                    style={{ fontSize: 12 }}\n                                >\n                                    {label}\n                                </Text>\n                            </Center>\n                        </Pressable>\n                    );\n                })}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomBottomTabs);\n"],"names":["state","_a","React","navigation"],"mappings":"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"}
+{"version":3,"file":"CustomBottomTabs.js","sources":["../../../src/components/CustomBottomTabs/CustomBottomTabs.tsx"],"sourcesContent":["import React from 'react';\nimport { SafeAreaView } from 'react-native';\nimport { Box, Pressable, Center, Text } from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { shallowEqual } from 'react-redux';\nimport { useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst CustomBottomTabs = ({ state, descriptors, navigation }: any) => {\n    const settings = useSelector<any>((state) => state.settings, shallowEqual) as any;\n    //const currentRoute: any = useRoute();\n    const currentRoute: any = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const platformState = useSelector((state) => (state as any).platform);\n    let appRoutes: any = Object.keys(descriptors)\n        .map((k: any) => {\n            let route = { ...descriptors[k] };\n            route.index = state.routes.findIndex((x: any) => x.key === k);\n            return route;\n        })\n        .filter((r: any) => (settings?.layout == 'bottom' ? r : r?.route?.params?.menu_position == 'bottom'))\n        .sort(\n            (a: any, b: any) =>\n                (a.options.priority ? a.options.priority : a.options.title) -\n                (b.options.priority ? b.options.priority : b.options.title),\n        );\n\n    const onPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            const event = navigation.emit({\n                type: 'tabPress',\n                target: route.route.key,\n                canPreventDefault: true,\n            });\n\n            if (!isFocused && !event.defaultPrevented) {\n                // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                navigation.navigate({\n                    name: route.route.name,\n                    merge: true,\n                    orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                });\n            }\n        }\n    }, []);\n\n    const onLongPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            navigation.emit({\n                type: 'tabLongPress',\n                target: route.route.key,\n            });\n        }\n    }, []);\n\n    return (\n        <SafeAreaView>\n            <Box className=\"flex-row w-full items-center bg-white border-t border-t-[#d3d3d3] py-4\">\n                {appRoutes.map((route: any, index: any) => {\n                    const options = route.options;\n                    const label =\n                        options.tabBarLabel !== undefined\n                            ? options.tabBarLabel\n                            : options.title !== undefined\n                            ? options.title\n                            : route.route.name;\n\n                    const isFocused = state.index === route.index;\n\n                    // const onPress = () => {\n                    //     const event = navigation.emit({\n                    //         type: 'tabPress',\n                    //         target: route.route.key,\n                    //         canPreventDefault: true,\n                    //     });\n\n                    //     if (!isFocused && !event.defaultPrevented) {\n                    //         // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                    //         navigation.navigate({\n                    //             name: route.route.name,\n                    //             merge: true,\n                    //             orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                    //         });\n                    //     }\n                    // };\n\n                    // const onLongPress = () => {\n                    //     navigation.emit({\n                    //         type: 'tabLongPress',\n                    //         target: route.route.key,\n                    //     });\n                    // };\n\n                    return (\n                        <Pressable\n                            key={index}\n                            className={`flex-1 opacity-[${isFocused ? '100' : '50'}]`}\n                            onPress={() => onPress(route, navigation, isFocused)}\n                            onLongPress={() => onLongPress(route, navigation, isFocused)}\n                            testID={options.tabBarTestID}\n                            accessibilityState={isFocused ? { selected: true } : {}}\n                            accessibilityLabel={options.tabBarAccessibilityLabel}\n                        >\n                            <Center>\n                                {options?.tabBarIcon\n                                    ? options.tabBarIcon({\n                                          color: isFocused\n                                              ? options.tabBarActiveTintColor\n                                              : options.tabBarInactiveTintColor,\n                                          size: 24,\n                                      })\n                                    : null}\n\n                                <Text\n                                    color={isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor}\n                                    style={{ fontSize: 12 }}\n                                >\n                                    {label}\n                                </Text>\n                            </Center>\n                        </Pressable>\n                    );\n                })}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomBottomTabs);\n"],"names":["state","_a","React","navigation"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,mBAAmB,CAAC;AAAA,EACxB,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAW,KAAA;AAXX,EAAA,IAAA,EAAA;AAYE,EAAA,MAAM,WAAW,WAAiB,CAAA,CAAAA,MAASA,KAAAA,MAAAA,CAAM,UAAU,YAAY,CAAA;AAEvE,EAAA,MAAM,YAAoB,GAAA,aAAA,CAAc,OAAQ,EAAA,GAAA,CAAI,0CAAe,eAAoB,EAAA,GAAA,IAAA;AACvF,EAAA,MAAM,aAAgB,GAAA,WAAA,CAAY,CAAAA,MAAAA,KAAUA,OAAc,QAAQ,CAAA;AAClE,EAAA,IAAI,YAAiB,MAAO,CAAA,IAAA,CAAK,WAAW,CAAE,CAAA,GAAA,CAAI,CAAC,CAAW,KAAA;AAC5D,IAAI,IAAA,KAAA,GAAQ,mBACP,WAAY,CAAA,CAAA,CAAA,CAAA;AAEjB,IAAM,KAAA,CAAA,KAAA,GAAQ,MAAM,MAAO,CAAA,SAAA,CAAU,CAAC,CAAW,KAAA,CAAA,CAAE,QAAQ,CAAC,CAAA;AAC5D,IAAO,OAAA,KAAA;AAAA,GACR,CAAA,CAAE,MAAO,CAAA,CAAC,CAAQ,KAAA;AAtBrB,IAAA,IAAAC,GAAA,EAAA,EAAA;AAsBwB,IAAU,OAAA,CAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA,MAAA,KAAU,QAAW,GAAA,CAAA,GAAA,CAAA,CAAI,EAAAA,GAAAA,CAAAA,GAAAA,GAAA,CAAG,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAA,KAAA,KAAH,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAU,MAAV,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,aAAiB,KAAA,QAAA;AAAA,GAAQ,CAAA,CAAE,KAAK,CAAC,CAAA,EAAQ,OAAY,CAAE,CAAA,OAAA,CAAQ,QAAW,GAAA,CAAA,CAAE,OAAQ,CAAA,QAAA,GAAW,EAAE,OAAQ,CAAA,KAAA,KAAU,EAAE,OAAQ,CAAA,QAAA,GAAW,EAAE,OAAQ,CAAA,QAAA,GAAW,CAAE,CAAA,OAAA,CAAQ,KAAM,CAAA,CAAA;AACxP,EAAA,MAAM,UAAUC,cAAM,CAAA,WAAA,CAAY,CAAC,KAAA,EAAOC,aAAY,SAAc,KAAA;AAvBtE,IAAAF,IAAAA,GAAAA;AAwBI,IAAA,IAAI,+BAAO,KAAO,EAAA;AAChB,MAAM,MAAA,KAAA,GAAQE,YAAW,IAAK,CAAA;AAAA,QAC5B,IAAM,EAAA,UAAA;AAAA,QACN,MAAA,EAAQ,MAAM,KAAM,CAAA,GAAA;AAAA,QACpB,iBAAmB,EAAA;AAAA,OACpB,CAAA;AACD,MAAA,IAAI,CAAC,SAAA,IAAa,CAAC,KAAA,CAAM,gBAAkB,EAAA;AAEzC,QAAAA,YAAW,QAAS,CAAA;AAAA,UAClB,IAAA,EAAM,MAAM,KAAM,CAAA,IAAA;AAAA,UAClB,KAAO,EAAA,IAAA;AAAA,UACP,WAASF,GAAA,GAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,WAAd,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAsB,aAAW,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,OAAA;AAAA,SAC1D,CAAA;AAAA;AACH;AACF,GACF,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,cAAcC,cAAM,CAAA,WAAA,CAAY,CAAC,KAAA,EAAOC,aAAY,SAAc,KAAA;AACtE,IAAA,IAAI,+BAAO,KAAO,EAAA;AAChB,MAAAA,YAAW,IAAK,CAAA;AAAA,QACd,IAAM,EAAA,cAAA;AAAA,QACN,MAAA,EAAQ,MAAM,KAAM,CAAA;AAAA,OACrB,CAAA;AAAA;AACH,GACF,EAAG,EAAE,CAAA;AACL,EAAO,uBAAAD,cAAA,CAAA,aAAA,CAAC,YACE,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,4EACV,SAAU,CAAA,GAAA,CAAI,CAAC,KAAA,EAAY,KAAe,KAAA;AACnD,IAAA,MAAM,UAAU,KAAM,CAAA,OAAA;AACtB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAQ,WAAgB,KAAA,MAAA,GAAY,OAAQ,CAAA,WAAA,GAAc,OAAQ,CAAA,KAAA,KAAU,MAAY,GAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAM,KAAM,CAAA,IAAA;AAClI,IAAM,MAAA,SAAA,GAAY,KAAM,CAAA,KAAA,KAAU,KAAM,CAAA,KAAA;AA0BxC,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,GAAA,EAAK,KAAO,EAAA,SAAA,EAAW,CAAmB,gBAAA,EAAA,SAAA,GAAY,KAAQ,GAAA,IAAA,CAAA,CAAA,CAAA,EAAS,OAAS,EAAA,MAAM,OAAQ,CAAA,KAAA,EAAO,UAAY,EAAA,SAAS,CAAG,EAAA,WAAA,EAAa,MAAM,WAAA,CAAY,KAAO,EAAA,UAAA,EAAY,SAAS,CAAA,EAAG,MAAQ,EAAA,OAAA,CAAQ,YAAc,EAAA,kBAAA,EAAoB,SAAY,GAAA;AAAA,MACzQ,QAAU,EAAA;AAAA,KACZ,GAAI,EAAC,EAAG,kBAAoB,EAAA,OAAA,CAAQ,wBAChB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MACI,EAAA,IAAA,EAAA,CAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,UAAa,IAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,MAC5D,KAAO,EAAA,SAAA,GAAY,OAAQ,CAAA,qBAAA,GAAwB,OAAQ,CAAA,uBAAA;AAAA,MAC3D,IAAM,EAAA;AAAA,KACP,CAAI,GAAA,IAAA,kBAEgBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,SAAA,GAAY,OAAQ,CAAA,qBAAA,GAAwB,OAAQ,CAAA,uBAAA,EAAyB,KAAO,EAAA;AAAA,MACnH,QAAU,EAAA;AAAA,KACZ,EAAA,EACyB,KACL,CACJ,CACJ,CAAA;AAAA,GACjB,CACK,CACJ,CAAA;AACR,CAAA;AACA,yBAAeA,cAAA,CAAM,KAAK,gBAAgB,CAAA"}

package/lib/components/CustomDrawer/CustomDrawer.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {TouchableHighlight}from'react-native';import {SafeAreaView,Box,useLocationChange,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/lib/generated/generated.js';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
+import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {SafeAreaView,TouchableHighlight}from'react-native';import {Box,useLocationChange,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector,shallowEqual}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useOrganizationDetailQuery,useUserOrganizationsQuery}from'../../queries/slackuiQueries.js';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
 const CustomDrawerComponent = (props) => {
   const navigation = useNavigation();
   const user = useSelector(userSelector);
-  const settings = useSelector((state) => state.settings);
+  const settings = useSelector((state) => state.settings, shallowEqual);
   const {
     open,
     setOpen,
@@ -32,7 +32,7 @@ const CustomDrawerComponent = (props) => {
   const {
     data: orgDetailData,
     refetch: _refetchOrgDetail
-  } = useGetOrganizationDetailQuery({
+  } = useOrganizationDetailQuery(orgName, {
     variables: {
       where: {
         name: orgName
@@ -43,7 +43,7 @@ const CustomDrawerComponent = (props) => {
     data: userOrganizationsData,
     loading: isLoadingUsersOrganization,
     refetch: refetchUserOrganizations
-  } = useGetUserOrganizationsQuery({
+  } = useUserOrganizationsQuery({
     variables: {
       userId: user == null ? void 0 : user.id
     }
@@ -89,44 +89,42 @@ const CustomDrawerComponent = (props) => {
     const title = (_a = o == null ? void 0 : o.title) != null ? _a : o.name;
     const matches = (_b = title == null ? void 0 : title.match(/\b(\w)/g)) != null ? _b : "";
     const acronym = Array.isArray(matches) ? (_c = matches == null ? void 0 : matches.join("")) == null ? void 0 : _c.substring(0, 2) : "";
-    return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", activeOpacity: 0.5, key: i, onPress: () => goToOrganization(o.name) }, /* @__PURE__ */ React__default.createElement(HStack, { px: "$2", justifyContent: "space-between", alignItems: "center", w: "100%", py: "$2" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", activeOpacity: 0.5, key: i, onPress: () => goToOrganization(o.name) }, /* @__PURE__ */ React__default.createElement(HStack, { className: "px-2 justify-between items-center w-full py-2" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "items-center" }, /* @__PURE__ */ React__default.createElement(
       Button,
       {
-        px: "$0",
-        py: "$0",
         size: "md",
-        bg: "transparent"
+        className: "px-0 py-0 bg-transparent"
       },
-      /* @__PURE__ */ React__default.createElement(
-        Avatar,
-        {
-          bg: "$trueGray300",
-          size: "md",
-          borderRadius: "$lg",
-          borderWidth: o.name == orgName ? "$2" : "$1",
-          borderColor: o.name == orgName ? "#000" : "#d3d3d3",
-          p: "$0"
-        },
-        /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "$extrabold", color: "$black", style: {
-          fontSize: 18
-        } }, acronym)
-      )
-    ), /* @__PURE__ */ React__default.createElement(Text, { color: "$black", style: {
+      /* @__PURE__ */ React__default.createElement(Avatar, { size: "md", className: `bg-gray-300 rounded-lg border-[${o.name == orgName ? "2" : "1"}px] p-0`, style: {
+        borderColor: o.name == orgName ? "#000" : "#d3d3d3"
+      } }, /* @__PURE__ */ React__default.createElement(Text, { className: "font-extrabold text-black", style: {
+        fontSize: 18
+      } }, acronym))
+    ), /* @__PURE__ */ React__default.createElement(Text, { className: "text-black w-[60%] font-bold", style: {
       fontSize: 16
-    }, w: "60%", fontWeight: "$bold" }, title)), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "lg", pr: "$1" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "more-vert", color: "#000" }))));
+    } }, title)), /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent pr-1", size: "lg" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "more-vert", color: "#000" }))));
   };
-  return /* @__PURE__ */ React__default.createElement(Box, { flex: 1, w: "100%" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Heading, { p: "$5", size: "lg", color: props.titleColor || (settings == null ? void 0 : settings.navTheme) == "dark" ? "white" : "black" }, "Workspaces"), /* @__PURE__ */ React__default.createElement(VStack, { flex: 0.8, space: "sm" }, /* @__PURE__ */ React__default.createElement(FlatList, { flex: 1, keyExtractor: (item, index) => String(index), contentContainerStyle: {
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(
+    Heading,
+    {
+      size: "lg",
+      className: `p-5 text-[${props.titleColor || (settings == null ? void 0 : settings.navTheme) == "dark" ? "text-white" : "text-black"}]`
+    },
+    "Workspaces"
+  ), /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-[0.8]", space: "sm" }, /* @__PURE__ */ React__default.createElement(FlatList, { style: {
+    flex: 1
+  }, keyExtractor: (item, index) => String(index), contentContainerStyle: {
     flexGrow: 1,
     paddingBottom: 80
   }, data: (userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations) && (userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations.length) > 0 ? userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations : [], renderItem: renderWorkspaces, ListEmptyComponent: () => {
-    return /* @__PURE__ */ React__default.createElement(Box, { bg: "#fff", py: "$2" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { px: "$4", py: "$5" }, /* @__PURE__ */ React__default.createElement(Text, null, "No Memebers found"))));
-  }, key: "workspaces-list" })), /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, w: "100%", space: "sm", bg: "$white", position: "absolute", bottom: "$10" }, /* @__PURE__ */ React__default.createElement(Divider, { w: "100%" }), (user == null ? void 0 : user.accessToken) && /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", bg: "transparent", "$pressed-bg": "$trueGray200", justifyContent: "flex-start", onPress: () => addWorkSpace() }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "plus", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$2", style: {
+    return /* @__PURE__ */ React__default.createElement(Box, { className: "bg-white py-2" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 py-5" }, /* @__PURE__ */ React__default.createElement(Text, null, "No Memebers found"))));
+  }, key: "workspaces-list" })), /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 w-full bg-white absolute bottom-10", space: "sm" }, /* @__PURE__ */ React__default.createElement(Divider, { className: "w-full" }), (user == null ? void 0 : user.accessToken) && /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", className: "bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200", onPress: () => addWorkSpace() }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "plus", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "pl-2", style: {
     color: "black",
     fontSize: 15
-  } }, "Add a workspace")), /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", bg: "transparent", "$pressed-bg": "$trueGray200", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "black", name: "settings-outline", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$2", style: {
+  } }, "Add a workspace")), /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", className: "bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "black", name: "settings-outline", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "pl-2", style: {
     color: "black",
     fontSize: 15
-  } }, "Preferences")), /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", bg: "transparent", "$pressed-bg": "$trueGray200", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "black", name: "help-circle-outline", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$2", style: {
+  } }, "Preferences")), /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", className: "bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "black", name: "help-circle-outline", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "pl-2", style: {
     color: "black",
     fontSize: 15
   } }, "Help"))))));
@@ -134,7 +132,9 @@ const CustomDrawerComponent = (props) => {
 const CustomDrawer = (props) => {
   useNavigation();
   const user = useSelector(userSelector);
-  useSelector((state) => state.settings);
-  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1, w: "100%" }, user && (user == null ? void 0 : user.accessToken) ? /* @__PURE__ */ React__default.createElement(CustomDrawerComponent, __spreadValues({}, props)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)));
+  useSelector((state) => state.settings, shallowEqual);
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
+    flex: 1
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full" }, user && (user == null ? void 0 : user.accessToken) ? /* @__PURE__ */ React__default.createElement(CustomDrawerComponent, __spreadValues({}, props)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)));
 };
 var CustomDrawer$1 = React__default.memo(CustomDrawer);export{CustomDrawer$1 as default};//# sourceMappingURL=CustomDrawer.js.map