@messenger-box/slack-ui-mobile 10.0.3-alpha.22 → 10.0.3-alpha.222

package/lib/components/Actionsheet.js

@@ -1,4 +1,4 @@
-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)";
+import PropTypes from'prop-types';import React__default from'react';import {Modal,TouchableOpacity,View,TouchableHighlight,Text,StyleSheet}from'react-native';const PRIMARY_COLOR = "rgb(0,98,255)";
 const WHITE = "#ffffff";
 const BORDER_COLOR = "#DBDBDB";
 const ActionSheet = (props) => {
@@ -6,22 +6,25 @@ const ActionSheet = (props) => {
   const {
     actionItems,
     isOpen,
-    onCancel
+    onCancel,
+    isShowCancelButton = true
   } = props;
-  const actionSheetItems = [...actionItems || [], {
+  const actionSheetItems = isShowCancelButton ? [...actionItems || [], {
     id: "#cancel",
     label: "Cancel",
     onPress: (_a = props == null ? void 0 : props.onCancel) != null ? _a : () => {
     }
-  }];
-  if (!isOpen)
-    return null;
-  return /* @__PURE__ */ React__default.createElement(Modal, { visible: isOpen, transparent: true, animationType: "slide", onRequestClose: onCancel, style: {
+  }] : [...actionItems || []];
+  if (!isOpen) return null;
+  return /* @__PURE__ */ React__default.createElement(Modal, { visible: isOpen, transparent: true, animationType: "slide", onRequestClose: onCancel }, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: {
     flex: 1,
-    margin: 0,
+    backgroundColor: "rgba(0,0,0,0.5)",
     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"
+  }, activeOpacity: 1, onPress: onCancel }, /* @__PURE__ */ React__default.createElement(View, { style: {
+    width: "100%",
+    paddingBottom: 20
+  }, onStartShouldSetResponder: () => true, onTouchEnd: (e) => {
+    e.stopPropagation();
   } }, /* @__PURE__ */ React__default.createElement(View, { style: styles.modalContent }, props == null ? void 0 : props.header, actionSheetItems.map((actionItem, index) => {
     return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { style: [styles.actionSheetView, index === 0 && {
       borderTopLeftRadius: (props == null ? void 0 : props.header) ? 0 : 12,
@@ -33,8 +36,8 @@ const ActionSheet = (props) => {
       borderBottomWidth: 0,
       backgroundColor: WHITE,
       marginTop: 8,
-      borderTopLeftRadius: (props == null ? void 0 : props.header) ? 0 : 12,
-      borderTopRightRadius: (props == null ? void 0 : props.header) ? 0 : 12,
+      borderTopLeftRadius: 12,
+      borderTopRightRadius: 12,
       borderBottomLeftRadius: 12,
       borderBottomRightRadius: 12
     }, (props == null ? void 0 : props.hideBottomWidth) && actionItem.id !== "#cancel" && {
@@ -47,7 +50,7 @@ const ActionSheet = (props) => {
     }, index === actionSheetItems.length - 1 && {
       color: "#fa1616"
     }] }, actionItem.label) : actionItem.label);
-  }))));
+  })))));
 };
 const styles = StyleSheet.create({
   modalContent: {
@@ -59,7 +62,7 @@ const styles = StyleSheet.create({
     marginRight: 15,
     marginBottom: 20,
     paddingHorizontal: 10,
-    width: "100%"
+    backgroundColor: WHITE
   },
   actionSheetText: {
     fontSize: 18,
@@ -87,5 +90,6 @@ ActionSheet.propTypes = {
   onCancel: PropTypes.func,
   actionTextColor: PropTypes.string,
   hideBottomWidth: PropTypes.bool,
-  header: PropTypes.node
-};export{ActionSheet as default};//# sourceMappingURL=Actionsheet.js.map
+  header: PropTypes.node,
+  isShowCancelButton: PropTypes.bool
+};export{ActionSheet as Actionsheet,ActionSheet as default};//# sourceMappingURL=Actionsheet.js.map

package/lib/components/Actionsheet.js.map

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

package/lib/components/AppRootContextProviderComponent.js

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

package/lib/components/AppRootContextProviderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React from 'react';\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"}
+{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React, { memo, ReactNode } from 'react';\nimport { Platform } from 'react-native';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\nimport FillRenderProvider from '@common-stack/components-pro/lib/plugin/provider.native.js';\nimport { PluginRender } from '@common-stack/components-pro/lib/plugin/plugin-render.js';\nimport Constants from 'expo-constants';\n\nconst isExpoGo = Constants.executionEnvironment === 'storeClient';\n\ninterface KeyboardProviderComponentProps {\n    children: ReactNode;\n    isExpoGo: boolean;\n}\n\nconst KeyboardProviderComponent = memo(({ children, isExpoGo }: KeyboardProviderComponentProps) => {\n    // Check if running in Expo Go using executionEnvironment instead of deprecated appOwnership\n    console.log('isExpoGo', isExpoGo);\n    // Only use KeyboardProvider when not in Expo Go\n    if (!isExpoGo) {\n        const { KeyboardProvider } = require('react-native-keyboard-controller');\n        return <KeyboardProvider>{children}</KeyboardProvider>;\n    }\n\n    // Return children directly when in Expo Go\n    return <>{children}</>;\n});\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <Box className=\"flex-1\">\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    <KeyboardProviderComponent isExpoGo={isExpoGo}>\n                        <FillRenderProvider>\n                            {/* <PluginRender fills={[]} name={'slack-ui'}> */}\n                            {children}\n                            {/* </PluginRender> */}\n                        </FillRenderProvider>\n                    </KeyboardProviderComponent>\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </Box>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["isExpoGo","React"],"mappings":"0jBAQA,MAAM,QAAA,GAAW,UAAU,oBAAA,KAAyB,aAAA;AAKpD,MAAM,yBAAA,GAA4B,KAAK,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,QAAA,EAAAA;AACF,CAAA,KAAsC;AAEpC,EAAA,OAAA,CAAQ,GAAA,CAAI,YAAYA,SAAQ,CAAA;AAEhC,EAAA,IAAI,CAACA,SAAAA,EAAU;AACb,IAAA,MAAM;AAAA,MACJ;AAAA,KACF,GAAI,QAAQ,kCAAkC,CAAA;AAC9C,IAAA,uBAAOC,cAAA,CAAA,aAAA,CAAC,wBAAkB,QAAS,CAAA;AAAA,EACrC;AAGA,EAAA,mFAAU,QAAS,CAAA;AACrB,CAAC,CAAA;AACD,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,uBAAOA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAA,EAAU,QAAA,EAAA,+CACX,wBAAA,EAAA,IAAA,kBACGA,cAAA,CAAA,aAAA,CAAC,oBAAA,EAAA,EAAqB,gBAAA,EAAoC,aAAA,kBAAeA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CAAA,EAAA,kBACtFA,cAAA,CAAA,aAAA,CAAC,6BAA0B,QAAA,EAAA,kBACvBA,cAAA,CAAA,aAAA,CAAC,0BAEI,QAEL,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}

package/lib/components/Channels/ChannelsByAlphabeticalAccordion.js

@@ -27,6 +27,7 @@ import React__default from'react';import {TouchableHighlight,StyleSheet}from'rea
 const styles = StyleSheet.create({
   container: {
     flex: 1,
+    //justifyContent: 'center',
     padding: 20
   },
   itemView: {

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

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

package/lib/components/CustomBottomTabs/CustomBottomTabs.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {SafeAreaView}from'react-native';import {Box,Pressable,Center,Text}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {navigationRef}from'@common-stack/client-react';var __defProp = Object.defineProperty;
+import React__default from'react';import {SafeAreaView}from'react-native';import {Box,Pressable,Center,Text}from'@admin-layout/gluestack-ui-mobile';import {useSelector,shallowEqual}from'react-redux';import {navigationRef}from'@common-stack/client-react';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -20,7 +20,7 @@ const CustomBottomTabs = ({
   navigation
 }) => {
   var _a;
-  const settings = useSelector((state2) => state2.settings);
+  const settings = useSelector((state2) => state2.settings, shallowEqual);
   const currentRoute = navigationRef.isReady() ? (_a = navigationRef) == null ? void 0 : _a.getCurrentRoute() : null;
   const platformState = useSelector((state2) => state2.platform);
   let appRoutes = Object.keys(descriptors).map((k) => {

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

@@ -1 +1 @@
-{"version":3,"file":"CustomBottomTabs.js","sources":["../../../src/components/CustomBottomTabs/CustomBottomTabs.tsx"],"sourcesContent":["import React from 'react';\nimport { SafeAreaView } from 'react-native';\nimport { Box, Pressable, Center, Text } from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst CustomBottomTabs = ({ state, descriptors, navigation }: any) => {\n    const settings = useSelector<any>((state) => state.settings) as any;\n    //const currentRoute: any = useRoute();\n    const currentRoute: any = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const platformState = useSelector((state) => (state as any).platform);\n    let appRoutes: any = Object.keys(descriptors)\n        .map((k: any) => {\n            let route = { ...descriptors[k] };\n            route.index = state.routes.findIndex((x: any) => x.key === k);\n            return route;\n        })\n        .filter((r: any) => (settings?.layout == 'bottom' ? r : r?.route?.params?.menu_position == 'bottom'))\n        .sort(\n            (a: any, b: any) =>\n                (a.options.priority ? a.options.priority : a.options.title) -\n                (b.options.priority ? b.options.priority : b.options.title),\n        );\n\n    const onPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            const event = navigation.emit({\n                type: 'tabPress',\n                target: route.route.key,\n                canPreventDefault: true,\n            });\n\n            if (!isFocused && !event.defaultPrevented) {\n                // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                navigation.navigate({\n                    name: route.route.name,\n                    merge: true,\n                    orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                });\n            }\n        }\n    }, []);\n\n    const onLongPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            navigation.emit({\n                type: 'tabLongPress',\n                target: route.route.key,\n            });\n        }\n    }, []);\n\n    return (\n        <SafeAreaView>\n            <Box className=\"flex-row w-full items-center bg-white border-t border-t-[#d3d3d3] py-4\">\n                {appRoutes.map((route: any, index: any) => {\n                    const options = route.options;\n                    const label =\n                        options.tabBarLabel !== undefined\n                            ? options.tabBarLabel\n                            : options.title !== undefined\n                            ? options.title\n                            : route.route.name;\n\n                    const isFocused = state.index === route.index;\n\n                    // const onPress = () => {\n                    //     const event = navigation.emit({\n                    //         type: 'tabPress',\n                    //         target: route.route.key,\n                    //         canPreventDefault: true,\n                    //     });\n\n                    //     if (!isFocused && !event.defaultPrevented) {\n                    //         // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                    //         navigation.navigate({\n                    //             name: route.route.name,\n                    //             merge: true,\n                    //             orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                    //         });\n                    //     }\n                    // };\n\n                    // const onLongPress = () => {\n                    //     navigation.emit({\n                    //         type: 'tabLongPress',\n                    //         target: route.route.key,\n                    //     });\n                    // };\n\n                    return (\n                        <Pressable\n                            key={index}\n                            className={`flex-1 opacity-[${isFocused ? '100' : '50'}]`}\n                            onPress={() => onPress(route, navigation, isFocused)}\n                            onLongPress={() => onLongPress(route, navigation, isFocused)}\n                            testID={options.tabBarTestID}\n                            accessibilityState={isFocused ? { selected: true } : {}}\n                            accessibilityLabel={options.tabBarAccessibilityLabel}\n                        >\n                            <Center>\n                                {options?.tabBarIcon\n                                    ? options.tabBarIcon({\n                                          color: isFocused\n                                              ? options.tabBarActiveTintColor\n                                              : options.tabBarInactiveTintColor,\n                                          size: 24,\n                                      })\n                                    : null}\n\n                                <Text\n                                    color={isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor}\n                                    style={{ fontSize: 12 }}\n                                >\n                                    {label}\n                                </Text>\n                            </Center>\n                        </Pressable>\n                    );\n                })}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomBottomTabs);\n"],"names":["state","_a","React","navigation"],"mappings":"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"}
+{"version":3,"file":"CustomBottomTabs.js","sources":["../../../src/components/CustomBottomTabs/CustomBottomTabs.tsx"],"sourcesContent":["import React from 'react';\nimport { SafeAreaView } from 'react-native';\nimport { Box, Pressable, Center, Text } from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { shallowEqual } from 'react-redux';\nimport { useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst CustomBottomTabs = ({ state, descriptors, navigation }: any) => {\n    const settings = useSelector<any>((state) => state.settings, shallowEqual) as any;\n    //const currentRoute: any = useRoute();\n    const currentRoute: any = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const platformState = useSelector((state) => (state as any).platform);\n    let appRoutes: any = Object.keys(descriptors)\n        .map((k: any) => {\n            let route = { ...descriptors[k] };\n            route.index = state.routes.findIndex((x: any) => x.key === k);\n            return route;\n        })\n        .filter((r: any) => (settings?.layout == 'bottom' ? r : r?.route?.params?.menu_position == 'bottom'))\n        .sort(\n            (a: any, b: any) =>\n                (a.options.priority ? a.options.priority : a.options.title) -\n                (b.options.priority ? b.options.priority : b.options.title),\n        );\n\n    const onPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            const event = navigation.emit({\n                type: 'tabPress',\n                target: route.route.key,\n                canPreventDefault: true,\n            });\n\n            if (!isFocused && !event.defaultPrevented) {\n                // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                navigation.navigate({\n                    name: route.route.name,\n                    merge: true,\n                    orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                });\n            }\n        }\n    }, []);\n\n    const onLongPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            navigation.emit({\n                type: 'tabLongPress',\n                target: route.route.key,\n            });\n        }\n    }, []);\n\n    return (\n        <SafeAreaView>\n            <Box className=\"flex-row w-full items-center bg-white border-t border-t-[#d3d3d3] py-4\">\n                {appRoutes.map((route: any, index: any) => {\n                    const options = route.options;\n                    const label =\n                        options.tabBarLabel !== undefined\n                            ? options.tabBarLabel\n                            : options.title !== undefined\n                            ? options.title\n                            : route.route.name;\n\n                    const isFocused = state.index === route.index;\n\n                    // const onPress = () => {\n                    //     const event = navigation.emit({\n                    //         type: 'tabPress',\n                    //         target: route.route.key,\n                    //         canPreventDefault: true,\n                    //     });\n\n                    //     if (!isFocused && !event.defaultPrevented) {\n                    //         // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                    //         navigation.navigate({\n                    //             name: route.route.name,\n                    //             merge: true,\n                    //             orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                    //         });\n                    //     }\n                    // };\n\n                    // const onLongPress = () => {\n                    //     navigation.emit({\n                    //         type: 'tabLongPress',\n                    //         target: route.route.key,\n                    //     });\n                    // };\n\n                    return (\n                        <Pressable\n                            key={index}\n                            className={`flex-1 opacity-[${isFocused ? '100' : '50'}]`}\n                            onPress={() => onPress(route, navigation, isFocused)}\n                            onLongPress={() => onLongPress(route, navigation, isFocused)}\n                            testID={options.tabBarTestID}\n                            accessibilityState={isFocused ? { selected: true } : {}}\n                            accessibilityLabel={options.tabBarAccessibilityLabel}\n                        >\n                            <Center>\n                                {options?.tabBarIcon\n                                    ? options.tabBarIcon({\n                                          color: isFocused\n                                              ? options.tabBarActiveTintColor\n                                              : options.tabBarInactiveTintColor,\n                                          size: 24,\n                                      })\n                                    : null}\n\n                                <Text\n                                    color={isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor}\n                                    style={{ fontSize: 12 }}\n                                >\n                                    {label}\n                                </Text>\n                            </Center>\n                        </Pressable>\n                    );\n                })}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomBottomTabs);\n"],"names":["state","_a","React","navigation"],"mappings":"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"}

package/lib/components/CustomDrawer/CustomDrawer.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,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/graphql';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
+import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {SafeAreaView,TouchableHighlight}from'react-native';import {Box,useLocationChange,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector,shallowEqual}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useOrganizationDetailQuery,useUserOrganizationsQuery}from'../../queries/slackuiQueries.js';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
 const CustomDrawerComponent = (props) => {
   const navigation = useNavigation();
   const user = useSelector(userSelector);
-  const settings = useSelector((state) => state.settings);
+  const settings = useSelector((state) => state.settings, shallowEqual);
   const {
     open,
     setOpen,
@@ -32,7 +32,7 @@ const CustomDrawerComponent = (props) => {
   const {
     data: orgDetailData,
     refetch: _refetchOrgDetail
-  } = useGetOrganizationDetailQuery({
+  } = useOrganizationDetailQuery(orgName, {
     variables: {
       where: {
         name: orgName
@@ -43,25 +43,25 @@ const CustomDrawerComponent = (props) => {
     data: userOrganizationsData,
     loading: isLoadingUsersOrganization,
     refetch: refetchUserOrganizations
-  } = useGetUserOrganizationsQuery({
+  } = useUserOrganizationsQuery({
+    //     //@ts-ignor
     variables: {
       userId: user == null ? void 0 : user.id
     }
+    //fetchPolicy: 'cache-and-network',
   });
   useFocusEffect(React__default.useCallback(() => {
     refetchUserOrganizations({
       userId: user == null ? void 0 : user.id
     });
-    if (orgName)
-      _refetchOrgDetail({
-        where: {
-          name: orgName
-        }
-      });
+    if (orgName) _refetchOrgDetail({
+      where: {
+        name: orgName
+      }
+    });
   }, [orgName, open]));
   React__default.useEffect(() => {
-    if (orgDetailData == null ? void 0 : orgDetailData.getOrganizationDetail)
-      setOrganizationDetail(orgDetailData == null ? void 0 : orgDetailData.getOrganizationDetail);
+    if (orgDetailData == null ? void 0 : orgDetailData.getOrganizationDetail) setOrganizationDetail(orgDetailData == null ? void 0 : orgDetailData.getOrganizationDetail);
   }, [orgDetailData == null ? void 0 : orgDetailData.getOrganizationDetail]);
   const goToOrganization = React__default.useCallback((orgName2) => {
     setOpen(false);
@@ -132,7 +132,7 @@ const CustomDrawerComponent = (props) => {
 const CustomDrawer = (props) => {
   useNavigation();
   const user = useSelector(userSelector);
-  useSelector((state) => state.settings);
+  useSelector((state) => state.settings, shallowEqual);
   return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
     flex: 1
   } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full" }, user && (user == null ? void 0 : user.accessToken) ? /* @__PURE__ */ React__default.createElement(CustomDrawerComponent, __spreadValues({}, props)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)));

package/lib/components/CustomDrawer/CustomDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDrawer.js","sources":["../../../src/components/CustomDrawer/CustomDrawer.tsx"],"sourcesContent":["import React from 'react';\nimport { Ionicons, MaterialIcons, FontAwesome5, AntDesign } from '@expo/vector-icons';\nimport { createDrawerNavigator, DrawerContentScrollView, DrawerItemList, DrawerItem } from '@react-navigation/drawer';\nimport { TouchableHighlight, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Heading,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    Divider,\n    FlatList,\n    useLocationChange,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { useSelector } from 'react-redux';\nimport { navigationRef } from '@common-stack/client-react';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { StackActions, CommonActions, useNavigation, useFocusEffect } from '@react-navigation/native';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport {\n    useGetUserOrganizationsQuery,\n    useGetOrganizationDetailLazyQuery,\n    useGetOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from 'common/graphql';\nimport { startCase } from 'lodash-es';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport colors from 'tailwindcss/colors';\n\nconst CustomDrawerComponent = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n    const { open, setOpen, appConfiguredRoutes, orgName, setOrganizationDetail, organizationDetail } =\n        useDrawerLayout();\n    const { setLocationChange } = useLocationChange();\n    const { data: orgDetailData, refetch: _refetchOrgDetail } = useGetOrganizationDetailQuery({\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useGetUserOrganizationsQuery({\n        //     //@ts-ignor\n        variables: { userId: user?.id },\n        //fetchPolicy: 'cache-and-network',\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            refetchUserOrganizations({\n                userId: user?.id,\n            });\n            if (orgName) _refetchOrgDetail({ where: { name: orgName } });\n        }, [orgName, open]),\n    );\n\n    React.useEffect(() => {\n        if (orgDetailData?.getOrganizationDetail) setOrganizationDetail(orgDetailData?.getOrganizationDetail);\n    }, [orgDetailData?.getOrganizationDetail]);\n\n    // const goToOrganization = React.useCallback((orgName: any) => {\n    //     setOpen(false);\n    //     setLocationChange({ configurableRoutes: appConfiguredRoutes, orgName: orgName });\n    //     navigation.reset({\n    //         index: 0,\n    //         routes: [\n    //             {\n    //                 name: 'MainStack.Layout.Home',\n    //                 params: { orgName: orgName },\n    //             },\n    //         ],\n    //     });\n    // }, []);\n\n    const goToOrganization = React.useCallback((orgName: any) => {\n        setOpen(false);\n        navigation.navigate('MainStack', { screen: NavigationRoutes.Home, params: { orgName } });\n    }, []);\n\n    const addWorkSpace = React.useCallback(() => {\n        setOpen(false);\n        navigation?.navigate('MainStack', { screen: NavigationRoutes.AddWorkSpace, params: { orgName } });\n    }, [orgName]);\n\n    const renderWorkspaces = ({ item: o, index: i }: any) => {\n        const title = o?.title ?? o.name;\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        //const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n        const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2) : ''; // JSON\n\n        return (\n            <TouchableHighlight\n                underlayColor={'transparent'}\n                activeOpacity={0.5}\n                key={i}\n                onPress={() => goToOrganization(o.name)}\n            >\n                <HStack className=\"px-2 justify-between items-center w-full py-2\">\n                    <HStack space={'sm'} className=\"items-center\">\n                        <Button\n                            size={'md'}\n                            className=\"px-0 py-0 bg-transparent\"\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                size={'md'}\n                                className={`bg-gray-300 rounded-lg border-[${o.name == orgName ? '2' : '1'}px] p-0`}\n                                style={{ borderColor: o.name == orgName ? '#000' : '#d3d3d3' }}\n                            >\n                                <Text className=\"font-extrabold text-black\" style={{ fontSize: 18 }}>\n                                    {acronym}\n                                </Text>\n                            </Avatar>\n\n                            {/* <ButtonText size=\"md\" fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                {startCase(acronym)}\n                            </ButtonText> */}\n                        </Button>\n                        <Text className=\"text-black w-[60%] font-bold\" style={{ fontSize: 16 }}>\n                            {title}\n                        </Text>\n                    </HStack>\n                    <Button className=\"bg-transparent pr-1\" size={'lg'}>\n                        <MaterialIcons size={30} name=\"more-vert\" color={'#000'} />\n                    </Button>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <Box className=\"flex-1 w-full\">\n            {/* <StatusBar style={'dark'} /> */}\n            <Box className=\"flex-1\">\n                <Heading\n                    size={'lg'}\n                    // color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                    className={`p-5 text-[${\n                        props.titleColor || settings?.navTheme == 'dark' ? 'text-white' : 'text-black'\n                    }]`}\n                >\n                    Workspaces\n                </Heading>\n                <VStack className=\"flex-[0.8]\" space={'sm'}>\n                    <FlatList\n                        style={{ flex: 1 }}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 80,\n                        }}\n                        data={\n                            userOrganizationsData?.getUserOrganizations &&\n                            userOrganizationsData?.getUserOrganizations.length > 0\n                                ? userOrganizationsData?.getUserOrganizations\n                                : []\n                        }\n                        renderItem={renderWorkspaces}\n                        ListEmptyComponent={() => {\n                            return (\n                                <Box className=\"bg-white py-2\">\n                                    <VStack space=\"sm\">\n                                        <Box className=\"px-4 py-5\">\n                                            <Text>No Memebers found</Text>\n                                        </Box>\n                                    </VStack>\n                                </Box>\n                            );\n                        }}\n                        key={'workspaces-list'}\n                    />\n                    {/* {userOrganizationsData?.getUserOrganizations &&\n                        userOrganizationsData?.getUserOrganizations?.length > 0 &&\n                        userOrganizationsData?.getUserOrganizations?.map((o: any, i: any) => {\n                            const matches: any = o?.title?.match(/\\b(\\w)/g) ?? '';\n                            const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n                            return (\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    key={i}\n                                    onPress={() => goToOrganization(o.name)}\n                                >\n                                    <HStack px=\"1\" justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                        <HStack alignItems=\"center\">\n                                            <IconButton\n                                                mx={2}\n                                                px={2}\n                                                py={2}\n                                                size={12}\n                                                bg={'transparent'}\n                                                borderRadius={'lg'}\n                                                borderWidth={o.name == orgName ? 2 : 1}\n                                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                                icon={\n                                                    <Avatar\n                                                        bg={'gray.300'}\n                                                        size={o.name == orgName ? 10 : 12}\n                                                        borderRadius={o.name == orgName ? 0 : 'lg'}\n                                                        p={2}\n                                                        _image={{ borderRadius: 0 }}\n                                                        _text={{ color: '#000', fontWeight: 800, fontSize: 18 }}\n                                                    >\n                                                        {acronym}\n                                                    </Avatar>\n                                                }\n                                            />\n                                            <Text color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                                {o?.title ?? o.name}\n                                            </Text>\n                                        </HStack>\n                                        <IconButton\n                                            size={'lg'}\n                                            _icon={{\n                                                as: MaterialIcons,\n                                                name: 'more-vert',\n                                                color: '#000',\n                                            }}\n                                        />\n                                    </HStack>\n                                </TouchableHighlight>\n                            );\n                        })} */}\n                </VStack>\n                <VStack className=\"flex-1 w-full bg-white absolute bottom-10\" space={'sm'}>\n                    <Divider className=\"w-full\" />\n                    {user?.accessToken && (\n                        <VStack space={'sm'}>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => addWorkSpace()}\n                            >\n                                <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Add a workspace\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                            >\n                                <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Preferences\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                            >\n                                <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Help\n                                </ButtonText>\n                            </Button>\n                            {/* <HStack px=\"1\" pt={1} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    style={{ width: '100%' }}\n                                    onPress={() => CreateOrganization()}\n                                >\n                                    <Text textAlign={'center'} color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                        Add a Workspace\n                                    </Text>\n                                </TouchableHighlight>\n                            </HStack> */}\n                        </VStack>\n                    )}\n                </VStack>\n            </Box>\n        </Box>\n    );\n};\n\nconst CustomDrawer = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 w-full\">\n                {user && user?.accessToken ? <CustomDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomDrawer);\n"],"names":["React","orgName"],"mappings":"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"}
+{"version":3,"file":"CustomDrawer.js","sources":["../../../src/components/CustomDrawer/CustomDrawer.tsx"],"sourcesContent":["import React from 'react';\nimport { Ionicons, MaterialIcons, FontAwesome5, AntDesign } from '@expo/vector-icons';\nimport { createDrawerNavigator, DrawerContentScrollView, DrawerItemList, DrawerItem } from '@react-navigation/drawer';\nimport { TouchableHighlight, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Heading,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    Divider,\n    FlatList,\n    useLocationChange,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { shallowEqual } from 'react-redux';\nimport { navigationRef } from '@common-stack/client-react';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { StackActions, CommonActions, useNavigation, useFocusEffect } from '@react-navigation/native';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport {\n    useUserOrganizationsQuery,\n    useOrganizationDetailLazyQuery,\n    useOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from '../../queries/slackuiQueries';\nimport { startCase } from 'lodash-es';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport colors from 'tailwindcss/colors';\n\nconst CustomDrawerComponent = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings, shallowEqual) as any;\n    const { open, setOpen, appConfiguredRoutes, orgName, setOrganizationDetail, organizationDetail } =\n        useDrawerLayout();\n    const { setLocationChange } = useLocationChange();\n    const { data: orgDetailData, refetch: _refetchOrgDetail } = useOrganizationDetailQuery(orgName, {\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useUserOrganizationsQuery({\n        //     //@ts-ignor\n        variables: { userId: user?.id },\n        //fetchPolicy: 'cache-and-network',\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            refetchUserOrganizations({\n                userId: user?.id,\n            });\n            if (orgName) _refetchOrgDetail({ where: { name: orgName } });\n        }, [orgName, open]),\n    );\n\n    React.useEffect(() => {\n        if (orgDetailData?.getOrganizationDetail) setOrganizationDetail(orgDetailData?.getOrganizationDetail);\n    }, [orgDetailData?.getOrganizationDetail]);\n\n    // const goToOrganization = React.useCallback((orgName: any) => {\n    //     setOpen(false);\n    //     setLocationChange({ configurableRoutes: appConfiguredRoutes, orgName: orgName });\n    //     navigation.reset({\n    //         index: 0,\n    //         routes: [\n    //             {\n    //                 name: 'MainStack.Layout.Home',\n    //                 params: { orgName: orgName },\n    //             },\n    //         ],\n    //     });\n    // }, []);\n\n    const goToOrganization = React.useCallback((orgName: any) => {\n        setOpen(false);\n        navigation.navigate('MainStack', { screen: NavigationRoutes.Home, params: { orgName } });\n    }, []);\n\n    const addWorkSpace = React.useCallback(() => {\n        setOpen(false);\n        navigation?.navigate('MainStack', { screen: NavigationRoutes.AddWorkSpace, params: { orgName } });\n    }, [orgName]);\n\n    const renderWorkspaces = ({ item: o, index: i }: any) => {\n        const title = o?.title ?? o.name;\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        //const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n        const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2) : ''; // JSON\n\n        return (\n            <TouchableHighlight\n                underlayColor={'transparent'}\n                activeOpacity={0.5}\n                key={i}\n                onPress={() => goToOrganization(o.name)}\n            >\n                <HStack className=\"px-2 justify-between items-center w-full py-2\">\n                    <HStack space={'sm'} className=\"items-center\">\n                        <Button\n                            size={'md'}\n                            className=\"px-0 py-0 bg-transparent\"\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                size={'md'}\n                                className={`bg-gray-300 rounded-lg border-[${o.name == orgName ? '2' : '1'}px] p-0`}\n                                style={{ borderColor: o.name == orgName ? '#000' : '#d3d3d3' }}\n                            >\n                                <Text className=\"font-extrabold text-black\" style={{ fontSize: 18 }}>\n                                    {acronym}\n                                </Text>\n                            </Avatar>\n\n                            {/* <ButtonText size=\"md\" fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                {startCase(acronym)}\n                            </ButtonText> */}\n                        </Button>\n                        <Text className=\"text-black w-[60%] font-bold\" style={{ fontSize: 16 }}>\n                            {title}\n                        </Text>\n                    </HStack>\n                    <Button className=\"bg-transparent pr-1\" size={'lg'}>\n                        <MaterialIcons size={30} name=\"more-vert\" color={'#000'} />\n                    </Button>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <Box className=\"flex-1 w-full\">\n            {/* <StatusBar style={'dark'} /> */}\n            <Box className=\"flex-1\">\n                <Heading\n                    size={'lg'}\n                    // color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                    className={`p-5 text-[${\n                        props.titleColor || settings?.navTheme == 'dark' ? 'text-white' : 'text-black'\n                    }]`}\n                >\n                    Workspaces\n                </Heading>\n                <VStack className=\"flex-[0.8]\" space={'sm'}>\n                    <FlatList\n                        style={{ flex: 1 }}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 80,\n                        }}\n                        data={\n                            userOrganizationsData?.getUserOrganizations &&\n                            userOrganizationsData?.getUserOrganizations.length > 0\n                                ? userOrganizationsData?.getUserOrganizations\n                                : []\n                        }\n                        renderItem={renderWorkspaces}\n                        ListEmptyComponent={() => {\n                            return (\n                                <Box className=\"bg-white py-2\">\n                                    <VStack space=\"sm\">\n                                        <Box className=\"px-4 py-5\">\n                                            <Text>No Memebers found</Text>\n                                        </Box>\n                                    </VStack>\n                                </Box>\n                            );\n                        }}\n                        key={'workspaces-list'}\n                    />\n                    {/* {userOrganizationsData?.getUserOrganizations &&\n                        userOrganizationsData?.getUserOrganizations?.length > 0 &&\n                        userOrganizationsData?.getUserOrganizations?.map((o: any, i: any) => {\n                            const matches: any = o?.title?.match(/\\b(\\w)/g) ?? '';\n                            const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n                            return (\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    key={i}\n                                    onPress={() => goToOrganization(o.name)}\n                                >\n                                    <HStack px=\"1\" justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                        <HStack alignItems=\"center\">\n                                            <IconButton\n                                                mx={2}\n                                                px={2}\n                                                py={2}\n                                                size={12}\n                                                bg={'transparent'}\n                                                borderRadius={'lg'}\n                                                borderWidth={o.name == orgName ? 2 : 1}\n                                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                                icon={\n                                                    <Avatar\n                                                        bg={'gray.300'}\n                                                        size={o.name == orgName ? 10 : 12}\n                                                        borderRadius={o.name == orgName ? 0 : 'lg'}\n                                                        p={2}\n                                                        _image={{ borderRadius: 0 }}\n                                                        _text={{ color: '#000', fontWeight: 800, fontSize: 18 }}\n                                                    >\n                                                        {acronym}\n                                                    </Avatar>\n                                                }\n                                            />\n                                            <Text color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                                {o?.title ?? o.name}\n                                            </Text>\n                                        </HStack>\n                                        <IconButton\n                                            size={'lg'}\n                                            _icon={{\n                                                as: MaterialIcons,\n                                                name: 'more-vert',\n                                                color: '#000',\n                                            }}\n                                        />\n                                    </HStack>\n                                </TouchableHighlight>\n                            );\n                        })} */}\n                </VStack>\n                <VStack className=\"flex-1 w-full bg-white absolute bottom-10\" space={'sm'}>\n                    <Divider className=\"w-full\" />\n                    {user?.accessToken && (\n                        <VStack space={'sm'}>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => addWorkSpace()}\n                            >\n                                <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Add a workspace\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                            >\n                                <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Preferences\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                            >\n                                <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Help\n                                </ButtonText>\n                            </Button>\n                            {/* <HStack px=\"1\" pt={1} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    style={{ width: '100%' }}\n                                    onPress={() => CreateOrganization()}\n                                >\n                                    <Text textAlign={'center'} color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                        Add a Workspace\n                                    </Text>\n                                </TouchableHighlight>\n                            </HStack> */}\n                        </VStack>\n                    )}\n                </VStack>\n            </Box>\n        </Box>\n    );\n};\n\nconst CustomDrawer = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings, shallowEqual) as any;\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 w-full\">\n                {user && user?.accessToken ? <CustomDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomDrawer);\n"],"names":["React","orgName"],"mappings":"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"}

package/lib/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/core';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { Image, Pressable, Text, View } from 'react-native';\nimport styles from './styles';\nimport filter from '../../assets/images/filter.png';\ntype HeaderProps = {\n    title: any;\n    icon: boolean;\n    children: any;\n};\n\nconst days = 7;\n\nconst Header = ({ title, icon, children }: HeaderProps) => {\n    const naigation = useNavigation();\n\n    return (\n        <View style={styles.container}>\n            {children}\n            {/* Details - Text */}\n            {title && <Text style={styles.detailsLabel}>{title}</Text>}\n\n            {/* Type & Description - Text */}\n            {icon && <Image style={styles.filterImage} source={filter} />}\n        </View>\n    );\n};\n\nexport default Header;\n"],"names":["React","filter"],"mappings":"mNAWA,MAAM,SAAS,CAAC;AAAA,EACd,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAmB,KAAA;AACjB,EAAkB,aAAc;AAChC,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,MAAA,CAAO,aAChB,QAEA,EAAA,KAAA,oBAAUA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,MAAA,CAAO,gBAAe,KAAM,CAAA,EAGlD,wBAASA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,OAAO,MAAO,CAAA,WAAA,EAAa,MAAQ,EAAAC,GAAA,EAAQ,CAC/D,CAAA;AACR"}
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/core';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { Image, Pressable, Text, View } from 'react-native';\nimport styles from './styles';\nimport filter from '../../assets/images/filter.png';\ntype HeaderProps = {\n    title: any;\n    icon: boolean;\n    children: any;\n};\n\nconst days = 7;\n\nconst Header = ({ title, icon, children }: HeaderProps) => {\n    const naigation = useNavigation();\n\n    return (\n        <View style={styles.container}>\n            {children}\n            {/* Details - Text */}\n            {title && <Text style={styles.detailsLabel}>{title}</Text>}\n\n            {/* Type & Description - Text */}\n            {icon && <Image style={styles.filterImage} source={filter} />}\n        </View>\n    );\n};\n\nexport default Header;\n"],"names":["React","filter"],"mappings":"mNAWA,MAAM,SAAS,CAAC;AAAA,EACd,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAkB,aAAA;AAClB,EAAA,uBAAOA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAA,EAAO,MAAA,CAAO,aAChB,QAAA,EAEA,KAAA,oBAASA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,MAAA,CAAO,gBAAe,KAAM,CAAA,EAGlD,wBAAQA,cAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAM,OAAO,MAAA,CAAO,WAAA,EAAa,MAAA,EAAQC,GAAA,EAAQ,CAC/D,CAAA;AACR"}

package/lib/components/Header/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Header/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { Dimensions } from 'react-native';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\nimport Colors from '../../constants/Colors';\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor:'#3f0e40',\n    height:windowHeight-windowWidth*1.92,\n    flexDirection:'row',\n    alignItems:'flex-end',\n    justifyContent:'space-between',\n    paddingHorizontal:20,\n    paddingBottom:10,\n    paddingTop:40\n  },\n  filterImage: {\n   width:30,\n   height:30,\n    resizeMode: 'cover',\n    tintColor:'#fff'\n  },\n  detailsLabel: {\n    color: Colors.dark.text,\n    fontSize: 22,\n    fontWeight:'bold'\n  },\n  descriptionLabel: {\n    fontSize: 18,\n    lineHeight: 24,\n  },\n  pricesLabel: {\n    fontSize: 18,\n    marginVertical: 10,\n  },\n  oldPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'line-through',\n  },\n  newPriceLabel: {\n    fontWeight: 'bold',\n  },\n  totalPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default styles;\n"],"names":[],"mappings":"+FAEA,MAAM,WAAc,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,KAAA;AAC7C,MAAM,YAAe,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,MAAA;AAExC,MAAA,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,SAAA;AAAA,IACjB,MAAA,EAAQ,eAAe,WAAc,GAAA,IAAA;AAAA,IACrC,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,UAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,iBAAmB,EAAA,EAAA;AAAA,IACnB,aAAe,EAAA,EAAA;AAAA,IACf,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,UAAY,EAAA,OAAA;AAAA,IACZ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAA,EAAO,OAAO,IAAK,CAAA,IAAA;AAAA,IACnB,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,EAAA;AAAA,IACV,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,KAAO,EAAA,SAAA;AAAA,IACP,kBAAoB,EAAA;AAAA,GACtB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,UAAY,EAAA;AAAA,GACd;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,IACP,kBAAoB,EAAA;AAAA;AAExB,CAAC"}
+{"version":3,"file":"styles.js","sources":["../../../src/components/Header/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { Dimensions } from 'react-native';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\nimport Colors from '../../constants/Colors';\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor:'#3f0e40',\n    height:windowHeight-windowWidth*1.92,\n    flexDirection:'row',\n    alignItems:'flex-end',\n    justifyContent:'space-between',\n    paddingHorizontal:20,\n    paddingBottom:10,\n    paddingTop:40\n  },\n  filterImage: {\n   width:30,\n   height:30,\n    resizeMode: 'cover',\n    tintColor:'#fff'\n  },\n  detailsLabel: {\n    color: Colors.dark.text,\n    fontSize: 22,\n    fontWeight:'bold'\n  },\n  descriptionLabel: {\n    fontSize: 18,\n    lineHeight: 24,\n  },\n  pricesLabel: {\n    fontSize: 18,\n    marginVertical: 10,\n  },\n  oldPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'line-through',\n  },\n  newPriceLabel: {\n    fontWeight: 'bold',\n  },\n  totalPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default styles;\n"],"names":[],"mappings":"+FAEA,MAAM,WAAA,GAAc,UAAA,CAAW,GAAA,CAAI,QAAQ,CAAA,CAAE,KAAA;AAC7C,MAAM,YAAA,GAAe,UAAA,CAAW,GAAA,CAAI,QAAQ,CAAA,CAAE,MAAA;AAE9C,MAAM,MAAA,GAAS,WAAW,MAAA,CAAO;AAAA,EAC/B,SAAA,EAAW;AAAA,IACT,eAAA,EAAiB,SAAA;AAAA,IACjB,MAAA,EAAQ,eAAe,WAAA,GAAc,IAAA;AAAA,IACrC,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,UAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,iBAAA,EAAmB,EAAA;AAAA,IACnB,aAAA,EAAe,EAAA;AAAA,IACf,UAAA,EAAY;AAAA,GACd;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,UAAA,EAAY,OAAA;AAAA,IACZ,SAAA,EAAW;AAAA,GACb;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,OAAO,IAAA,CAAK,IAAA;AAAA,IACnB,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AAAA,EACA,WAAA,EAAa;AAAA,IACX,QAAA,EAAU,EAAA;AAAA,IACV,cAAA,EAAgB;AAAA,GAClB;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,SAAA;AAAA,IACP,kBAAA,EAAoB;AAAA,GACtB;AAAA,EACA,aAAA,EAAe;AAAA,IACb,UAAA,EAAY;AAAA,GACd;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAA;AAAA,IACP,kBAAA,EAAoB;AAAA;AAExB,CAAC"}

package/lib/components/LoadingSpinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Box,\n    Spinner,\n    Text,\n    HStack,\n    Heading,\n    Center,\n    Modal,\n    ModalBackdrop,\n    ModalContent,\n    ModalHeader,\n    ModalCloseButton,\n    CloseIcon,\n    Icon,\n    ModalBody,\n    ModalFooter,\n} from '@admin-layout/gluestack-ui-mobile';\nimport colors from 'tailwindcss/colors';\n\ninterface LoadingSpinnerProps {\n    color?: string; // optional\n}\n\nexport const LoadingSpinnerDefault = () => (\n    <Center className=\"flex-1 justify-center items-center\">\n        <Spinner color={colors.blue[500]} />\n    </Center>\n);\n\nconst LoadingSpinner = ({ color = '$blue500' }: LoadingSpinnerProps) => {\n    return (\n        <Center className=\"flex-1\">\n            <Modal isOpen={true}>\n                <ModalBackdrop />\n                <ModalContent style={{ maxWidth: 350, maxHeight: 212 }}>\n                    <ModalBody className=\"justify-center items-center\">\n                        <HStack space={'sm'} className=\"justify-center\">\n                            <Spinner color={color} accessibilityLabel=\"Loading\" />\n                            <Heading className=\"text-base\">Loading</Heading>\n                        </HStack>\n                    </ModalBody>\n                </ModalContent>\n            </Modal>\n        </Center>\n    );\n};\n\nexport default LoadingSpinner;\n"],"names":["React"],"mappings":"kMAMO,MAAM,qBAAwB,GAAA,sBAAOA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,oCAAA,EAAA,kBACpDA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,MAAA,CAAO,IAAK,CAAA,GAAA,CAAA,EAAM,CACtC;AACJ,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAQ,GAAA;AACV,CAA2B,KAAA;AACzB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,QAAA,EAAA,kBACdA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,MAAQ,EAAA,IAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACf,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC7B,QAAU,EAAA,GAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb,EAAA,kBACeA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,SAAU,EAAA,6BAAA,EAAA,kBAChBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,IAAA,EAAM,SAAU,EAAA,gBAAA,EAAA,kBAC1BA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAc,kBAAmB,EAAA,SAAA,EAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,WAAY,EAAA,EAAA,SAAO,CAC1C,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Box,\n    Spinner,\n    Text,\n    HStack,\n    Heading,\n    Center,\n    Modal,\n    ModalBackdrop,\n    ModalContent,\n    ModalHeader,\n    ModalCloseButton,\n    CloseIcon,\n    Icon,\n    ModalBody,\n    ModalFooter,\n} from '@admin-layout/gluestack-ui-mobile';\nimport colors from 'tailwindcss/colors';\n\ninterface LoadingSpinnerProps {\n    color?: string; // optional\n}\n\nexport const LoadingSpinnerDefault = () => (\n    <Center className=\"flex-1 justify-center items-center\">\n        <Spinner color={colors.blue[500]} />\n    </Center>\n);\n\nconst LoadingSpinner = ({ color = '$blue500' }: LoadingSpinnerProps) => {\n    return (\n        <Center className=\"flex-1\">\n            <Modal isOpen={true}>\n                <ModalBackdrop />\n                <ModalContent style={{ maxWidth: 350, maxHeight: 212 }}>\n                    <ModalBody className=\"justify-center items-center\">\n                        <HStack space={'sm'} className=\"justify-center\">\n                            <Spinner color={color} accessibilityLabel=\"Loading\" />\n                            <Heading className=\"text-base\">Loading</Heading>\n                        </HStack>\n                    </ModalBody>\n                </ModalContent>\n            </Modal>\n        </Center>\n    );\n};\n\nexport default LoadingSpinner;\n"],"names":["React"],"mappings":"kMAMO,MAAM,qBAAA,GAAwB,sBAAMA,cAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,oCAAA,EAAA,kBACrDA,cAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,MAAA,CAAO,IAAA,CAAK,GAAG,GAAG,CACtC;AACJ,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA,GAAQ;AACV,CAAA,KAA2B;AACzB,EAAA,uBAAOA,cAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,QAAA,EAAA,kBACfA,cAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAM,MAAA,EAAQ,IAAA,EAAA,kBACXA,cAAA,CAAA,aAAA,CAAC,aAAA,EAAA,IAAc,CAAA,kBACfA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAA,EAAO;AAAA,IAC7B,QAAA,EAAU,GAAA;AAAA,IACV,SAAA,EAAW;AAAA,GACb,EAAA,kBACcA,cAAA,CAAA,aAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,6BAAA,EAAA,kBACjBA,cAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,gBAAA,EAAA,kBAC3BA,cAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,OAAc,kBAAA,EAAmB,SAAA,EAAU,CAAA,kBACpDA,cAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,WAAA,EAAA,EAAY,SAAO,CAC1C,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}