@messenger-box/slack-ui-mobile 10.0.3-alpha.16 → 10.0.3-alpha.18

package/lib/components/Actionsheet.js

@@ -0,0 +1,88 @@
+import PropTypes from'prop-types';import React__default from'react';import {Modal,View,StyleSheet,TouchableHighlight,Text}from'react-native';import {Center}from'@admin-layout/gluestack-ui-mobile';const PRIMARY_COLOR = "rgb(0,98,255)";
+const WHITE = "#ffffff";
+const BORDER_COLOR = "#DBDBDB";
+const ActionSheet = (props) => {
+  var _a;
+  const {
+    actionItems,
+    isOpen,
+    onCancel
+  } = props;
+  const actionSheetItems = [...actionItems || [], {
+    id: "#cancel",
+    label: "Cancel",
+    onPress: (_a = props == null ? void 0 : props.onCancel) != null ? _a : () => {
+    }
+  }];
+  return /* @__PURE__ */ React__default.createElement(Modal, { visible: isOpen, transparent: true, animationType: "slide", onRequestClose: onCancel, style: {
+    flex: 1,
+    margin: 0,
+    justifyContent: "flex-end"
+  } }, /* @__PURE__ */ React__default.createElement(Center, { className: "flex-1 w-full h-min[40%]  shadow-lg  absolute bottom-0 bg-transparent ", style: {
+    backgroundColor: "transparent"
+  } }, /* @__PURE__ */ React__default.createElement(View, { style: styles.modalContent }, actionSheetItems.map((actionItem, index) => {
+    return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { style: [styles.actionSheetView, index === 0 && {
+      borderTopLeftRadius: 12,
+      borderTopRightRadius: 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: 10,
+      paddingBottom: 10
+    }], 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,
+    width: "100%"
+  },
+  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
+};export{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 } 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 } = props;\n    const actionSheetItems = [\n        ...(actionItems || []),\n        {\n            id: '#cancel',\n            label: 'Cancel',\n            onPress: props?.onCancel ?? (() => {}),\n        },\n    ];\n    return (\n        <Modal\n            visible={isOpen}\n            transparent={true}\n            animationType=\"slide\"\n            onRequestClose={onCancel}\n            style={{\n                flex: 1,\n                margin: 0,\n                justifyContent: 'flex-end',\n            }}\n        >\n            <Center\n                className=\"flex-1 w-full h-min[40%]  shadow-lg  absolute bottom-0 bg-transparent \"\n                style={{ backgroundColor: 'transparent' }}\n            >\n                <View style={styles.modalContent}>\n                    {actionSheetItems.map((actionItem, index) => {\n                        return (\n                            <TouchableHighlight\n                                style={[\n                                    styles.actionSheetView,\n\n                                    index === 0 && {\n                                        borderTopLeftRadius: 12,\n                                        borderTopRightRadius: 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: 10,\n                                            paddingBottom: 10,\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            </Center>\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        width: '100%',\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};\n\n// ActionSheet.defaultProps = {\n//   actionItems: [],\n//   onCancel: () => { },\n//   actionTextColor: null\n// }\n\nexport default ActionSheet;\n"],"names":["React"],"mappings":"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"}

package/lib/components/AppRootContextProviderComponent.js

@@ -1,6 +1,6 @@
-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 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 WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';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) }, 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 from 'react';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <Box className=\"flex-1\">\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    {children}\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </Box>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["React"],"mappings":"mYAIA,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,QAAA,EAAA,+CACX,wBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,gBAAA,EAAoC,+BAAgBA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAgB,CACrF,EAAA,EAAA,QACL,CACJ,CACJ,CAAA;AACR"}

package/lib/components/NavigationHeader/InboxNavigationHeader.js

@@ -60,7 +60,7 @@ import React__default from'react';import {useNavigation,useRoute}from'@react-nav
   }, [channelMembers]);
   if (channelLoading)
     return /* @__PURE__ */ React__default.createElement(LoadingSpinnerDefault, null);
-  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200", onPress: () => navigation == null ? void 0 : navigation.navigate("MainStack", {
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 " }, /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200", onPress: () => navigation == null ? void 0 : navigation.navigate("MainStack", {
     screen: NavigationRoutes.InboxChannelDetail,
     params: {
       channelId
@@ -97,8 +97,13 @@ const InboxHeader = ({
   const matches = defalultTitle.match(/\b(\w)/g);
   const acronym = matches.join("").substring(0, 2);
   return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
-    flex: 1
-  } }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: statusBarType, backgroundColor: statusBarType == "dark" ? "white" : "black" }), /* @__PURE__ */ React__default.createElement(Box, { className: "border-b border-b-gray-200" }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(HStack, { className: "px-1 py-3 bg-white justify-between items-center w-full" }, back ? /* @__PURE__ */ React__default.createElement(
+    flex: 1,
+    backgroundColor: "#fff"
+  } }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: statusBarType, backgroundColor: statusBarType == "dark" ? "white" : "black" }), /* @__PURE__ */ React__default.createElement(Box, { className: " border-b py-4 h-16 pb-10 border-b-gray-200", style: {
+    paddingBottom: 10,
+    backgroundColor: "#fff",
+    borderColor: "#e5e7eb"
+  } }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(HStack, { className: "px-1  bg-white justify-between items-center w-full" }, back ? /* @__PURE__ */ React__default.createElement(
     Button,
     {
       className: "bg-transparent active:bg-gray-200 hover:bg-gray-200",

package/lib/components/NavigationHeader/InboxNavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxNavigationHeader.js","sources":["../../../src/components/NavigationHeader/InboxNavigationHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusEffect, useIsFocused, useNavigation, useRoute } from '@react-navigation/native';\nimport { TouchableHighlight, Pressable, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport { useViewChannelDetailQuery } from 'common/graphql';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { LoadingSpinnerDefault } from '../LoadingSpinner';\n\nconst InboxChannelInfo = React.memo(({ channelId, defalultTitle }: { channelId: string; defalultTitle: string }) => {\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const user = useSelector(userSelector);\n    const titleCharacterLimit: number = 18;\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n    // const channelTitle =\n    //     defaultChannelTitle?.length > titleCharacterLimit\n    //         ? defaultChannelTitle?.substring(0, titleCharacterLimit) + '...'\n    //         : defaultChannelTitle;\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel({ id: channelId?.toString() });\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return null;\n        return channelData?.viewChannelDetail;\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channel?.type) return 'CHANNEL';\n        return channel?.type;\n    }, [channel]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channel?.members || channel?.members?.length == 0) return null;\n        return (\n            channel?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channel]);\n\n    const channelTitle = React.useMemo(() => {\n        const membersNameAsTitle =\n            channelType == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || params?.title || defalultTitle || '';\n        return title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n    }, [channelMembers]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    if (channelLoading) return <LoadingSpinnerDefault />;\n\n    return (\n        <Box className=\"flex-1\">\n            <Button\n                variant={'solid'}\n                className=\"bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200\"\n                onPress={() =>\n                    navigation?.navigate('MainStack', {\n                        screen: NavigationRoutes.InboxChannelDetail,\n                        params: { channelId },\n                    })\n                }\n            >\n                <VStack>\n                    <HStack className=\"items-center\">\n                        <Box>\n                            {memberImage ? (\n                                <Avatar key={'inbox-channel-member-image-key'} size={'sm'} className=\"bg-transparent\">\n                                    <AvatarFallbackText>{startCase(params?.title?.charAt(0) ?? '')}</AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"inbox header image\"\n                                        style={{\n                                            width: 30,\n                                            height: 30,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: memberImage,\n                                        }}\n                                    />\n                                    <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                                </Avatar>\n                            ) : channelType == RoomType.Channel ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"hash\" size={18} />\n                                </Text>\n                            ) : channelType === RoomType.Private ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                                </Text>\n                            ) : (\n                                <></>\n                            )}\n                        </Box>\n                        <Text\n                            style={{ fontSize: 18 }}\n                            numberOfLines={1}\n                            className=\"px-2 text-black flex-wrap font-bold\"\n                        >\n                            {channelTitle}\n                        </Text>\n                    </HStack>\n                    <HStack>\n                        {!memberImage && channel?.members?.length > 0 && (\n                            <Text className=\"px-2 text-gray-600\">\n                                {channel?.members?.length} {channel?.members?.length > 1 ? 'members' : 'member'}\n                            </Text>\n                        )}\n                    </HStack>\n                </VStack>\n            </Button>\n        </Box>\n    );\n});\n\nconst InboxHeader = ({ back, showToggle = null, showFilter = null, statusBarType = 'dark' }: any) => {\n    //const channelType = route?.params?.channelType || 'CHANNEL';\n    const currentOptions = navigationRef?.current?.getCurrentOptions();\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const defalultTitle = currentOptions ? getHeaderTitle(currentOptions, name) : params?.title;\n    const matches: any = defalultTitle.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n    // const defaultChannelTitle = route?.params?.title || title || '';\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <StatusBar style={statusBarType} backgroundColor={statusBarType == 'dark' ? 'white' : 'black'} />\n            <Box className=\"border-b border-b-gray-200\">\n                <VStack>\n                    <HStack className=\"px-1 py-3 bg-white justify-between items-center w-full\">\n                        {back ? (\n                            <Button\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() =>\n                                    params?.goToHome\n                                        ? navigation?.navigate('MainStack', { screen: NavigationRoutes.Home })\n                                        : navigation?.goBack()\n                                }\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                size={'md'}\n                                className=\"mx-2 px-2 py-2 bg-gray-300 active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar className=\"bg-transparent \" size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        {params?.channelId && (\n                            <InboxChannelInfo channelId={params?.channelId} defalultTitle={defalultTitle} />\n                        )}\n\n                        <Button\n                            variant=\"solid\"\n                            className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                            //$pressed-backgroundColor={'$trueGray600'}\n                            size={'md'}\n                        >\n                            <Feather color={'black'} size={20} name=\"headphones\" />\n                        </Button>\n\n                        {params?.addMember && (\n                            <Button\n                                className=\"bg-transparent active:bg-transparent hover:bg-transparent\"\n                                onPress={() =>\n                                    navigation.navigate('MainStack', {\n                                        screen: NavigationRoutes.AddPeople,\n                                        params: {\n                                            channelId: params?.channelId,\n                                            addMember: params?.addMember,\n                                            orgName: params?.orgName,\n                                        },\n                                    })\n                                }\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={20} name=\"addusergroup\" />\n                            </Button>\n                        )}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxHeader;\n\n//export default React.memo(InboxNavigationHeader);\n"],"names":["React","_a","_b","_c","_d"],"mappings":"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"}
+{"version":3,"file":"InboxNavigationHeader.js","sources":["../../../src/components/NavigationHeader/InboxNavigationHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusEffect, useIsFocused, useNavigation, useRoute } from '@react-navigation/native';\nimport { TouchableHighlight, Pressable, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport { useViewChannelDetailQuery } from 'common/graphql';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { LoadingSpinnerDefault } from '../LoadingSpinner';\n\nconst InboxChannelInfo = React.memo(({ channelId, defalultTitle }: { channelId: string; defalultTitle: string }) => {\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const user = useSelector(userSelector);\n    const titleCharacterLimit: number = 18;\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n    // const channelTitle =\n    //     defaultChannelTitle?.length > titleCharacterLimit\n    //         ? defaultChannelTitle?.substring(0, titleCharacterLimit) + '...'\n    //         : defaultChannelTitle;\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel({ id: channelId?.toString() });\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return null;\n        return channelData?.viewChannelDetail;\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channel?.type) return 'CHANNEL';\n        return channel?.type;\n    }, [channel]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channel?.members || channel?.members?.length == 0) return null;\n        return (\n            channel?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channel]);\n\n    const channelTitle = React.useMemo(() => {\n        const membersNameAsTitle =\n            channelType == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || params?.title || defalultTitle || '';\n        return title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n    }, [channelMembers]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    if (channelLoading) return <LoadingSpinnerDefault />;\n\n    return (\n        // <SafeAreaView style={{flex:1}}>\n        <Box className=\"flex-1 \">\n            <Button\n                variant={'solid'}\n                className=\"bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200\"\n                onPress={() =>\n                    navigation?.navigate('MainStack', {\n                        screen: NavigationRoutes.InboxChannelDetail,\n                        params: { channelId },\n                    })\n                }\n            >\n                <VStack>\n                    <HStack className=\"items-center\">\n                        <Box>\n                            {memberImage ? (\n                                <Avatar key={'inbox-channel-member-image-key'} size={'sm'} className=\"bg-transparent\">\n                                    <AvatarFallbackText>{startCase(params?.title?.charAt(0) ?? '')}</AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"inbox header image\"\n                                        style={{\n                                            width: 30,\n                                            height: 30,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: memberImage,\n                                        }}\n                                    />\n                                    <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                                </Avatar>\n                            ) : channelType == RoomType.Channel ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"hash\" size={18} />\n                                </Text>\n                            ) : channelType === RoomType.Private ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                                </Text>\n                            ) : (\n                                <></>\n                            )}\n                        </Box>\n                        <Text\n                            style={{ fontSize: 18 }}\n                            numberOfLines={1}\n                            className=\"px-2 text-black flex-wrap font-bold\"\n                        >\n                            {channelTitle}\n                        </Text>\n                    </HStack>\n                    <HStack>\n                        {!memberImage && channel?.members?.length > 0 && (\n                            <Text className=\"px-2 text-gray-600\">\n                                {channel?.members?.length} {channel?.members?.length > 1 ? 'members' : 'member'}\n                            </Text>\n                        )}\n                    </HStack>\n                </VStack>\n            </Button>\n        </Box>\n        // </SafeAreaView>\n    );\n});\n\nconst InboxHeader = ({ back, showToggle = null, showFilter = null, statusBarType = 'dark' }: any) => {\n    //const channelType = route?.params?.channelType || 'CHANNEL';\n    const currentOptions = navigationRef?.current?.getCurrentOptions();\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const defalultTitle = currentOptions ? getHeaderTitle(currentOptions, name) : params?.title;\n    const matches: any = defalultTitle.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n    // const defaultChannelTitle = route?.params?.title || title || '';\n    return (\n        <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }}>\n            <StatusBar style={statusBarType} backgroundColor={statusBarType == 'dark' ? 'white' : 'black'} />\n            <Box\n                className=\" border-b py-4 h-16 pb-10 border-b-gray-200\"\n                style={{ paddingBottom: 10, backgroundColor: '#fff', borderColor: '#e5e7eb' }}\n            >\n                <VStack>\n                    <HStack className=\"px-1  bg-white justify-between items-center w-full\">\n                        {back ? (\n                            <Button\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() =>\n                                    params?.goToHome\n                                        ? navigation?.navigate('MainStack', { screen: NavigationRoutes.Home })\n                                        : navigation?.goBack()\n                                }\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                size={'md'}\n                                className=\"mx-2 px-2 py-2 bg-gray-300 active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar className=\"bg-transparent \" size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        {params?.channelId && (\n                            <InboxChannelInfo channelId={params?.channelId} defalultTitle={defalultTitle} />\n                        )}\n\n                        <Button\n                            variant=\"solid\"\n                            className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                            //$pressed-backgroundColor={'$trueGray600'}\n                            size={'md'}\n                        >\n                            <Feather color={'black'} size={20} name=\"headphones\" />\n                        </Button>\n\n                        {params?.addMember && (\n                            <Button\n                                className=\"bg-transparent active:bg-transparent hover:bg-transparent\"\n                                onPress={() =>\n                                    navigation.navigate('MainStack', {\n                                        screen: NavigationRoutes.AddPeople,\n                                        params: {\n                                            channelId: params?.channelId,\n                                            addMember: params?.addMember,\n                                            orgName: params?.orgName,\n                                        },\n                                    })\n                                }\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={20} name=\"addusergroup\" />\n                            </Button>\n                        )}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxHeader;\n\n//export default React.memo(InboxNavigationHeader);\n"],"names":["React","_a","_b","_c","_d"],"mappings":"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"}

package/lib/components/NavigationHeader/NavigationHeader.js

@@ -78,7 +78,7 @@ const CustomNavigationHeader = (_a) => {
   const offset = React__default.useRef(new Animated.Value(headerAnimationOffsetValue)).current;
   const title = (_b2 = (_a2 = getHeaderTitle) == null ? void 0 : _a2(options, route.name)) != null ? _b2 : "Home";
   const matches = (user == null ? void 0 : user.accessToken) && showOrganizationTitle && (organizationDetail == null ? void 0 : organizationDetail.title) ? (_d = (_c = organizationDetail == null ? void 0 : organizationDetail.title) == null ? void 0 : _c.match(/\b(\w)/g)) != null ? _d : orgName : (_e = title == null ? void 0 : title.match(/\b(\w)/g)) != null ? _e : "";
-  const acronym = Array.isArray(matches) ? (_g = (_f = matches == null ? void 0 : matches.join(" ")) == null ? void 0 : _f.substring(0, 2)) == null ? void 0 : _g.toUpperCase() : "";
+  const acronym = Array.isArray(matches) ? (_g = (_f = matches == null ? void 0 : matches.join("")) == null ? void 0 : _f.substring(0, 2)) == null ? void 0 : _g.toUpperCase() : "";
   const isHeaderTitleString = typeof (options == null ? void 0 : options.headerTitle) === "string" || (options == null ? void 0 : options.headerTitle) instanceof String;
   React__default.useEffect(() => {
     if (headerAnimationOffsetValue && offset) {
@@ -127,7 +127,7 @@ const CustomNavigationHeader = (_a) => {
     {
       variant: "solid",
       size: "md",
-      className: `bg-transparent rounded-md active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]`,
+      className: `bg-transparent rounded-none active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]`,
       onPress: () => navigation == null ? void 0 : navigation.navigate(NavigationRoutes.UserAccount)
     },
     /* @__PURE__ */ React__default.createElement(Avatar, { key: "profile-image-key", size: "sm", className: "bg-transparent", style: {
@@ -135,12 +135,10 @@ const CustomNavigationHeader = (_a) => {
     } }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_n = (_m = user == null ? void 0 : user.profile) == null ? void 0 : _m.given_name) == null ? void 0 : _n.charAt(0))), ((_o = user == null ? void 0 : user.profile) == null ? void 0 : _o.picture) && /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
       width: 35,
       height: 30,
-      borderRadius: 6,
-      borderWidth: 2,
       borderColor: "#fff"
     }, source: {
       uri: (_p = user == null ? void 0 : user.profile) == null ? void 0 : _p.picture
-    } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { className: "bg-green-800", style: {
+    }, className: "rounded-none" }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { className: "bg-green-800", style: {
       width: 10,
       height: 10
     } }))
@@ -162,9 +160,11 @@ const DefalutSearchComponent = React__default.memo(({
       Keyboard.dismiss();
     navigation.navigate(NavigationRoutes.Search);
   }, [navigation]);
-  return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: `flex-1 items-center ${showFilter ? "w-[85%]" : "w-full"}  rounded-xl border-transparent  bg-[${Colors.primaryBgLightColor}]`, style: {
+  return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: `flex-1 items-center ${showFilter ? "w-[85%]" : "w-full"}  rounded-xl border-transparent  bg-[${Colors.primaryBgLightColor}]  dark:bg-transparent`, style: {
     backgroundColor: Colors.primaryBgLightColor
-  } }, /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent", size: "xs", onPress: () => console.log("mic") }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, color: "white", name: "search" })), /* @__PURE__ */ React__default.createElement(Button, { onPress: () => goToSearch(), variant: "solid", className: `bg-transparent flex-1 pl-0 justify-start active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]` }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
+  } }, /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent", size: "xs", onPress: () => console.log("mic") }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, color: "white", name: "search" })), /* @__PURE__ */ React__default.createElement(Button, { onPress: () => goToSearch(), variant: "solid", className: `bg-transparent flex-1 pl-0 justify-start active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]  dark:bg-transparent`, style: {
+    backgroundColor: "transparent"
+  } }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
     fontSize: 15,
     color: "white"
   } }, "Jump to or search....")), /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent", size: "xs", onPress: () => console.log("mic") }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, color: "white", name: "mic-outline" })));
@@ -179,9 +179,12 @@ const SearchInputComponent = React__default.memo(({
       inputRef.current = null;
     navigation.goBack(null);
   }, [navigation, inputRef]);
-  return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: `items-center w-full rounded-xl border-transparent  flex-1 bg-[${Colors.primaryBgLightColor}] bg-transparent dark:bg-transparent`, style: {
-    backgroundColor: Colors.primaryBgLightColor
-  } }, /* @__PURE__ */ React__default.createElement(Input, { ref: inputRef, className: `flex-1 w-full border-transparent bg-[${Colors.primaryBgLightColor}]` }, /* @__PURE__ */ React__default.createElement(InputSlot, { className: "pl-3" }, /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent", size: "xs", onPress: () => goBack == null ? void 0 : goBack() }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, name: "chevron-back-sharp", color: "white" }))), /* @__PURE__ */ React__default.createElement(InputField, { placeholder: "Jump to or search...", placeholderTextColor: "white", style: {
+  return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: `items-center w-full rounded-xl   flex-1 bg-[${Colors.primaryBgLightColor}] bg-transparent dark:bg-transparent`, style: {
+    backgroundColor: Colors.primaryBgLightColor,
+    borderColor: "#fff"
+  } }, /* @__PURE__ */ React__default.createElement(Input, { ref: inputRef, style: {
+    borderColor: "transparent"
+  }, className: `flex-1 w-full border-transparent bg-[${Colors.primaryBgLightColor}]` }, /* @__PURE__ */ React__default.createElement(InputSlot, { className: "pl-3" }, /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent", size: "xs", onPress: () => goBack == null ? void 0 : goBack() }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, name: "chevron-back-sharp", color: "white" }))), /* @__PURE__ */ React__default.createElement(InputField, { placeholder: "Jump to or search...", placeholderTextColor: "white", style: {
     fontSize: 15
   }, autoFocus: true, className: `bg-[${Colors.primaryBgLightColor}] border-transparent rounded-xl` }), /* @__PURE__ */ React__default.createElement(InputSlot, { className: "pr-3" }, /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent", size: "xs", onPress: () => console.log("mic") }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, color: "white", name: "mic-outline" })))));
 });

package/lib/components/NavigationHeader/NavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeader.js","sources":["../../../src/components/NavigationHeader/NavigationHeader.tsx"],"sourcesContent":["import { useNavigation, useFocusEffect } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View, Dimensions, Keyboard, Animated, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Input,\n    InputField,\n    InputSlot,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector } from '@adminide-stack/user-auth0-client';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport Colors from '../../constants/Colors';\nimport { navigationRef } from '@common-stack/client-react';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst CustomNavigationHeader = ({\n    navigation,\n    route,\n    options,\n    back,\n    backBtnColor = 'white',\n    showToggle = null,\n    showFilter = null,\n    customHeader = null,\n    showTitle = true,\n    titleColor = 'white',\n    showOrganizationTitle = false,\n    showProfile = true,\n    isSearchBack = null,\n    showDefaultSearchBox = true,\n    statusBarType = 'light',\n    headerBgColor = Colors.primaryBgColor,\n    ...props\n}: any) => {\n    const [statusBarStyle, setStatusBarStyle] = React.useState<any>(statusBarType);\n    const { orgName, organizationDetail, open, setOpen, headerAnimationOffsetValue } = useDrawerLayout();\n    //const user = useSelector((state: any) => state?.user);\n    const headerInputRef = React.useRef(null);\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector, shallowEqual);\n    const offset = React.useRef(new Animated.Value(headerAnimationOffsetValue)).current;\n    // const title = user?.accessToken ? getHeaderTitle?.(options, route.name) ?? 'Home' : 'Home';\n    const title = getHeaderTitle?.(options, route.name) ?? 'Home';\n    const matches: any =\n        user?.accessToken && showOrganizationTitle && organizationDetail?.title\n            ? organizationDetail?.title?.match(/\\b(\\w)/g) ?? orgName\n            : title?.match(/\\b(\\w)/g) ?? '';\n    const acronym: any = Array.isArray(matches) ? matches?.join(' ')?.substring(0, 2)?.toUpperCase() : ''; // JSON\n    const isHeaderTitleString = typeof options?.headerTitle === 'string' || options?.headerTitle instanceof String;\n    React.useEffect(() => {\n        if (headerAnimationOffsetValue && offset) {\n            offset.setValue(headerAnimationOffsetValue);\n        }\n    }, [headerAnimationOffsetValue]);\n\n    React.useEffect(() => {\n        if (open) setStatusBarStyle('dark');\n        else setStatusBarStyle(statusBarType);\n    }, [open, statusBarType]);\n\n    const toggleDrawer = React.useCallback(() => {\n        setOpen((pre: boolean) => !pre);\n    }, []);\n    // const toggleDrawer = () => {\n    //     setOpen((pre: boolean) => !pre);\n    // };\n\n    return (\n        <>\n            <StatusBar style={statusBarStyle} />\n            {/* <StatusBar backgroundColor={'black'} barStyle={'light-content'} /> */}\n            <SafeAreaView style={{ backgroundColor: headerBgColor }}>\n                <Box className={`bg-[${headerBgColor}]`} style={options?.headerStyle ?? {}}>\n                    <Animated.View\n                        style={{\n                            transform: [\n                                {\n                                    translateY: offset.interpolate({\n                                        inputRange: [100, 200],\n                                        outputRange: [0, -1],\n                                        extrapolateLeft: 'clamp',\n                                    }),\n                                },\n                            ],\n                        }}\n                    >\n                        {customHeader ? (\n                            <HStack\n                                className={`bg-[${headerBgColor}] px-1 py-3 justify-between items-center w-full flex-1`}\n                            >\n                                {customHeader}\n                            </HStack>\n                        ) : (\n                            <VStack className={`bg-[${headerBgColor}] py-3 px-2`} space={'sm'}>\n                                <HStack className=\"px-1 justify-between w-full\">\n                                    <HStack space={'sm'} className=\"items-center w-[85%] rounded-xl\">\n                                        {back ? (\n                                            <Button\n                                                size={'sm'}\n                                                className=\"bg-transparent\"\n                                                onPress={() => navigation.goBack()}\n                                            >\n                                                <Ionicons size={30} name=\"chevron-back-sharp\" color={backBtnColor} />\n                                            </Button>\n                                        ) : showToggle && headerAnimationOffsetValue === 0 ? (\n                                            <Button\n                                                variant={'solid'}\n                                                size={'xs'}\n                                                className={`px-2 py-0.5 items-center rounded-md bg-white`}\n                                                disabled={!user?.accessToken ? true : false}\n                                                onPress={() => {\n                                                    if (user?.accessToken) {\n                                                        if (props?.navigation) navigation.toggleDrawer();\n                                                        else toggleDrawer();\n                                                    }\n                                                }}\n                                            >\n                                                <ButtonText\n                                                    className=\"py-0\"\n                                                    style={{ color: '#000', fontWeight: '600' }}\n                                                >\n                                                    {startCase(acronym)}\n                                                </ButtonText>\n                                                {/* <Avatar bg={'transparent'}>\n                                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                                        {startCase(acronym)}\n                                                    </AvatarFallbackText>\n                                                </Avatar> */}\n                                            </Button>\n                                        ) : (\n                                            <></>\n                                        )}\n                                        {!isHeaderTitleString &&\n                                            options?.headerTitle?.() &&\n                                            headerAnimationOffsetValue === 0 && <Box>{options?.headerTitle?.()}</Box>}\n                                        {showTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: titleColor }}>\n                                                {startCase(title)}\n                                            </Text>\n                                        )}\n\n                                        {showOrganizationTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: 'white' }}>\n                                                {user?.accessToken\n                                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                                    : 'Home'}\n                                            </Text>\n                                        )}\n                                    </HStack>\n                                    <HStack>\n                                        {showProfile && headerAnimationOffsetValue === 0 && user?.accessToken && (\n                                            <Button\n                                                variant={'solid'}\n                                                size={'md'}\n                                                className={`bg-transparent rounded-md active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]`}\n                                                // _pressed={{ bg: Colors.primaryBgLightColor }}\n                                                onPress={() => navigation?.navigate(NavigationRoutes.UserAccount)}\n                                            >\n                                                <Avatar\n                                                    key={'profile-image-key'}\n                                                    size={'sm'}\n                                                    className=\"bg-transparent\"\n                                                    style={{ borderRadius: 'none' }}\n                                                >\n                                                    <AvatarFallbackText>\n                                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                                    </AvatarFallbackText>\n                                                    {user?.profile?.picture && (\n                                                        <AvatarImage\n                                                            alt={'image'}\n                                                            style={{\n                                                                width: 35,\n                                                                height: 30,\n                                                                borderRadius: 6,\n                                                                borderWidth: 2,\n                                                                borderColor: '#fff',\n                                                            }}\n                                                            source={{\n                                                                uri: user?.profile?.picture,\n                                                            }}\n                                                        />\n                                                    )}\n                                                    <AvatarBadge\n                                                        className=\"bg-green-800\"\n                                                        style={{ width: 10, height: 10 }}\n                                                    />\n                                                </Avatar>\n                                            </Button>\n                                        )}\n                                    </HStack>\n                                </HStack>\n\n                                <HStack\n                                    className={`px-1 justify-between w-full ${user?.accessToken ? 'flex' : 'hidden'}`}\n                                    //style={{ display: user?.accessToken ? 'block' : 'none' }}\n                                >\n                                    {!showFilter && isSearchBack ? (\n                                        <SearchInputComponent navigation={navigation} inputRef={headerInputRef} />\n                                    ) : (\n                                        showDefaultSearchBox && (\n                                            <DefalutSearchComponent navigation={navigation} showFilter={showFilter} />\n                                        )\n                                    )}\n                                    {user?.accessToken && showFilter && (\n                                        <Button className={`bg-pink-500 rounded-sm`} size={'sm'}>\n                                            <Ionicons name={'filter'} size={18} color={'#fff'} />\n                                        </Button>\n                                    )}\n                                </HStack>\n\n                                {/* <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <HStack alignItems=\"center\">\n                                    {back ? (\n                                        <IconButton\n                                            onPress={() => navigation.goBack()}\n                                            icon={\n                                                <Icon size={'lg'} as={MaterialIcons} name=\"arrow-back\" color=\"white\" />\n                                            }\n                                        />\n                                    ) : showToggle ? (\n                                        <IconButton\n                                            mx={2}\n                                            px={2}\n                                            py={2}\n                                            size={6}\n                                            bg={Colors.toggleButtonBgColor}\n                                            disabled={!user?.accessToken ? true : false}\n                                            onPress={() => {\n                                                if (user?.accessToken) {\n                                                    if (props?.navigation) navigation.toggleDrawer();\n                                                    else toggleDrawer();\n                                                }\n                                            }}\n                                            icon={\n                                                <Avatar\n                                                    bg={'transparent'}\n                                                    size={8}\n                                                    _text={{ color: '#000', fontWeight: 600 }}\n                                                >\n                                                    {acronym}\n                                                </Avatar>\n                                            }\n                                        />\n                                    ) : (\n                                        <></>\n                                    )}\n\n                                    <Text px={2} color=\"white\" fontSize=\"20\" fontWeight=\"bold\">\n                                        {startCase(title)}\n                                    </Text>\n                                </HStack>\n                            </Box>\n                            <Box>\n                                <Button\n                                    bg={'transparent'}\n                                    variant={'ghost'}\n                                    _pressed={{ bg: Colors.primaryButtonPressBgColor }}\n                                >\n                                    <Avatar\n                                        key={'profile-image-key'}\n                                        size={'sm'}\n                                        bg={'transparent'}\n                                        _image={{\n                                            style: {\n                                                width: 30,\n                                                height: 30,\n                                                borderRadius: 6,\n                                                borderWidth: 2,\n                                                borderColor: '#fff',\n                                            },\n                                        }}\n                                        source={{\n                                            uri: user?.profile?.picture,\n                                        }}\n                                    >\n                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                        <Avatar.Badge bg=\"green.800\" />\n                                    </Avatar>\n                                </Button>\n                            </Box>\n                        </HStack>\n                        <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <Input\n                                    InputLeftElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={6} color=\"white\" as={Ionicons} name=\"search\" />}\n                                        />\n                                    }\n                                    InputRightElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={'sm'} color=\"white\" as={Ionicons} name=\"mic-outline\" />}\n                                        />\n                                    }\n                                    size=\"md\"\n                                    placeholder=\"Jump to or search...\"\n                                    variant=\"filled\"\n                                    bg={Colors.primaryBgLightColor}\n                                    borderColor={'transparent'}\n                                    rounded={'xl'}\n                                    placeholderTextColor={'white'}\n                                    fontSize={15}\n                                    mx={2}\n                                    px={2}\n                                    w={'85%'}\n                                />\n                            </Box>\n                            <Box>\n                                {user?.accessToken && showFilter && (\n                                    <IconButton\n                                        bg={Colors.primaryBgLightColor}\n                                        rounded={'xl'}\n                                        size={'md'}\n                                        icon={<Ionicons name={'ios-filter'} size={18} color={'#fff'} />}\n                                    />\n                                )}\n                            </Box>\n                        </HStack> */}\n                            </VStack>\n                        )}\n                    </Animated.View>\n                </Box>\n            </SafeAreaView>\n        </>\n    );\n};\n\nexport const DefalutSearchComponent = React.memo(({ navigation, showFilter }: any) => {\n    const goToSearch = React.useCallback(() => {\n        if (Keyboard) Keyboard.dismiss();\n        navigation.navigate(NavigationRoutes.Search);\n    }, [navigation]);\n\n    return (\n        <HStack\n            space={'sm'}\n            className={`flex-1 items-center ${showFilter ? 'w-[85%]' : 'w-full'}  rounded-xl border-transparent  bg-[${\n                Colors.primaryBgLightColor\n            }]`}\n            style={{ backgroundColor: Colors.primaryBgLightColor }}\n        >\n            <Button className=\"bg-transparent\" size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"search\" />\n            </Button>\n            <Button\n                onPress={() => goToSearch()}\n                variant={'solid'}\n                className={`bg-transparent flex-1 pl-0 justify-start active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]`}\n            >\n                <ButtonText style={{ fontSize: 15, color: 'white' }}>Jump to or search....</ButtonText>\n            </Button>\n\n            <Button className=\"bg-transparent\" size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n            </Button>\n        </HStack>\n    );\n});\n\nexport const SearchInputComponent = React.memo(({ navigation, inputRef }: any) => {\n    const goBack = React.useCallback(() => {\n        Keyboard.dismiss();\n        if (inputRef.current) inputRef.current = null;\n        navigation.goBack(null);\n    }, [navigation, inputRef]);\n\n    return (\n        <HStack\n            space={'sm'}\n            className={`items-center w-full rounded-xl border-transparent  flex-1 bg-[${Colors.primaryBgLightColor}] bg-transparent dark:bg-transparent`}\n            style={{ backgroundColor: Colors.primaryBgLightColor }}\n        >\n            <Input ref={inputRef} className={`flex-1 w-full border-transparent bg-[${Colors.primaryBgLightColor}]`}>\n                <InputSlot className=\"pl-3\">\n                    <Button className=\"bg-transparent\" size={'xs'} onPress={() => goBack?.()}>\n                        <Ionicons size={20} name=\"chevron-back-sharp\" color=\"white\" />\n                    </Button>\n                </InputSlot>\n                <InputField\n                    placeholder=\"Jump to or search...\"\n                    placeholderTextColor={'white'}\n                    style={{ fontSize: 15 }}\n                    autoFocus={true}\n                    className={`bg-[${Colors.primaryBgLightColor}] border-transparent rounded-xl`}\n                />\n                <InputSlot className=\"pr-3\">\n                    <Button className=\"bg-transparent\" size={'xs'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                </InputSlot>\n            </Input>\n\n            {/* <Input\n                ref={inputRef}\n                InputLeftElement={\n                    <>\n                        <Button bg={'transparent'} onPress={() => goBack()}>\n                            <Ionicons size={20} name=\"md-chevron-back-sharp\" color=\"white\" />\n                        </Button>\n                    </>\n                }\n                InputRightElement={\n                    <Button bg={'transparent'} size={'sm'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                }\n                placeholder=\"Jump to or search...\"\n                bg={Colors.primaryBgLightColor}\n                borderColor={'transparent'}\n                rounded={'xl'}\n                placeholderTextColor={'white'}\n                fontSize={15}\n                autoFocus={true}\n            /> */}\n        </HStack>\n    );\n});\n\n// const NavigationHeader = (props: any) => {\n//     const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n//     return !user?.accessToken ? (\n//         <>\n//             <StatusBar style={props?.statusBarType ?? 'light'} />\n//             <SafeAreaView>\n//                 <Box\n//                     bg={props?.headerBgColor ?? Colors.primaryBgColor}\n//                     style={props?.options?.headerStyle ?? {}}\n//                     pb={'$4'}\n//                 />\n//             </SafeAreaView>\n//         </>\n//     ) : (\n//         <CustomNavigationHeader {...props} />\n//     );\n// };\n\nconst NavigationHeader = (props: any) => {\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector, shallowEqual);\n    return !user?.accessToken ? (\n        <Box\n            className={`pb-2 bg-[${props?.headerBgColor ?? Colors.primaryBgColor}]`}\n            style={props?.options?.headerStyle ?? {}}\n        />\n    ) : (\n        <CustomNavigationHeader {...props} />\n    );\n};\n\nexport default React.memo(NavigationHeader);\n"],"names":["_a","_b","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeoB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AACxB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AAC9C,MAAM,sBAAA,GAAyB,CAAC,EAkBrB,KAAA;AAlBqB,EAC9B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAe,GAAA,OAAA;AAAA,IACf,UAAa,GAAA,IAAA;AAAA,IACb,UAAa,GAAA,IAAA;AAAA,IACb,YAAe,GAAA,IAAA;AAAA,IACf,SAAY,GAAA,IAAA;AAAA,IACZ,UAAa,GAAA,OAAA;AAAA,IACb,qBAAwB,GAAA,KAAA;AAAA,IACxB,WAAc,GAAA,IAAA;AAAA,IACd,YAAe,GAAA,IAAA;AAAA,IACf,oBAAuB,GAAA,IAAA;AAAA,IACvB,aAAgB,GAAA,OAAA;AAAA,IAChB,gBAAgB,MAAO,CAAA;AAAA,GAjCzB,GAiBgC,EAiB3B,EAAA,KAAA,GAAA,SAAA,CAjB2B,EAiB3B,EAAA;AAAA,IAhBH,YAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,uBAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,sBAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAjCF,EAAA,IAAAA,KAAAC,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAoCE,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAC,cAAA,CAAM,SAAc,aAAa,CAAA;AAC7E,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,kBAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AAEpB,EAAM,MAAA,cAAA,GAAiBA,cAAM,CAAA,MAAA,CAAO,IAAI,CAAA;AACxC,EAAM,MAAA,IAAA,GAAY,WAAoC,CAAA,YAAA,EAAc,YAAY,CAAA;AAChF,EAAM,MAAA,MAAA,GAASA,eAAM,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,0BAA0B,CAAC,CAAE,CAAA,OAAA;AAE5E,EAAM,MAAA,KAAA,GAAA,CAAQD,OAAAD,GAAA,GAAA,cAAA,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAiB,OAAS,EAAA,KAAA,CAAM,IAAhC,CAAA,KAAA,IAAA,GAAAC,GAAyC,GAAA,MAAA;AACvD,EAAA,MAAM,WAAe,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,WAAA,KAAe,qBAAyB,KAAA,kBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,kBAAA,CAAoB,UAAQ,EAAoB,GAAA,CAAA,EAAA,GAAA,kBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,kBAAA,CAAA,KAAA,KAApB,IAA2B,GAAA,MAAA,GAAA,EAAA,CAAA,KAAA,CAAM,eAAjC,IAA+C,GAAA,EAAA,GAAA,OAAA,GAAA,CAAU,EAAO,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,KAAA,CAAM,eAAb,IAA2B,GAAA,EAAA,GAAA,EAAA;AACnL,EAAA,MAAM,OAAe,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAO,CAAI,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,IAAK,CAAA,GAAA,CAAA,KAAd,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,SAAA,CAAU,CAAG,EAAA,CAAA,CAAA,KAAjC,mBAAqC,WAAgB,EAAA,GAAA,EAAA;AACnG,EAAA,MAAM,sBAAsB,QAAO,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,WAAgB,CAAA,KAAA,QAAA,IAAA,CAAY,mCAAS,WAAuB,aAAA,MAAA;AACxG,EAAAC,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,8BAA8B,MAAQ,EAAA;AACxC,MAAA,MAAA,CAAO,SAAS,0BAA0B,CAAA;AAAA;AAC5C,GACF,EAAG,CAAC,0BAA0B,CAAC,CAAA;AAC/B,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAI,IAAA,IAAA;AAAM,MAAA,iBAAA,CAAkB,MAAM,CAAA;AAAA;AAAO,MAAA,iBAAA,CAAkB,aAAa,CAAA;AAAA,GACvE,EAAA,CAAC,IAAM,EAAA,aAAa,CAAC,CAAA;AACxB,EAAM,MAAA,YAAA,GAAeA,cAAM,CAAA,WAAA,CAAY,MAAM;AAC3C,IAAQ,OAAA,CAAA,CAAC,GAAiB,KAAA,CAAC,GAAG,CAAA;AAAA,GAChC,EAAG,EAAE,CAAA;AAKL,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,+CACI,SAAU,EAAA,EAAA,KAAA,EAAO,gBAAgB,CAElC,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC3B,eAAiB,EAAA;AAAA,uBAENA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,CAAA,IAAA,EAAO,kBAAkB,KAAO,EAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,WAAT,KAAA,IAAA,GAAA,EAAA,GAAwB,EACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,CAAA,IAAA,EAAT,EAAc,KAAO,EAAA;AAAA,IAChC,WAAW,CAAC;AAAA,MACV,UAAA,EAAY,OAAO,WAAY,CAAA;AAAA,QAC7B,UAAA,EAAY,CAAC,GAAA,EAAK,GAAG,CAAA;AAAA,QACrB,WAAA,EAAa,CAAC,CAAA,EAAG,EAAE,CAAA;AAAA,QACnB,eAAiB,EAAA;AAAA,OAClB;AAAA,KACF;AAAA,GAEc,EAAA,EAAA,YAAA,mBAAgBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAW,EAAA,CAAA,IAAA,EAAO,aACjC,CAAA,sDAAA,CAAA,EAAA,EAAA,YACL,CAAY,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,SAAA,EAAW,OAAO,aAA4B,CAAA,WAAA,CAAA,EAAA,KAAA,EAAO,IACrE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,SAAA,EAAU,6BACd,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAO,EAAA,IAAA,EAAM,SAAU,EAAA,iCAAA,EAAA,EAC1B,IAAO,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,MAAM,SAAU,EAAA,gBAAA,EAAiB,OAAS,EAAA,MAAM,UAAW,CAAA,MAAA,EACzE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,IAAA,EAAK,oBAAqB,EAAA,KAAA,EAAO,YAAc,EAAA,CACvE,IAAY,UAAc,IAAA,0BAAA,KAA+B,CAAI,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,OAAS,EAAA,IAAA,EAAM,MAAM,SAAW,EAAA,CAAA,4CAAA,CAAA,EAAgD,QAAU,EAAA,EAAC,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,WAAA,CAAA,GAAc,IAAO,GAAA,KAAA,EAAO,SAAS,MAAM;AACpP,IAAA,IAAI,6BAAM,WAAa,EAAA;AACrB,MAAA,IAAI,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,UAAA;AAAY,QAAA,UAAA,CAAW,YAAa,EAAA;AAAA;AAAO,QAAa,YAAA,EAAA;AAAA;AACrE,GAE8B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,QAAO,KAAO,EAAA;AAAA,IAChE,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA;AAAA,GACd,EAAA,EACmC,SAAU,CAAA,OAAO,CACtB,CAMJ,CAAY,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CACjB,EAAA,CAAC,mBAAuB,KAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,WAAT,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAA4B,+BAA+B,CAAK,oBAAAA,cAAA,CAAA,aAAA,CAAC,GAAK,EAAA,IAAA,EAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,WAAT,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,OAAA,CAAyB,CACvH,EAAA,SAAA,IAAa,0BAA+B,KAAA,CAAA,oBAAMA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA;AAAA,IACrF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT,EAAA,EACiC,SAAU,CAAA,KAAK,CACpB,CAAA,EAEH,yBAAyB,0BAA+B,KAAA,CAAA,oBAAMA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA;AAAA,IACjG,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT,EAAA,EAAA,CACiC,6BAAM,WAAc,IAAA,SAAA,CAAA,CAAU,oEAAoB,KAApB,KAAA,IAAA,GAAA,EAAA,GAA6B,YAA7B,IAAwC,GAAA,EAAA,GAAA,MAAM,IAAI,MACrF,CACR,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EACI,eAAe,0BAA+B,KAAA,CAAA,KAAK,6BAAM,WAAe,CAAA,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAAO,OAAS,EAAA,OAAA;AAAA,MAAS,IAAM,EAAA,IAAA;AAAA,MAAM,SAAW,EAAA,CAAA,qCAAA,EAAwC,MAAO,CAAA,mBAAA,CAAA,YAAA,EAAkC,MAAO,CAAA,mBAAA,CAAA,CAAA,CAAA;AAAA,MAE1O,OAAS,EAAA,MAAM,UAAY,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAA,QAAA,CAAS,gBAAiB,CAAA,WAAA;AAAA,KAAA;AAAA,oBACrBA,cAAA,CAAA,aAAA,CAAC,UAAO,GAAK,EAAA,mBAAA,EAAqB,MAAM,IAAM,EAAA,SAAA,EAAU,kBAAiB,KAAO,EAAA;AAAA,MAC5G,YAAc,EAAA;AAAA,KAChB,EAAA,+CACmC,kBACI,EAAA,IAAA,EAAA,SAAA,CAAA,CAAU,wCAAM,OAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,eAAf,IAA2B,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,EAAE,CACnD,CAAA,EAAA,CAAA,CACC,kCAAM,OAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,4BAAYA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,GAAK,EAAA,OAAA,EAAS,KAAO,EAAA;AAAA,MAC3F,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,WAAa,EAAA,CAAA;AAAA,MACb,WAAa,EAAA;AAAA,OACZ,MAAQ,EAAA;AAAA,MACT,GAAA,EAAA,CAAK,EAAM,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,OAAA,KAAN,IAAe,GAAA,MAAA,GAAA,EAAA,CAAA;AAAA,OACnB,CAC6B,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAU,gBAAe,KAAO,EAAA;AAAA,MAC3E,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA,OACP,CACyB;AAAA,GAEZ,CACJ,CAEA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAAO,SAAW,EAAA,CAAA,4BAAA,EAAA,CAA+B,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,WAAA,IAAc,MAAS,GAAA,QAAA,CAAA;AAAA,KAAA;AAAA,IAG1E,CAAC,UAAA,IAAc,YAAe,mBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,UAAA,EAAwB,QAAU,EAAA,cAAA,EAAgB,CAAK,GAAA,oBAAA,oBAAyBA,cAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,EAAuB,YAAwB,UAAwB,EAAA,CAAA;AAAA,IAAA,CAC3M,6BAAM,WAAe,KAAA,UAAA,oBAAeA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,WAAW,CAA0B,sBAAA,CAAA,EAAA,IAAA,EAAM,IAC/E,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAS,IAAM,EAAA,QAAA,EAAU,MAAM,EAAI,EAAA,KAAA,EAAO,QAAQ,CACvD;AAAA,GAmHZ,CACR,CACJ,CACJ,CACJ,CAAA;AACR,CAAA;AACa,MAAA,sBAAA,GAAyBA,cAAM,CAAA,IAAA,CAAK,CAAC;AAAA,EAChD,UAAA;AAAA,EACA;AACF,CAAW,KAAA;AACT,EAAM,MAAA,UAAA,GAAaA,cAAM,CAAA,WAAA,CAAY,MAAM;AACzC,IAAI,IAAA,QAAA;AAAU,MAAA,QAAA,CAAS,OAAQ,EAAA;AAC/B,IAAW,UAAA,CAAA,QAAA,CAAS,iBAAiB,MAAM,CAAA;AAAA,GAC7C,EAAG,CAAC,UAAU,CAAC,CAAA;AACf,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,SAAA,EAAW,CAAuB,oBAAA,EAAA,UAAA,GAAa,SAAY,GAAA,QAAA,CAAA,qCAAA,EAAgD,MAAO,CAAA,mBAAA,CAAA,CAAA,CAAA,EAAwB,KAAO,EAAA;AAAA,IAC3K,iBAAiB,MAAO,CAAA;AAAA,uBAEfA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,gBAAA,EAAiB,MAAM,IAAM,EAAA,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,KAAK,CAAA,EAAA,+CAC1E,QAAS,EAAA,EAAA,IAAA,EAAM,IAAI,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,QAAA,EAAS,CACpD,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,OAAS,EAAA,MAAM,YAAc,EAAA,OAAA,EAAS,OAAS,EAAA,SAAA,EAAW,uDAAuD,MAAO,CAAA,mBAAA,CAAA,YAAA,EAAkC,OAAO,mBACrK,CAAA,CAAA,CAAA,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,KAAO,EAAA;AAAA,IAC3B,QAAU,EAAA,EAAA;AAAA,IACV,KAAO,EAAA;AAAA,GACT,EAAA,EAAG,uBAAqB,CAClB,CAEA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,SAAU,EAAA,gBAAA,EAAiB,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,MAAM,QAAQ,GAAI,CAAA,KAAK,CAC3E,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,aAAc,EAAA,CACzD,CACJ,CAAA;AACR,CAAC;AACY,MAAA,oBAAA,GAAuBA,cAAM,CAAA,IAAA,CAAK,CAAC;AAAA,EAC9C,UAAA;AAAA,EACA;AACF,CAAW,KAAA;AACT,EAAM,MAAA,MAAA,GAASA,cAAM,CAAA,WAAA,CAAY,MAAM;AACrC,IAAA,QAAA,CAAS,OAAQ,EAAA;AACjB,IAAA,IAAI,QAAS,CAAA,OAAA;AAAS,MAAA,QAAA,CAAS,OAAU,GAAA,IAAA;AACzC,IAAA,UAAA,CAAW,OAAO,IAAI,CAAA;AAAA,GACrB,EAAA,CAAC,UAAY,EAAA,QAAQ,CAAC,CAAA;AACzB,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAO,EAAA,IAAA,EAAM,WAAW,CAAiE,8DAAA,EAAA,MAAA,CAAO,2DAA2D,KAAO,EAAA;AAAA,IAC/K,iBAAiB,MAAO,CAAA;AAAA,uBAEfA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,GAAK,EAAA,QAAA,EAAU,WAAW,CAAwC,qCAAA,EAAA,MAAA,CAAO,mBAC5E,CAAA,CAAA,CAAA,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAU,SAAU,EAAA,MAAA,EAAA,+CAChB,MAAO,EAAA,EAAA,SAAA,EAAU,kBAAiB,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,MAAM,sDACzDA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,MAAM,EAAI,EAAA,IAAA,EAAK,sBAAqB,KAAM,EAAA,OAAA,EAAQ,CAChE,CACJ,mBACCA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,aAAY,sBAAuB,EAAA,oBAAA,EAAsB,SAAS,KAAO,EAAA;AAAA,IAC7F,QAAU,EAAA;AAAA,GACT,EAAA,SAAA,EAAW,IAAM,EAAA,SAAA,EAAW,OAAO,MAAO,CAAA,mBAAA,CAAA,+BAAA,CAAA,EAAsD,CACzF,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAU,SAAU,EAAA,MAAA,EAAA,kBAChBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,WAAU,gBAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,OAAA,EAAS,MAAM,OAAQ,CAAA,GAAA,CAAI,KAAK,CAAA,EAAA,+CAC1E,QAAS,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,SAAQ,IAAK,EAAA,aAAA,EAAc,CACzD,CACJ,CACJ,CAwBJ,CAAA;AACR,CAAC;AAoBD,MAAM,gBAAA,GAAmB,CAAC,KAAe,KAAA;AAzXzC,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA0XE,EAAM,MAAA,IAAA,GAAY,WAAoC,CAAA,YAAA,EAAc,YAAY,CAAA;AAChF,EAAO,OAAA,EAAC,6BAAM,WAAc,CAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAW,EAAA,CAAA,SAAA,EAAA,CAAY,EAAO,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,aAAA,KAAP,IAAwB,GAAA,EAAA,GAAA,MAAA,CAAO,mBAAmB,KAAO,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,OAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgB,WAAhB,KAAA,IAAA,GAAA,EAAA,GAA+B,EAAI,EAAA,CAAA,mBAAMA,cAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,cAAA,CAAA,EAAA,EAA2B,KAAO,CAAA,CAAA;AAC9L,CAAA;AACA,yBAAeA,cAAA,CAAM,KAAK,gBAAgB,CAAA"}
+{"version":3,"file":"NavigationHeader.js","sources":["../../../src/components/NavigationHeader/NavigationHeader.tsx"],"sourcesContent":["import { useNavigation, useFocusEffect } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View, Dimensions, Keyboard, Animated, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Input,\n    InputField,\n    InputSlot,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector } from '@adminide-stack/user-auth0-client';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport Colors from '../../constants/Colors';\nimport { navigationRef } from '@common-stack/client-react';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst CustomNavigationHeader = ({\n    navigation,\n    route,\n    options,\n    back,\n    backBtnColor = 'white',\n    showToggle = null,\n    showFilter = null,\n    customHeader = null,\n    showTitle = true,\n    titleColor = 'white',\n    showOrganizationTitle = false,\n    showProfile = true,\n    isSearchBack = null,\n    showDefaultSearchBox = true,\n    statusBarType = 'light',\n    headerBgColor = Colors.primaryBgColor,\n    ...props\n}: any) => {\n    const [statusBarStyle, setStatusBarStyle] = React.useState<any>(statusBarType);\n    const { orgName, organizationDetail, open, setOpen, headerAnimationOffsetValue } = useDrawerLayout();\n    //const user = useSelector((state: any) => state?.user);\n    const headerInputRef = React.useRef(null);\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector, shallowEqual);\n    const offset = React.useRef(new Animated.Value(headerAnimationOffsetValue)).current;\n    // const title = user?.accessToken ? getHeaderTitle?.(options, route.name) ?? 'Home' : 'Home';\n    const title = getHeaderTitle?.(options, route.name) ?? 'Home';\n    const matches: any =\n        user?.accessToken && showOrganizationTitle && organizationDetail?.title\n            ? organizationDetail?.title?.match(/\\b(\\w)/g) ?? orgName\n            : title?.match(/\\b(\\w)/g) ?? '';\n    const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2)?.toUpperCase() : ''; // JSON\n    const isHeaderTitleString = typeof options?.headerTitle === 'string' || options?.headerTitle instanceof String;\n    React.useEffect(() => {\n        if (headerAnimationOffsetValue && offset) {\n            offset.setValue(headerAnimationOffsetValue);\n        }\n    }, [headerAnimationOffsetValue]);\n\n    React.useEffect(() => {\n        if (open) setStatusBarStyle('dark');\n        else setStatusBarStyle(statusBarType);\n    }, [open, statusBarType]);\n\n    const toggleDrawer = React.useCallback(() => {\n        setOpen((pre: boolean) => !pre);\n    }, []);\n    // const toggleDrawer = () => {\n    //     setOpen((pre: boolean) => !pre);\n    // };\n\n    return (\n        <>\n            <StatusBar style={statusBarStyle} />\n            {/* <StatusBar backgroundColor={'black'} barStyle={'light-content'} /> */}\n            <SafeAreaView style={{ backgroundColor: headerBgColor }}>\n                <Box className={`bg-[${headerBgColor}]`} style={options?.headerStyle ?? {}}>\n                    <Animated.View\n                        style={{\n                            transform: [\n                                {\n                                    translateY: offset.interpolate({\n                                        inputRange: [100, 200],\n                                        outputRange: [0, -1],\n                                        extrapolateLeft: 'clamp',\n                                    }),\n                                },\n                            ],\n                        }}\n                    >\n                        {customHeader ? (\n                            <HStack\n                                className={`bg-[${headerBgColor}] px-1 py-3 justify-between items-center w-full flex-1`}\n                            >\n                                {customHeader}\n                            </HStack>\n                        ) : (\n                            <VStack className={`bg-[${headerBgColor}] py-3 px-2`} space={'sm'}>\n                                <HStack className=\"px-1 justify-between w-full\">\n                                    <HStack space={'sm'} className=\"items-center w-[85%] rounded-xl\">\n                                        {back ? (\n                                            <Button\n                                                size={'sm'}\n                                                className=\"bg-transparent\"\n                                                onPress={() => navigation.goBack()}\n                                            >\n                                                <Ionicons size={30} name=\"chevron-back-sharp\" color={backBtnColor} />\n                                            </Button>\n                                        ) : showToggle && headerAnimationOffsetValue === 0 ? (\n                                            <Button\n                                                variant={'solid'}\n                                                size={'xs'}\n                                                className={`px-2 py-0.5 items-center rounded-md bg-white`}\n                                                disabled={!user?.accessToken ? true : false}\n                                                onPress={() => {\n                                                    if (user?.accessToken) {\n                                                        if (props?.navigation) navigation.toggleDrawer();\n                                                        else toggleDrawer();\n                                                    }\n                                                }}\n                                            >\n                                                <ButtonText\n                                                    className=\"py-0\"\n                                                    style={{ color: '#000', fontWeight: '600' }}\n                                                >\n                                                    {startCase(acronym)}\n                                                </ButtonText>\n                                                {/* <Avatar bg={'transparent'}>\n                                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                                        {startCase(acronym)}\n                                                    </AvatarFallbackText>\n                                                </Avatar> */}\n                                            </Button>\n                                        ) : (\n                                            <></>\n                                        )}\n                                        {!isHeaderTitleString &&\n                                            options?.headerTitle?.() &&\n                                            headerAnimationOffsetValue === 0 && <Box>{options?.headerTitle?.()}</Box>}\n                                        {showTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: titleColor }}>\n                                                {startCase(title)}\n                                            </Text>\n                                        )}\n\n                                        {showOrganizationTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: 'white' }}>\n                                                {user?.accessToken\n                                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                                    : 'Home'}\n                                            </Text>\n                                        )}\n                                    </HStack>\n                                    <HStack>\n                                        {showProfile && headerAnimationOffsetValue === 0 && user?.accessToken && (\n                                            <Button\n                                                variant={'solid'}\n                                                size={'md'}\n                                                className={`bg-transparent rounded-none active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]`}\n                                                // _pressed={{ bg: Colors.primaryBgLightColor }}\n                                                onPress={() => navigation?.navigate(NavigationRoutes.UserAccount)}\n                                            >\n                                                <Avatar\n                                                    key={'profile-image-key'}\n                                                    size={'sm'}\n                                                    className=\"bg-transparent\"\n                                                    style={{ borderRadius: 'none' }}\n                                                >\n                                                    <AvatarFallbackText>\n                                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                                    </AvatarFallbackText>\n                                                    {user?.profile?.picture && (\n                                                        <AvatarImage\n                                                            alt={'image'}\n                                                            style={{\n                                                                width: 35,\n                                                                height: 30,\n                                                                // borderRadius: 6,\n                                                                // borderWidth: 2,\n                                                                borderColor: '#fff',\n                                                            }}\n                                                            source={{\n                                                                uri: user?.profile?.picture,\n                                                            }}\n                                                            className=\"rounded-none\"\n                                                        />\n                                                    )}\n                                                    <AvatarBadge\n                                                        className=\"bg-green-800\"\n                                                        style={{ width: 10, height: 10 }}\n                                                    />\n                                                </Avatar>\n                                            </Button>\n                                        )}\n                                    </HStack>\n                                </HStack>\n\n                                <HStack\n                                    className={`px-1 justify-between w-full ${user?.accessToken ? 'flex' : 'hidden'}`}\n                                    //style={{ display: user?.accessToken ? 'block' : 'none' }}\n                                >\n                                    {!showFilter && isSearchBack ? (\n                                        <SearchInputComponent navigation={navigation} inputRef={headerInputRef} />\n                                    ) : (\n                                        showDefaultSearchBox && (\n                                            <DefalutSearchComponent navigation={navigation} showFilter={showFilter} />\n                                        )\n                                    )}\n                                    {user?.accessToken && showFilter && (\n                                        <Button className={`bg-pink-500 rounded-sm`} size={'sm'}>\n                                            <Ionicons name={'filter'} size={18} color={'#fff'} />\n                                        </Button>\n                                    )}\n                                </HStack>\n\n                                {/* <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <HStack alignItems=\"center\">\n                                    {back ? (\n                                        <IconButton\n                                            onPress={() => navigation.goBack()}\n                                            icon={\n                                                <Icon size={'lg'} as={MaterialIcons} name=\"arrow-back\" color=\"white\" />\n                                            }\n                                        />\n                                    ) : showToggle ? (\n                                        <IconButton\n                                            mx={2}\n                                            px={2}\n                                            py={2}\n                                            size={6}\n                                            bg={Colors.toggleButtonBgColor}\n                                            disabled={!user?.accessToken ? true : false}\n                                            onPress={() => {\n                                                if (user?.accessToken) {\n                                                    if (props?.navigation) navigation.toggleDrawer();\n                                                    else toggleDrawer();\n                                                }\n                                            }}\n                                            icon={\n                                                <Avatar\n                                                    bg={'transparent'}\n                                                    size={8}\n                                                    _text={{ color: '#000', fontWeight: 600 }}\n                                                >\n                                                    {acronym}\n                                                </Avatar>\n                                            }\n                                        />\n                                    ) : (\n                                        <></>\n                                    )}\n\n                                    <Text px={2} color=\"white\" fontSize=\"20\" fontWeight=\"bold\">\n                                        {startCase(title)}\n                                    </Text>\n                                </HStack>\n                            </Box>\n                            <Box>\n                                <Button\n                                    bg={'transparent'}\n                                    variant={'ghost'}\n                                    _pressed={{ bg: Colors.primaryButtonPressBgColor }}\n                                >\n                                    <Avatar\n                                        key={'profile-image-key'}\n                                        size={'sm'}\n                                        bg={'transparent'}\n                                        _image={{\n                                            style: {\n                                                width: 30,\n                                                height: 30,\n                                                borderRadius: 6,\n                                                borderWidth: 2,\n                                                borderColor: '#fff',\n                                            },\n                                        }}\n                                        source={{\n                                            uri: user?.profile?.picture,\n                                        }}\n                                    >\n                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                        <Avatar.Badge bg=\"green.800\" />\n                                    </Avatar>\n                                </Button>\n                            </Box>\n                        </HStack>\n                        <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <Input\n                                    InputLeftElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={6} color=\"white\" as={Ionicons} name=\"search\" />}\n                                        />\n                                    }\n                                    InputRightElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={'sm'} color=\"white\" as={Ionicons} name=\"mic-outline\" />}\n                                        />\n                                    }\n                                    size=\"md\"\n                                    placeholder=\"Jump to or search...\"\n                                    variant=\"filled\"\n                                    bg={Colors.primaryBgLightColor}\n                                    borderColor={'transparent'}\n                                    rounded={'xl'}\n                                    placeholderTextColor={'white'}\n                                    fontSize={15}\n                                    mx={2}\n                                    px={2}\n                                    w={'85%'}\n                                />\n                            </Box>\n                            <Box>\n                                {user?.accessToken && showFilter && (\n                                    <IconButton\n                                        bg={Colors.primaryBgLightColor}\n                                        rounded={'xl'}\n                                        size={'md'}\n                                        icon={<Ionicons name={'ios-filter'} size={18} color={'#fff'} />}\n                                    />\n                                )}\n                            </Box>\n                        </HStack> */}\n                            </VStack>\n                        )}\n                    </Animated.View>\n                </Box>\n            </SafeAreaView>\n        </>\n    );\n};\n\nexport const DefalutSearchComponent = React.memo(({ navigation, showFilter }: any) => {\n    const goToSearch = React.useCallback(() => {\n        if (Keyboard) Keyboard.dismiss();\n        navigation.navigate(NavigationRoutes.Search);\n    }, [navigation]);\n\n    return (\n        <HStack\n            space={'sm'}\n            className={`flex-1 items-center ${showFilter ? 'w-[85%]' : 'w-full'}  rounded-xl border-transparent  bg-[${\n                Colors.primaryBgLightColor\n            }]  dark:bg-transparent`}\n            style={{ backgroundColor: Colors.primaryBgLightColor }}\n        >\n            <Button className=\"bg-transparent\" size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"search\" />\n            </Button>\n            <Button\n                onPress={() => goToSearch()}\n                variant={'solid'}\n                className={`bg-transparent flex-1 pl-0 justify-start active:bg-[${Colors.primaryBgLightColor}] hover:bg-[${Colors.primaryBgLightColor}]  dark:bg-transparent`}\n                style={{ backgroundColor: 'transparent' }}\n            >\n                <ButtonText style={{ fontSize: 15, color: 'white' }}>Jump to or search....</ButtonText>\n            </Button>\n\n            <Button className=\"bg-transparent\" size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n            </Button>\n        </HStack>\n    );\n});\n\nexport const SearchInputComponent = React.memo(({ navigation, inputRef }: any) => {\n    const goBack = React.useCallback(() => {\n        Keyboard.dismiss();\n        if (inputRef.current) inputRef.current = null;\n        navigation.goBack(null);\n    }, [navigation, inputRef]);\n\n    return (\n        <HStack\n            space={'sm'}\n            className={`items-center w-full rounded-xl   flex-1 bg-[${Colors.primaryBgLightColor}] bg-transparent dark:bg-transparent`}\n            style={{ backgroundColor: Colors.primaryBgLightColor, borderColor: '#fff' }}\n        >\n            <Input\n                ref={inputRef}\n                style={{ borderColor: 'transparent' }}\n                className={`flex-1 w-full border-transparent bg-[${Colors.primaryBgLightColor}]`}\n            >\n                <InputSlot className=\"pl-3\">\n                    <Button className=\"bg-transparent\" size={'xs'} onPress={() => goBack?.()}>\n                        <Ionicons size={20} name=\"chevron-back-sharp\" color=\"white\" />\n                    </Button>\n                </InputSlot>\n                <InputField\n                    placeholder=\"Jump to or search...\"\n                    placeholderTextColor={'white'}\n                    style={{ fontSize: 15 }}\n                    autoFocus={true}\n                    className={`bg-[${Colors.primaryBgLightColor}] border-transparent rounded-xl`}\n                />\n                <InputSlot className=\"pr-3\">\n                    <Button className=\"bg-transparent\" size={'xs'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                </InputSlot>\n            </Input>\n\n            {/* <Input\n                ref={inputRef}\n                InputLeftElement={\n                    <>\n                        <Button bg={'transparent'} onPress={() => goBack()}>\n                            <Ionicons size={20} name=\"md-chevron-back-sharp\" color=\"white\" />\n                        </Button>\n                    </>\n                }\n                InputRightElement={\n                    <Button bg={'transparent'} size={'sm'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                }\n                placeholder=\"Jump to or search...\"\n                bg={Colors.primaryBgLightColor}\n                borderColor={'transparent'}\n                rounded={'xl'}\n                placeholderTextColor={'white'}\n                fontSize={15}\n                autoFocus={true}\n            /> */}\n        </HStack>\n    );\n});\n\n// const NavigationHeader = (props: any) => {\n//     const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n//     return !user?.accessToken ? (\n//         <>\n//             <StatusBar style={props?.statusBarType ?? 'light'} />\n//             <SafeAreaView>\n//                 <Box\n//                     bg={props?.headerBgColor ?? Colors.primaryBgColor}\n//                     style={props?.options?.headerStyle ?? {}}\n//                     pb={'$4'}\n//                 />\n//             </SafeAreaView>\n//         </>\n//     ) : (\n//         <CustomNavigationHeader {...props} />\n//     );\n// };\n\nconst NavigationHeader = (props: any) => {\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector, shallowEqual);\n    return !user?.accessToken ? (\n        <Box\n            className={`pb-2 bg-[${props?.headerBgColor ?? Colors.primaryBgColor}]`}\n            style={props?.options?.headerStyle ?? {}}\n        />\n    ) : (\n        <CustomNavigationHeader {...props} />\n    );\n};\n\nexport default React.memo(NavigationHeader);\n"],"names":["_a","_b","React"],"mappings":"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"}

package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {SafeAreaView,TouchableHighlight}from'react-native';import {Box,useLocationChange,VStack,Heading,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector,useDispatch}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect,StackActions}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/graphql';import {LOCATION_CHANGE}from'@common-stack/remix-router-redux';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
+import React__default from'react';import {AntDesign,Ionicons}from'@expo/vector-icons';import {SafeAreaView,TouchableHighlight}from'react-native';import {Box,useLocationChange,VStack,Heading,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector,useDispatch}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect,StackActions}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/graphql';import {LOCATION_CHANGE}from'@common-stack/remix-router-redux';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -109,8 +109,13 @@ const WorkSpaceDrawerComponent = (props) => {
     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), style: {
-      marginVertical: 5
-    } }, /* @__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(
+      marginVertical: 2
+    } }, /* @__PURE__ */ React__default.createElement(HStack, { style: {
+      backgroundColor: o.name == orgName ? "#e5e7eb" : "transparent",
+      paddingVertical: 10,
+      paddingHorizontal: 10,
+      borderRadius: 10
+    }, className: `justify-between items-center w-full py-2` }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(
       Button,
       {
         size: "md",
@@ -120,25 +125,30 @@ const WorkSpaceDrawerComponent = (props) => {
         Avatar,
         {
           size: "md",
-          className: `bg-gray-400 rounded-lg ${o.name == orgName ? "border-2" : "border"}  p-0`,
+          className: `bg-gray-200 rounded-lg ${o.name == orgName ? "border-2" : "border"}  p-0`,
           style: {
+            backgroundColor: "#e5e7eb",
             borderColor: o.name == orgName ? "#000" : "#d3d3d3"
           }
         },
-        /* @__PURE__ */ React__default.createElement(Text, { className: "font-extrabold text-black uppercase text-base" }, acronym)
+        /* @__PURE__ */ React__default.createElement(Text, { style: {
+          fontWeight: "800"
+        }, className: "font-extrabold text-black uppercase text-base" }, acronym)
       )
-    ), /* @__PURE__ */ React__default.createElement(Text, { className: "text-black w-[60%] font-bold", style: {
+    ), /* @__PURE__ */ React__default.createElement(Text, { className: "text-black  font-bold", style: {
       fontSize: 16
-    } }, 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" }))));
+    } }, title))));
   };
   return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
     flex: 1
-  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full h-full" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-[0.8] h-full absolute top-0", space: "sm" }, /* @__PURE__ */ React__default.createElement(Heading, { className: `p-5 color-[${props.titleColor || (settings == null ? void 0 : settings.navTheme) == "dark" ? "text-white" : "text-black"}]`, size: "lg" }, "Workspaces"), /* @__PURE__ */ React__default.createElement(FlatList, { style: {
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full h-full px-2  pt-2" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 w-full h-full absolute top-0", space: "sm" }, /* @__PURE__ */ React__default.createElement(Heading, { className: ` color-[${props.titleColor || (settings == null ? void 0 : settings.navTheme) == "dark" ? "text-white" : "text-black"}]`, size: "lg" }, "Workspaces"), /* @__PURE__ */ React__default.createElement(FlatList, { style: {
     flex: 1,
-    paddingTop: 5
+    paddingTop: 5,
+    width: "100%"
   }, keyExtractor: (item, index) => String(index), contentContainerStyle: {
     flexGrow: 1,
-    paddingBottom: 150
+    paddingBottom: 150,
+    width: "100%"
   }, 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, { 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-0", 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 active:bg-gray-200 hover:bg-gray-200 justify-start", onPress: () => addWorkSpace() }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "plus", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "pl-2", style: {