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

package/lib/components/CustomDrawer/CustomDrawer.js

@@ -1,7 +1,23 @@
-import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {TouchableHighlight}from'react-native';import {SafeAreaView,Box,useLocationChange,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/lib/generated/generated.js';import {userSelector}from'@adminide-stack/user-auth0-client';const CustomDrawerComponent = props => {
+import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {TouchableHighlight}from'react-native';import {SafeAreaView,Box,useLocationChange,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/lib/generated/generated.js';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const CustomDrawerComponent = (props) => {
   const navigation = useNavigation();
   const user = useSelector(userSelector);
-  const settings = useSelector(state => state.settings);
+  const settings = useSelector((state) => state.settings);
   const {
     open,
     setOpen,
@@ -10,7 +26,9 @@ import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'
     setOrganizationDetail,
     organizationDetail
   } = useDrawerLayout();
-  useLocationChange();
+  const {
+    setLocationChange
+  } = useLocationChange();
   const {
     data: orgDetailData,
     refetch: _refetchOrgDetail
@@ -26,50 +44,37 @@ import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'
     loading: isLoadingUsersOrganization,
     refetch: refetchUserOrganizations
   } = useGetUserOrganizationsQuery({
-    //     //@ts-ignor
     variables: {
-      userId: user === null || user === void 0 ? void 0 : user.id
+      userId: user == null ? void 0 : user.id
     }
-    //fetchPolicy: 'cache-and-network',
   });
   useFocusEffect(React__default.useCallback(() => {
     refetchUserOrganizations({
-      userId: user === null || user === void 0 ? void 0 : user.id
-    });
-    if (orgName) _refetchOrgDetail({
-      where: {
-        name: orgName
-      }
+      userId: user == null ? void 0 : user.id
     });
+    if (orgName)
+      _refetchOrgDetail({
+        where: {
+          name: orgName
+        }
+      });
   }, [orgName, open]));
   React__default.useEffect(() => {
-    if (orgDetailData === null || orgDetailData === void 0 ? void 0 : orgDetailData.getOrganizationDetail) setOrganizationDetail(orgDetailData === null || orgDetailData === void 0 ? void 0 : orgDetailData.getOrganizationDetail);
-  }, [orgDetailData === null || orgDetailData === void 0 ? void 0 : orgDetailData.getOrganizationDetail]);
-  // const goToOrganization = React.useCallback((orgName: any) => {
-  //     setOpen(false);
-  //     setLocationChange({ configurableRoutes: appConfiguredRoutes, orgName: orgName });
-  //     navigation.reset({
-  //         index: 0,
-  //         routes: [
-  //             {
-  //                 name: 'MainStack.Layout.Home',
-  //                 params: { orgName: orgName },
-  //             },
-  //         ],
-  //     });
-  // }, []);
-  const goToOrganization = React__default.useCallback(orgName => {
+    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);
-    navigation.navigate('MainStack', {
+    navigation.navigate("MainStack", {
       screen: NavigationRoutes.Home,
       params: {
-        orgName
+        orgName: orgName2
       }
     });
   }, []);
   const addWorkSpace = React__default.useCallback(() => {
     setOpen(false);
-    navigation === null || navigation === void 0 ? void 0 : navigation.navigate('MainStack', {
+    navigation == null ? void 0 : navigation.navigate("MainStack", {
       screen: NavigationRoutes.AddWorkSpace,
       params: {
         orgName
@@ -81,167 +86,55 @@ import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'
     index: i
   }) => {
     var _a, _b, _c;
-    const title = (_a = o === null || o === void 0 ? void 0 : o.title) !== null && _a !== void 0 ? _a : o.name;
-    const matches = (_b = title === null || title === void 0 ? void 0 : title.match(/\b(\w)/g)) !== null && _b !== void 0 ? _b : '';
-    //const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON
-    const acronym = Array.isArray(matches) ? (_c = matches === null || matches === void 0 ? void 0 : matches.join('')) === null || _c === void 0 ? void 0 : _c.substring(0, 2) : ''; // JSON
-    return React__default.createElement(TouchableHighlight, {
-      underlayColor: 'transparent',
-      activeOpacity: 0.5,
-      key: i,
-      onPress: () => goToOrganization(o.name)
-    }, React__default.createElement(HStack, {
-      px: '$2',
-      justifyContent: "space-between",
-      alignItems: "center",
-      w: "100%",
-      py: '$2'
-    }, React__default.createElement(HStack, {
-      space: 'sm',
-      alignItems: "center"
-    }, React__default.createElement(Button
-    // mx={'$2'}
-    , {
-      // mx={'$2'}
-      px: '$0',
-      py: '$0',
-      size: 'md',
-      bg: 'transparent'
-    }, React__default.createElement(Avatar, {
-      bg: '$trueGray300',
-      size: 'md',
-      // borderRadius={o.name == orgName ? '$none' : '$lg'}
-      borderRadius: '$lg',
-      borderWidth: o.name == orgName ? '$2' : '$1',
-      borderColor: o.name == orgName ? '#000' : '#d3d3d3',
-      p: '$0'
-    }, React__default.createElement(Text, {
-      fontWeight: '$extrabold',
-      color: "$black",
-      style: {
-        fontSize: 18
-      }
-    }, acronym))), React__default.createElement(Text, {
-      color: "$black",
-      style: {
-        fontSize: 16
+    const title = (_a = o == null ? void 0 : o.title) != null ? _a : o.name;
+    const matches = (_b = title == null ? void 0 : title.match(/\b(\w)/g)) != null ? _b : "";
+    const acronym = Array.isArray(matches) ? (_c = matches == null ? void 0 : matches.join("")) == null ? void 0 : _c.substring(0, 2) : "";
+    return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", activeOpacity: 0.5, key: i, onPress: () => goToOrganization(o.name) }, /* @__PURE__ */ React__default.createElement(HStack, { px: "$2", justifyContent: "space-between", alignItems: "center", w: "100%", py: "$2" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        px: "$0",
+        py: "$0",
+        size: "md",
+        bg: "transparent"
       },
-      w: '60%',
-      fontWeight: '$bold'
-    }, title)), React__default.createElement(Button, {
-      bg: 'transparent',
-      size: 'lg',
-      pr: '$1'
-    }, React__default.createElement(MaterialIcons, {
-      size: 30,
-      name: "more-vert",
-      color: '#000'
-    }))));
+      /* @__PURE__ */ React__default.createElement(
+        Avatar,
+        {
+          bg: "$trueGray300",
+          size: "md",
+          borderRadius: "$lg",
+          borderWidth: o.name == orgName ? "$2" : "$1",
+          borderColor: o.name == orgName ? "#000" : "#d3d3d3",
+          p: "$0"
+        },
+        /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "$extrabold", color: "$black", style: {
+          fontSize: 18
+        } }, acronym)
+      )
+    ), /* @__PURE__ */ React__default.createElement(Text, { color: "$black", style: {
+      fontSize: 16
+    }, w: "60%", fontWeight: "$bold" }, title)), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "lg", pr: "$1" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "more-vert", color: "#000" }))));
   };
-  return React__default.createElement(Box, {
-    flex: 1,
-    w: '100%'
-  }, React__default.createElement(Box, {
-    flex: 1
-  }, React__default.createElement(Heading, {
-    p: '$5',
-    size: 'lg',
-    color: props.titleColor || (settings === null || settings === void 0 ? void 0 : settings.navTheme) == 'dark' ? 'white' : 'black'
-  }, "Workspaces"), React__default.createElement(VStack, {
-    flex: 0.8,
-    space: 'sm'
-  }, React__default.createElement(FlatList, {
-    flex: 1,
-    keyExtractor: (item, index) => String(index),
-    contentContainerStyle: {
-      flexGrow: 1,
-      paddingBottom: 80
-    },
-    data: (userOrganizationsData === null || userOrganizationsData === void 0 ? void 0 : userOrganizationsData.getUserOrganizations) && (userOrganizationsData === null || userOrganizationsData === void 0 ? void 0 : userOrganizationsData.getUserOrganizations.length) > 0 ? userOrganizationsData === null || userOrganizationsData === void 0 ? void 0 : userOrganizationsData.getUserOrganizations : [],
-    renderItem: renderWorkspaces,
-    ListEmptyComponent: () => {
-      return React__default.createElement(Box, {
-        bg: '#fff',
-        py: '$2'
-      }, React__default.createElement(VStack, {
-        space: "sm"
-      }, React__default.createElement(Box, {
-        px: "$4",
-        py: '$5'
-      }, React__default.createElement(Text, null, "No Memebers found"))));
-    },
-    key: 'workspaces-list'
-  })), React__default.createElement(VStack, {
-    flex: 1,
-    w: '100%',
-    space: 'sm',
-    bg: '$white',
-    position: 'absolute',
-    bottom: '$10'
-  }, React__default.createElement(Divider, {
-    w: '100%'
-  }), (user === null || user === void 0 ? void 0 : user.accessToken) && React__default.createElement(VStack, {
-    space: 'sm'
-  }, React__default.createElement(Button, {
-    size: 'sm',
-    variant: 'solid',
-    bg: 'transparent',
-    "$pressed-bg": '$trueGray200',
-    justifyContent: 'flex-start',
-    onPress: () => addWorkSpace()
-  }, React__default.createElement(AntDesign, {
+  return /* @__PURE__ */ React__default.createElement(Box, { flex: 1, w: "100%" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Heading, { p: "$5", size: "lg", color: props.titleColor || (settings == null ? void 0 : settings.navTheme) == "dark" ? "white" : "black" }, "Workspaces"), /* @__PURE__ */ React__default.createElement(VStack, { flex: 0.8, space: "sm" }, /* @__PURE__ */ React__default.createElement(FlatList, { flex: 1, keyExtractor: (item, index) => String(index), contentContainerStyle: {
+    flexGrow: 1,
+    paddingBottom: 80
+  }, data: (userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations) && (userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations.length) > 0 ? userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations : [], renderItem: renderWorkspaces, ListEmptyComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(Box, { bg: "#fff", py: "$2" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { px: "$4", py: "$5" }, /* @__PURE__ */ React__default.createElement(Text, null, "No Memebers found"))));
+  }, key: "workspaces-list" })), /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, w: "100%", space: "sm", bg: "$white", position: "absolute", bottom: "$10" }, /* @__PURE__ */ React__default.createElement(Divider, { w: "100%" }), (user == null ? void 0 : user.accessToken) && /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", bg: "transparent", "$pressed-bg": "$trueGray200", justifyContent: "flex-start", onPress: () => addWorkSpace() }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "plus", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$2", style: {
     color: "black",
-    name: "plus",
-    size: 22
-  }), React__default.createElement(ButtonText, {
-    pl: '$2',
-    style: {
-      color: 'black',
-      fontSize: 15
-    }
-  }, "Add a workspace")), React__default.createElement(Button, {
-    size: 'sm',
-    variant: 'solid',
-    bg: 'transparent',
-    "$pressed-bg": '$trueGray200',
-    justifyContent: 'flex-start'
-  }, React__default.createElement(Ionicons, {
+    fontSize: 15
+  } }, "Add a workspace")), /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", bg: "transparent", "$pressed-bg": "$trueGray200", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "black", name: "settings-outline", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$2", style: {
     color: "black",
-    name: "settings-outline",
-    size: 22
-  }), React__default.createElement(ButtonText, {
-    pl: '$2',
-    style: {
-      color: 'black',
-      fontSize: 15
-    }
-  }, "Preferences")), React__default.createElement(Button, {
-    size: 'sm',
-    variant: 'solid',
-    bg: 'transparent',
-    "$pressed-bg": '$trueGray200',
-    justifyContent: 'flex-start'
-  }, React__default.createElement(Ionicons, {
+    fontSize: 15
+  } }, "Preferences")), /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", bg: "transparent", "$pressed-bg": "$trueGray200", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "black", name: "help-circle-outline", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$2", style: {
     color: "black",
-    name: "help-circle-outline",
-    size: 22
-  }), React__default.createElement(ButtonText, {
-    pl: '$2',
-    style: {
-      color: 'black',
-      fontSize: 15
-    }
-  }, "Help"))))));
+    fontSize: 15
+  } }, "Help"))))));
 };
-const CustomDrawer = props => {
+const CustomDrawer = (props) => {
   useNavigation();
   const user = useSelector(userSelector);
-  useSelector(state => state.settings);
-  return React__default.createElement(SafeAreaView, {
-    flex: 1
-  }, React__default.createElement(Box, {
-    flex: 1,
-    w: '100%'
-  }, user && (user === null || user === void 0 ? void 0 : user.accessToken) ? React__default.createElement(CustomDrawerComponent, Object.assign({}, props)) : React__default.createElement(React__default.Fragment, null)));
+  useSelector((state) => state.settings);
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1, w: "100%" }, user && (user == null ? void 0 : user.accessToken) ? /* @__PURE__ */ React__default.createElement(CustomDrawerComponent, __spreadValues({}, props)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)));
 };
 var CustomDrawer$1 = React__default.memo(CustomDrawer);export{CustomDrawer$1 as default};//# sourceMappingURL=CustomDrawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomDrawer.js","sources":["../../../src/components/CustomDrawer/CustomDrawer.tsx"],"sourcesContent":[null],"names":["React"],"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 } from 'react-native';\nimport {\n    SafeAreaView,\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/lib/generated/generated.js';\nimport { startCase } from 'lodash-es';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\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 px={'$2'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\" py={'$2'}>\n                    <HStack space={'sm'} alignItems=\"center\">\n                        <Button\n                            // mx={'$2'}\n                            px={'$0'}\n                            py={'$0'}\n                            size={'md'}\n                            bg={'transparent'}\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                bg={'$trueGray300'}\n                                size={'md'}\n                                // borderRadius={o.name == orgName ? '$none' : '$lg'}\n                                borderRadius={'$lg'}\n                                borderWidth={o.name == orgName ? '$2' : '$1'}\n                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                p={'$0'}\n                            >\n                                <Text fontWeight={'$extrabold'} color=\"$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 color=\"$black\" style={{ fontSize: 16 }} w={'60%'} fontWeight={'$bold'}>\n                            {title}\n                        </Text>\n                    </HStack>\n                    <Button bg={'transparent'} size={'lg'} pr={'$1'}>\n                        <MaterialIcons size={30} name=\"more-vert\" color={'#000'} />\n                    </Button>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <Box flex={1} w={'100%'}>\n            {/* <StatusBar style={'dark'} /> */}\n            <Box flex={1}>\n                <Heading\n                    p={'$5'}\n                    size={'lg'}\n                    color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                >\n                    Workspaces\n                </Heading>\n                <VStack flex={0.8} space={'sm'}>\n                    <FlatList\n                        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 bg={'#fff'} py={'$2'}>\n                                    <VStack space=\"sm\">\n                                        <Box 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 flex={1} w={'100%'} space={'sm'} bg={'$white'} position={'absolute'} bottom={'$10'}>\n                    <Divider w={'100%'} />\n                    {user?.accessToken && (\n                        <VStack space={'sm'}>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                                onPress={() => addWorkSpace()}\n                            >\n                                <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Add a workspace\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                            >\n                                <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Preferences\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                            >\n                                <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                <ButtonText 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 flex={1}>\n            <Box flex={1} w={'100%'}>\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

@@ -4,12 +4,5 @@ import {useNavigation}from'@react-navigation/core';import React__default from're
   children
 }) => {
   useNavigation();
-  return React__default.createElement(View, {
-    style: styles.container
-  }, children, title && React__default.createElement(Text, {
-    style: styles.detailsLabel
-  }, title), icon && React__default.createElement(Image, {
-    style: styles.filterImage,
-    source: img
-  }));
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles.container }, children, title && /* @__PURE__ */ React__default.createElement(Text, { style: styles.detailsLabel }, title), icon && /* @__PURE__ */ React__default.createElement(Image, { style: styles.filterImage, source: img }));
 };export{Header as default};//# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"mNAaM,MAAA,MAAM,GAAG,CAAC;AACZ,EAAA,KAAA;MAEO;;;AAOE,EAAS,aAAA;AAGtB,EAAE,OAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAEF,IAAA,KAAA,EAAA;;;;;;;"}
+{"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"}

package/lib/components/Header/styles.js

@@ -1,12 +1,12 @@
-import {Dimensions,StyleSheet}from'react-native';import colors from'../../constants/Colors.js';const windowWidth = Dimensions.get('window').width;
-const windowHeight = Dimensions.get('window').height;
+import {Dimensions,StyleSheet}from'react-native';import colors from'../../constants/Colors.js';const windowWidth = Dimensions.get("window").width;
+const windowHeight = Dimensions.get("window").height;
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#3f0e40',
+    backgroundColor: "#3f0e40",
     height: windowHeight - windowWidth * 1.92,
-    flexDirection: 'row',
-    alignItems: 'flex-end',
-    justifyContent: 'space-between',
+    flexDirection: "row",
+    alignItems: "flex-end",
+    justifyContent: "space-between",
     paddingHorizontal: 20,
     paddingBottom: 10,
     paddingTop: 40
@@ -14,13 +14,13 @@ const styles = StyleSheet.create({
   filterImage: {
     width: 30,
     height: 30,
-    resizeMode: 'cover',
-    tintColor: '#fff'
+    resizeMode: "cover",
+    tintColor: "#fff"
   },
   detailsLabel: {
     color: colors.dark.text,
     fontSize: 22,
-    fontWeight: 'bold'
+    fontWeight: "bold"
   },
   descriptionLabel: {
     fontSize: 18,
@@ -31,14 +31,14 @@ const styles = StyleSheet.create({
     marginVertical: 10
   },
   oldPriceLabel: {
-    color: '#5b5b5b',
-    textDecorationLine: 'line-through'
+    color: "#5b5b5b",
+    textDecorationLine: "line-through"
   },
   newPriceLabel: {
-    fontWeight: 'bold'
+    fontWeight: "bold"
   },
   totalPriceLabel: {
-    color: '#5b5b5b',
-    textDecorationLine: 'underline'
+    color: "#5b5b5b",
+    textDecorationLine: "underline"
   }
 });export{styles as default};//# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Header/styles.ts"],"sourcesContent":[null],"names":["Colors"],"mappings":"+FAEA,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;AAClD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM;AAEpD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,EAAA,SAAA,EAAS;AACP,IAAA,eAAA,EAAA,SAAyB;AACzB,IAAA,MAAA,EAAA,YAAO,GAAA,WAAa,GAAA,IAAY;AAChC,IAAA,aAAA,EAAA,KAAmB;AACnB,IAAA,UAAA,EAAA,UAAqB;AACrB,IAAA,cAAA,EAAA,eAA8B;AAC9B,IAAA,iBAAA,EAAA,EAAiB;AACjB,IAAA,aAAA,EAAA,EAAa;AACb,IAAA,UAAA,EAAA;AACD,GAAA;AACD,EAAA,WAAA,EAAW;AACV,IAAA,KAAA,EAAA,EAAK;AACL,IAAA,MAAA,EAAA,EAAM;AACL,IAAA,UAAA,EAAA,OAAmB;AACnB,IAAA,SAAA,EAAA;AACD,GAAA;AACD,EAAA,YAAA,EAAY;AACV,IAAA,KAAA,EAAAA,MAAO,CAAA,IAAO,CAAA,IAAK;AACnB,IAAA,QAAA,EAAA,EAAQ;AACR,IAAA,UAAA,EAAA;AACD,GAAA;AACD,EAAA,gBAAA,EAAgB;AACd,IAAA,QAAA,EAAA,EAAQ;AACR,IAAA,UAAA,EAAA;AACD,GAAA;AACD,EAAA,WAAA,EAAW;AACT,IAAA,QAAA,EAAA,EAAQ;AACR,IAAA,cAAA,EAAA;AACD,GAAA;AACD,EAAA,aAAA,EAAa;AACX,IAAA,KAAA,EAAA,SAAgB;AAChB,IAAA,kBAAA,EAAA;AACD,GAAA;AACD,EAAA,aAAA,EAAa;AACX,IAAA,UAAA,EAAA;AACD,GAAA;AACD,EAAA,eAAA,EAAe;AACb,IAAA,KAAA,EAAA,SAAgB;AAChB,IAAA,kBAAA,EAAA;AACD;AACF,CAAA"}
+{"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":["Colors"],"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,EAAOA,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"}

package/lib/components/LoadingSpinner/index.js

@@ -1,32 +1,9 @@
-import React__default from'react';import {Center,Spinner,Modal,ModalBackdrop,ModalContent,ModalBody,HStack,Heading}from'@admin-layout/gluestack-ui-mobile';const LoadingSpinnerDefault = () => React__default.createElement(Center, {
-  flex: 1,
-  justifyContent: "center",
-  alignItems: "center"
-}, React__default.createElement(Spinner, {
-  color: '$blue500'
-}));
+import React__default from'react';import {Center,Spinner,Modal,ModalBackdrop,ModalContent,ModalBody,HStack,Heading}from'@admin-layout/gluestack-ui-mobile';const LoadingSpinnerDefault = () => /* @__PURE__ */ React__default.createElement(Center, { flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }));
 const LoadingSpinner = ({
-  color = '$blue500'
+  color = "$blue500"
 }) => {
-  return React__default.createElement(Center, {
-    flex: 1
-  }, React__default.createElement(Modal, {
-    isOpen: true
-  }, React__default.createElement(ModalBackdrop, null), React__default.createElement(ModalContent, {
-    style: {
-      maxWidth: 350,
-      maxHeight: 212
-    }
-  }, React__default.createElement(ModalBody, {
-    justifyContent: "center",
-    alignItems: 'center'
-  }, React__default.createElement(HStack, {
-    space: 'sm',
-    justifyContent: "center"
-  }, React__default.createElement(Spinner, {
-    color: color,
-    accessibilityLabel: "Loading"
-  }), React__default.createElement(Heading, {
-    fontSize: "$md"
-  }, "Loading"))))));
+  return /* @__PURE__ */ React__default.createElement(Center, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Modal, { isOpen: true }, /* @__PURE__ */ React__default.createElement(ModalBackdrop, null), /* @__PURE__ */ React__default.createElement(ModalContent, { style: {
+    maxWidth: 350,
+    maxHeight: 212
+  } }, /* @__PURE__ */ React__default.createElement(ModalBody, { justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color, accessibilityLabel: "Loading" }), /* @__PURE__ */ React__default.createElement(Heading, { fontSize: "$md" }, "Loading"))))));
 };export{LoadingSpinnerDefault,LoadingSpinner as default};//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"iKAuBa,qBAAqB,GAAG,MAAMA,cACtC,CAAA,aAAA,CAAA,MAAA;MACI,EAAA,CAAA;AAIT,EAAM,cAAA,EAAA,QAAoB;AACtB,EAAA,UACI,EAAC;AACG,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,OAAM,EAAA;AACF,EAAA,KAAA,EAAA;AACA,CAAA,CAAA;oBACK,GAAA,CAAA;;;AAGO,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAO5B,IAAE,IAAA,EAAA;AAEF,GAAA,EAAAA,cAAA,CAAA,mBAA8B,EAAA;;;;;;;;;;;;;;;;;;;"}
+{"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';\n\ninterface LoadingSpinnerProps {\n    color?: string; // optional\n}\n\nexport const LoadingSpinnerDefault = () => (\n    <Center flex={1} justifyContent=\"center\" alignItems=\"center\">\n        <Spinner color={'$blue500'} />\n    </Center>\n);\n\nconst LoadingSpinner = ({ color = '$blue500' }: LoadingSpinnerProps) => {\n    return (\n        <Center flex={1}>\n            <Modal isOpen={true}>\n                <ModalBackdrop />\n                <ModalContent style={{ maxWidth: 350, maxHeight: 212 }}>\n                    <ModalBody justifyContent=\"center\" alignItems={'center'}>\n                        <HStack space={'sm'} justifyContent=\"center\">\n                            <Spinner color={color} accessibilityLabel=\"Loading\" />\n                            <Heading fontSize=\"$md\">Loading</Heading>\n                        </HStack>\n                    </ModalBody>\n                </ModalContent>\n            </Modal>\n        </Center>\n    );\n};\n\nexport default LoadingSpinner;\n"],"names":["React"],"mappings":"2JAKO,MAAM,qBAAwB,GAAA,sBAAOA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAM,CAAG,EAAA,cAAA,EAAe,QAAS,EAAA,UAAA,EAAW,QACvF,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAY,CAChC;AACJ,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAQ,GAAA;AACV,CAA2B,KAAA;AACzB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,CAAA,EAAA,kBACVA,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,GAEC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,cAAA,EAAe,QAAS,EAAA,UAAA,EAAY,QAC3C,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,cAAA,EAAe,QAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAc,kBAAmB,EAAA,SAAA,EAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,KAAM,EAAA,EAAA,SAAO,CACnC,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}