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

package/lib/navigation/SearchTabNavigation.js

@@ -1,169 +1,91 @@
-import React__default from'react';import {StyleSheet,useWindowDimensions}from'react-native';import {TabBar,TabView,SceneMap}from'react-native-tab-view';import {createMaterialTopTabNavigator}from'@react-navigation/material-top-tabs';import'@admin-layout/gluestack-ui-mobile';import'@react-navigation/native';import'@expo/vector-icons';import'react-redux';import'@adminide-stack/user-auth0-client';import'@common-stack/client-react';import'../screens/Home/HomeScreen.js';import'@messenger-box/platform-mobile';import'tslib';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'@react-navigation/core';import'../components/Header/styles.js';import'../components/Tiles/styles.js';import'../components/CustomDrawer/CustomDrawer.js';import'../components/CustomBottomTabs/CustomBottomTabs.js';import'../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'../constants/routes.js';import'../components/NavigationHeader/InboxNavigationHeader.js';import {LoadingSpinnerDefault}from'../components/LoadingSpinner/index.js';import'../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../components/SlackSearchInput/index.js';import'common';import'common/lib/generated/generated.js';import'expo-status-bar';import'lodash-es';import colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import SearchScreen from'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'expo-contacts';import'../config/env-config.js';import'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';createMaterialTopTabNavigator();
-const SearchTabNavigation = props => {
+import React__default from'react';import {useWindowDimensions,StyleSheet}from'react-native';import {TabBar,TabView,SceneMap}from'react-native-tab-view';import {createMaterialTopTabNavigator}from'@react-navigation/material-top-tabs';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'@workbench-stack/core';import'@admin-layout/gluestack-ui-mobile';import'@react-navigation/core';import'../components/Header/styles.js';import'../components/Tiles/styles.js';import'../components/CustomDrawer/CustomDrawer.js';import'../components/CustomBottomTabs/CustomBottomTabs.js';import'../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'@common-stack/client-react';import'../components/NavigationHeader/InboxNavigationHeader.js';import {LoadingSpinnerDefault}from'../components/LoadingSpinner/index.js';import'../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../components/SlackSearchInput/index.js';import'common';import'common/lib/generated/generated.js';import'expo-status-bar';import'react-redux';import'lodash-es';import colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'@react-navigation/native';import SearchScreen from'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'expo-contacts';import'../config/env-config.js';import'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+createMaterialTopTabNavigator();
+const SearchTabNavigation = (props) => {
   const layout = useWindowDimensions();
   const [index, setIndex] = React__default.useState(0);
   const [routes] = React__default.useState([{
-    key: 'recents',
-    title: 'Recents'
+    key: "recents",
+    title: "Recents"
   }, {
-    key: 'channels',
-    title: 'Channels'
+    key: "channels",
+    title: "Channels"
   }, {
-    key: 'people',
-    title: 'People'
+    key: "people",
+    title: "People"
   }, {
-    key: 'files',
-    title: 'Files'
+    key: "files",
+    title: "Files"
   }]);
-  const TabBarComponent = React__default.useCallback(props => {
+  const TabBarComponent = React__default.useCallback((props2) => {
     var _a;
-    return React__default.createElement(TabBar, Object.assign({}, props, {
-      style: [styles.tabBar, {
-        opacity: ((_a = props === null || props === void 0 ? void 0 : props.navigationState) === null || _a === void 0 ? void 0 : _a.index) === index ? 1 : 0.8
-      }],
-      indicatorStyle: styles.indicator,
-      labelStyle: styles.label,
-      inactiveColor: '#A9A9A9'
-    }));
+    return /* @__PURE__ */ React__default.createElement(
+      TabBar,
+      __spreadProps(__spreadValues({}, props2), {
+        style: [styles.tabBar, {
+          opacity: ((_a = props2 == null ? void 0 : props2.navigationState) == null ? void 0 : _a.index) === index ? 1 : 0.8
+        }],
+        indicatorStyle: styles.indicator,
+        labelStyle: styles.label,
+        inactiveColor: "#A9A9A9"
+      })
+    );
   }, [index]);
-  return React__default.createElement(TabView, {
-    navigationState: {
-      index,
-      routes
-    },
-    onIndexChange: setIndex,
-    renderScene: SceneMap({
-      recents: () => React__default.createElement(SearchScreen, Object.assign({
-        key: 'recentsTabKey'
-      }, props, {
-        tab: 'recents'
-      })),
-      channels: () => React__default.createElement(SearchScreen, Object.assign({
-        key: 'channelsTabKey'
-      }, props, {
-        tab: 'channels'
-      })),
-      people: () => React__default.createElement(SearchScreen, Object.assign({
-        key: 'peoplesTabKey'
-      }, props, {
-        tab: 'people'
-      })),
-      files: () => React__default.createElement(SearchScreen, Object.assign({
-        key: 'filesTabKey'
-      }, props, {
-        tab: 'files'
-      }))
-    }),
-    initialLayout: {
-      width: layout.width
-    },
-    renderTabBar: TabBarComponent,
-    lazy: true,
-    renderLazyPlaceholder: () => React__default.createElement(LoadingSpinnerDefault, null)
-  })
-  // <Tab.Navigator
-  //     screenOptions={{
-  //         swipeEnabled: true,
-  //         tabBarScrollEnabled: true,
-  //         tabBarActiveTintColor: '#000',
-  //         tabBarInactiveTintColor: '#fff',
-  //         tabBarLabelStyle: {
-  //             textTransform: 'none',
-  //             fontSize: 16,
-  //             fontWeight: '500',
-  //             marginHorizontal: 0,
-  //             paddingHorizontal: 0,
-  //         },
-  //         tabBarItemStyle: {
-  //             width: 100,
-  //             height: 'auto',
-  //             marginHorizontal: 0,
-  //             paddingHorizontal: 5,
-  //         },
-  //         tabBarContentContainerStyle: {
-  //             //  backgroundColor: Colors.primaryBgColor,
-  //         },
-  //         tabBarStyle: {
-  //             backgroundColor: Colors.primaryBgColor,
-  //             marginHorizontal: 0,
-  //             paddingHorizontal: 0,
-  //         },
-  //         tabBarIndicatorStyle: {
-  //             marginHorizontal: 0,
-  //             paddingHorizontal: 0,
-  //             height: '100%',
-  //             backgroundColor: 'white',
-  //             borderWidth: 8,
-  //             borderTopRightRadius: 20, //add border top right radius
-  //             borderTopLeftRadius: 20, //add border top left radius
-  //             borderBottomLeftRadius: 20,
-  //             borderBottomRightRadius: 20,
-  //             borderColor: Colors.primaryBgColor,
-  //         },
-  //         lazy: true,
-  //     }}
-  //     sceneContainerStyle={{ flex: 1 }}
-  //     initialRouteName={'Recents'}
-  // >
-  //     <Tab.Screen
-  //         name="Recents"
-  //         key={'searchrecentsKey'}
-  //         options={{ title: 'Recents', tabBarLabel: 'Recents' }}
-  //         //component={Search}
-  //         children={() => <Search key={'recentsTabKey'} {...props}  tab={'recents'} />}
-  //     />
-  //     <Tab.Screen
-  //         name="Channels"
-  //         key={'searchchannelsKey'}
-  //         options={{ title: 'Channels', tabBarLabel: 'Channels' }}
-  //        // component={Search}
-  //         children={() => <Search key={'channelsTabKey'} {...props} tab={'channels'} />}
-  //     />
-  //     <Tab.Screen
-  //         name="People"
-  //         key={'searchpeopleKey'}
-  //         options={{ title: 'People', tabBarLabel: 'People' }}
-  //        // component={Search}
-  //         children={() => <Search key={'peoplesTabKey'} {...props} tab={'people'} />}
-  //     />
-  //     <Tab.Screen
-  //         name="Files"
-  //         key={'searchfilesKey'}
-  //         options={{ title: 'Files', tabBarLabel: 'Files' }}
-  //         //component={Search}
-  //        children={() => <Search key={'filesTabKey'} {...props} tab={'files'} />}
-  //     />
-  // </Tab.Navigator>
-  ;
+  return /* @__PURE__ */ React__default.createElement(TabView, { navigationState: {
+    index,
+    routes
+  }, onIndexChange: setIndex, renderScene: SceneMap({
+    recents: () => /* @__PURE__ */ React__default.createElement(SearchScreen, __spreadProps(__spreadValues({ key: "recentsTabKey" }, props), { tab: "recents" })),
+    channels: () => /* @__PURE__ */ React__default.createElement(SearchScreen, __spreadProps(__spreadValues({ key: "channelsTabKey" }, props), { tab: "channels" })),
+    people: () => /* @__PURE__ */ React__default.createElement(SearchScreen, __spreadProps(__spreadValues({ key: "peoplesTabKey" }, props), { tab: "people" })),
+    files: () => /* @__PURE__ */ React__default.createElement(SearchScreen, __spreadProps(__spreadValues({ key: "filesTabKey" }, props), { tab: "files" }))
+  }), initialLayout: {
+    width: layout.width
+  }, renderTabBar: TabBarComponent, lazy: true, renderLazyPlaceholder: () => /* @__PURE__ */ React__default.createElement(LoadingSpinnerDefault, null) });
 };
 const styles = StyleSheet.create({
   scene: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
   },
   tabBar: {
-    backgroundColor: colors.primaryBgColor // Set your background color here
+    backgroundColor: colors.primaryBgColor
   },
   indicator: {
     marginHorizontal: 0,
     paddingHorizontal: 0,
-    height: '100%',
-    backgroundColor: 'white',
+    height: "100%",
+    backgroundColor: "white",
     borderWidth: 8,
     borderTopRightRadius: 20,
-    //add border top right radius
     borderTopLeftRadius: 20,
-    //add border top left radius
     borderBottomLeftRadius: 20,
     borderBottomRightRadius: 20,
     borderColor: colors.primaryBgColor
   },
   label: {
-    color: 'black',
-    textTransform: 'none',
+    color: "black",
+    textTransform: "none",
     fontSize: 18,
-    fontWeight: '600',
+    fontWeight: "600",
     marginHorizontal: 0,
     paddingHorizontal: 0
   }

package/lib/navigation/SearchTabNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTabNavigation.js","sources":["../../src/navigation/SearchTabNavigation.tsx"],"sourcesContent":[null],"names":["React","Search"],"mappings":"41EAOY,6BAA6B;AAEzC,MAAM,mBAAmB,GAAG,KAAC,IAAc;AACvC,EAAA,MAAA,MAAY,GAAA,mBAAsB,EAAA;AAElC,EAAA,MAAA,CAAA,KAAO,EAAK,QAAE,CAAA,GAASA,cAAQ,CAAA,QAAS,CAAA,CAAA,CAAC;AACzC,EAAA,MAAA,CAAA,MAAa,CAAA,iBAAS,CAAA,UAAS;AAC7B,IAAA,GAAA,EAAA,SAAO;AACP,IAAA,KAAA;AACA,GAAA,EAAA;AACA,IAAA,GAAA,EAAA,UAAO;AACR,IAAA,KAAE,EAAA;KAEG;;SACK,EAAA;AAWX,GAAA,EAAC;AAED,IAAA,GAAA,EAAA,OACK;AAIO,IAAA,KAAA,EAAA;AACA,GAAA,CAAA,CAAA;AACA,EAAA,MAAA,eAAS,GAAKA,cAAA,CAAA,WAAA,CAAA,SAAQ;AACtB,IAAA,IAAA,EAAA;WACFA,cACW,CAAA,aAAI,CAAA,MAAa,EAAA,MAAM,CAAA,MACpC,CAAA,EAAA,EAAA,KAAA,EAAY;MAIC,KAAA,EAAA,CAAA,MAAA,CAAA,MAAA,EAAA;QACM,OAAA,EAAA,CAAA,CAAA,EAAA,GAAA,KAAA,KAAA,IAAA,IAAA,KAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,eAAA,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,MAAA,KAAA,GAAA,CAAA,GAAA;OACO,CAAA;MACO,cAAA,EAAA,MAAA,CAAA,SAAA;MACI,UAAA,EAAA,MAAA,CAAA,KAAA;MACE,aAAA,EAAA;KACb,CAAA,CAAA;KACO,CAAA,KAAA,CAAA,CAAA;SACTA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;IAC5B,eAAiC,EAAA;MACE,KAAA;MACC;KACvB;IACb,aAA6B,EAAA,QAAA;IAC7B,WAA0B,EAAA,QAAA,CAAA;MACI,OAAA,EAAA,MAAAA,cAAA,CAAA,aAAA,CAAAC,YAAA,EAAA,MAAA,CAAA,MAAA,CAAA;QACK,GAAA,EAAA;OACC,EAAA,KAAA,EAAA;QACvB,GAAA,EAAA;OAC4B,CAAA,CAAA;MACiB,QAAA,EAAA,MAAAD,cAAA,CAAA,aAAA,CAAAC,YAAA,EAAA,MAAA,CAAA,MAAA,CAAA;QAC7C,GAAA,EAAA;OACY,EAAA,KAAA,EAAA;QAC6B,GAAA,EAAA;OACnB,CAAA,CAAA;MACC,MAAA,EAAA,MAAAD,cAAA,CAAA,aAAA,CAAAC,YAAA,EAAA,MAAA,CAAA,MAAA,CAAA;QACvB,GAAA,EAAA;OACqB,EAAA,KAAA,EAAA;QACC,GAAA,EAAA;OACC,CAAA,CAAA;MACN,KAAA,EAAA,MAAAD,cAAA,CAAA,aAAA,CAAAC,YAAA,EAAA,MAAA,CAAA,MAAA,CAAA;QACU,GAAA,EAAA;OACV,EAAA,KAAA,EAAA;QACwC,GAAA,EAAA;OACF,CAAA;KAC1B,CAAA;IAC1C,aAA2C,EAAA;MACO,KAAA,EAAA,MAAA,CAAA;KACrC;IACb,YAAsB,EAAA,eAAA;IACtB,IAAS,EAAA,IAAA;IACT,qBAAwC,EAAA,MAAAD,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiChD;AAGA;AACI;AACE;AACA;AACA;AACD;AACD;AACE;AACD;AACD;AACI;AACA;AACA;AACA;AACA;;;AAGA;AACA;;AAEH;AACD;AACE;AACA;AACA;AACA;AACA;AACA;AACD;AACF;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchTabNavigation.js","sources":["../../src/navigation/SearchTabNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowDimensions,StyleSheet } from 'react-native';\nimport { TabView, SceneMap,TabBar } from 'react-native-tab-view';\nimport { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';\nimport { Search } from '../screens';\nimport Colors from '../constants/Colors';\nimport {LoadingSpinnerDefault} from '../components/LoadingSpinner';\nconst Tab = createMaterialTopTabNavigator();\n\nconst SearchTabNavigation = (props: any) => {\n    const layout = useWindowDimensions();\n\n    const [index, setIndex] = React.useState(0);\n    const [routes] = React.useState([\n      { key: 'recents', title: 'Recents' },\n      { key: 'channels', title: 'Channels' },\n      { key: 'people', title: 'People' },\n      { key: 'files', title: 'Files' },\n    ]);\n\n    const TabBarComponent = React.useCallback((props)=>{\n        return (\n            <TabBar\n              {...props}\n              style={[styles.tabBar,{opacity:props?.navigationState?.index === index ? 1 : 0.8}]}\n              indicatorStyle={styles.indicator}\n              labelStyle={styles.label}\n              inactiveColor='#A9A9A9'\n             // indicatorContainerStyle={{backgroundColor:'white',borderColor: Colors.primaryBgColor,borderWidth: 3}}\n            />\n          )\n\n    },[index])\n\n    return (\n        <TabView\n            navigationState={{ index, routes }}\n            onIndexChange={setIndex}\n            renderScene={SceneMap({\n                recents:()=>  <Search key={'recentsTabKey'} {...props}  tab={'recents'} />,\n                channels:() =>  <Search key={'channelsTabKey'} {...props} tab={'channels'} />,\n                people:()=>   <Search key={'peoplesTabKey'} {...props} tab={'people'} />,\n                files:() =>   <Search key={'filesTabKey'} {...props} tab={'files'} />,\n            })}\n            initialLayout={{ width: layout.width }}\n            renderTabBar={TabBarComponent}\n            lazy\n            renderLazyPlaceholder={()=><LoadingSpinnerDefault/>}\n            />\n        // <Tab.Navigator\n        //     screenOptions={{\n        //         swipeEnabled: true,\n        //         tabBarScrollEnabled: true,\n        //         tabBarActiveTintColor: '#000',\n        //         tabBarInactiveTintColor: '#fff',\n        //         tabBarLabelStyle: {\n        //             textTransform: 'none',\n        //             fontSize: 16,\n        //             fontWeight: '500',\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 0,\n        //         },\n        //         tabBarItemStyle: {\n        //             width: 100,\n        //             height: 'auto',\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 5,\n        //         },\n        //         tabBarContentContainerStyle: {\n        //             //  backgroundColor: Colors.primaryBgColor,\n        //         },\n        //         tabBarStyle: {\n        //             backgroundColor: Colors.primaryBgColor,\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 0,\n        //         },\n        //         tabBarIndicatorStyle: {\n        //             marginHorizontal: 0,\n        //             paddingHorizontal: 0,\n        //             height: '100%',\n        //             backgroundColor: 'white',\n        //             borderWidth: 8,\n        //             borderTopRightRadius: 20, //add border top right radius\n        //             borderTopLeftRadius: 20, //add border top left radius\n        //             borderBottomLeftRadius: 20,\n        //             borderBottomRightRadius: 20,\n        //             borderColor: Colors.primaryBgColor,\n        //         },\n        //         lazy: true,\n        //     }}\n        //     sceneContainerStyle={{ flex: 1 }}\n        //     initialRouteName={'Recents'}\n        // >\n        //     <Tab.Screen\n        //         name=\"Recents\"\n        //         key={'searchrecentsKey'}\n        //         options={{ title: 'Recents', tabBarLabel: 'Recents' }}\n        //         //component={Search}\n        //         children={() => <Search key={'recentsTabKey'} {...props}  tab={'recents'} />}\n        //     />\n        //     <Tab.Screen\n        //         name=\"Channels\"\n        //         key={'searchchannelsKey'}\n        //         options={{ title: 'Channels', tabBarLabel: 'Channels' }}\n        //        // component={Search}\n        //         children={() => <Search key={'channelsTabKey'} {...props} tab={'channels'} />}\n        //     />\n        //     <Tab.Screen\n        //         name=\"People\"\n        //         key={'searchpeopleKey'}\n        //         options={{ title: 'People', tabBarLabel: 'People' }}\n        //        // component={Search}\n        //         children={() => <Search key={'peoplesTabKey'} {...props} tab={'people'} />}\n        //     />\n        //     <Tab.Screen\n        //         name=\"Files\"\n        //         key={'searchfilesKey'}\n        //         options={{ title: 'Files', tabBarLabel: 'Files' }}\n        //         //component={Search}\n        //        children={() => <Search key={'filesTabKey'} {...props} tab={'files'} />}\n        //     />\n        // </Tab.Navigator>\n    );\n};\n\n\nconst styles = StyleSheet.create({\n    scene: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    tabBar: {\n      backgroundColor: Colors.primaryBgColor, // Set your background color here\n    },\n    indicator: {\n        marginHorizontal: 0,\n        paddingHorizontal: 0,\n        height: '100%',\n        backgroundColor: 'white',\n        borderWidth: 8,\n        borderTopRightRadius: 20, //add border top right radius\n        borderTopLeftRadius: 20, //add border top left radius\n        borderBottomLeftRadius: 20,\n        borderBottomRightRadius: 20,\n        borderColor: Colors.primaryBgColor,\n    },\n    label: {\n      color: 'black',\n      textTransform: 'none',\n      fontSize: 18,\n      fontWeight: '600',\n      marginHorizontal: 0,\n      paddingHorizontal: 0,\n    },\n  });\n\nexport default SearchTabNavigation;\n"],"names":["React","props","Search","Colors"],"mappings":";;;;;;;;;;;;;;;;;;;AAOY,6BAA8B;AACpC,MAAA,mBAAA,GAAsB,CAAC,KAAe,KAAA;AAC1C,EAAA,MAAM,SAAS,mBAAoB,EAAA;AACnC,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,CAAC,MAAM,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC;AAAA,IAC/B,GAAK,EAAA,SAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACN,EAAA;AAAA,IACD,GAAK,EAAA,UAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACN,EAAA;AAAA,IACD,GAAK,EAAA,QAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACN,EAAA;AAAA,IACD,GAAK,EAAA,OAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACR,CAAC,CAAA;AACF,EAAA,MAAM,eAAkB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAAAC,MAAS,KAAA;AAxBrD,IAAA,IAAA,EAAA;AAyBI,IAAO,uBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAWC,MAAX,CAAA,EAAA;AAAA,QAAkB,KAAA,EAAO,CAAC,MAAA,CAAO,MAAQ,EAAA;AAAA,UAC/C,OAAA,EAAA,CAAA,CAAS,KAAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,OAAO,eAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,KAAU,MAAA,KAAA,GAAQ,CAAI,GAAA;AAAA,SACxD,CAAA;AAAA,QAAG,gBAAgB,MAAO,CAAA,SAAA;AAAA,QAAW,YAAY,MAAO,CAAA,KAAA;AAAA,QAAO,aAAc,EAAA;AAAA,OAAA;AAAA,KAE9E;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,EAAO,uBAAAD,cAAA,CAAA,aAAA,CAAC,WAAQ,eAAiB,EAAA;AAAA,IAC/B,KAAA;AAAA,IACA;AAAA,GACC,EAAA,aAAA,EAAe,QAAU,EAAA,WAAA,EAAa,QAAS,CAAA;AAAA,IAChD,OAAA,EAAS,sBAAOA,cAAA,CAAA,aAAA,CAAAE,YAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,KAAK,eAAqB,EAAA,EAAA,KAAA,CAAA,EAAjC,EAAwC,GAAA,EAAK,SAAW,EAAA,CAAA,CAAA;AAAA,IACxE,QAAA,EAAU,sBAAOF,cAAA,CAAA,aAAA,CAAAE,YAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,KAAK,gBAAsB,EAAA,EAAA,KAAA,CAAA,EAAlC,EAAyC,GAAA,EAAK,UAAY,EAAA,CAAA,CAAA;AAAA,IAC3E,MAAA,EAAQ,sBAAOF,cAAA,CAAA,aAAA,CAAAE,YAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,KAAK,eAAqB,EAAA,EAAA,KAAA,CAAA,EAAjC,EAAwC,GAAA,EAAK,QAAU,EAAA,CAAA,CAAA;AAAA,IACtE,KAAA,EAAO,sBAAOF,cAAA,CAAA,aAAA,CAAAE,YAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,KAAK,aAAmB,EAAA,EAAA,KAAA,CAAA,EAA/B,EAAsC,GAAA,EAAK,OAAS,EAAA,CAAA;AAAA,GACnE,GAAG,aAAe,EAAA;AAAA,IACjB,OAAO,MAAO,CAAA;AAAA,GAChB,EAAG,cAAc,eAAiB,EAAA,IAAA,EAAI,MAAC,qBAAuB,EAAA,sBAAOF,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,IAAsB,CAAI,EAAA,CAAA;AA2EjG;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,iBAAiBG,MAAO,CAAA;AAAA,GAC1B;AAAA,EACA,SAAW,EAAA;AAAA,IACT,gBAAkB,EAAA,CAAA;AAAA,IAClB,iBAAmB,EAAA,CAAA;AAAA,IACnB,MAAQ,EAAA,MAAA;AAAA,IACR,eAAiB,EAAA,OAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,oBAAsB,EAAA,EAAA;AAAA,IAEtB,mBAAqB,EAAA,EAAA;AAAA,IAErB,sBAAwB,EAAA,EAAA;AAAA,IACxB,uBAAyB,EAAA,EAAA;AAAA,IACzB,aAAaA,MAAO,CAAA;AAAA,GACtB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,OAAA;AAAA,IACP,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,gBAAkB,EAAA,CAAA;AAAA,IAClB,iBAAmB,EAAA;AAAA;AAEvB,CAAC,CAAA"}

package/lib/navigation/TeamTabNavigation.js

@@ -1,64 +1,75 @@
-import React__default from'react';import {StyleSheet,useWindowDimensions}from'react-native';import {TabBar,TabView,SceneMap}from'react-native-tab-view';import'@admin-layout/gluestack-ui-mobile';import'@react-navigation/native';import'@expo/vector-icons';import'react-redux';import'@adminide-stack/user-auth0-client';import'@common-stack/client-react';import'../screens/Home/HomeScreen.js';import'@messenger-box/platform-mobile';import'tslib';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'@react-navigation/core';import'../components/Header/styles.js';import'../components/Tiles/styles.js';import'../components/CustomDrawer/CustomDrawer.js';import'../components/CustomBottomTabs/CustomBottomTabs.js';import'../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'../constants/routes.js';import'../components/NavigationHeader/InboxNavigationHeader.js';import'../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../components/SlackSearchInput/index.js';import'common';import'common/lib/generated/generated.js';import'expo-status-bar';import'lodash-es';import colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'expo-contacts';import'../config/env-config.js';import Team from'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';// const Tab = createMaterialTopTabNavigator();
-const TeamTabNavigation = props => {
+import React__default from'react';import {useWindowDimensions,StyleSheet}from'react-native';import {TabBar,TabView,SceneMap}from'react-native-tab-view';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'@workbench-stack/core';import'@admin-layout/gluestack-ui-mobile';import'@react-navigation/core';import'../components/Header/styles.js';import'../components/Tiles/styles.js';import'../components/CustomDrawer/CustomDrawer.js';import'../components/CustomBottomTabs/CustomBottomTabs.js';import'../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'@common-stack/client-react';import'../components/NavigationHeader/InboxNavigationHeader.js';import'../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../components/SlackSearchInput/index.js';import'common';import'common/lib/generated/generated.js';import'expo-status-bar';import'react-redux';import'lodash-es';import colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'@react-navigation/native';import'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'expo-contacts';import'../config/env-config.js';import Team from'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const TeamTabNavigation = (props) => {
   const layout = useWindowDimensions();
   const [index, setIndex] = React__default.useState(0);
   const [routes] = React__default.useState([{
-    key: 'channels',
-    title: 'Channels'
+    key: "channels",
+    title: "Channels"
   }, {
-    key: 'members',
-    title: 'Members'
+    key: "members",
+    title: "Members"
   }]);
-  const TabBarComponent = React__default.useCallback(props => {
+  const TabBarComponent = React__default.useCallback((props2) => {
     var _a;
-    return React__default.createElement(TabBar, Object.assign({}, props, {
-      style: [styles.tabBar, {
-        opacity: ((_a = props === null || props === void 0 ? void 0 : props.navigationState) === null || _a === void 0 ? void 0 : _a.index) === index ? 1 : 0.8
-      }],
-      indicatorStyle: styles.indicator,
-      labelStyle: styles.label,
-      inactiveColor: '#A9A9A9'
-    }));
+    return /* @__PURE__ */ React__default.createElement(
+      TabBar,
+      __spreadProps(__spreadValues({}, props2), {
+        style: [styles.tabBar, {
+          opacity: ((_a = props2 == null ? void 0 : props2.navigationState) == null ? void 0 : _a.index) === index ? 1 : 0.8
+        }],
+        indicatorStyle: styles.indicator,
+        labelStyle: styles.label,
+        inactiveColor: "#A9A9A9"
+      })
+    );
   }, [index]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(TabView, {
-    navigationState: {
-      index,
-      routes
-    },
-    onIndexChange: setIndex,
-    renderScene: SceneMap({
-      channels: () => React__default.createElement(Team, Object.assign({}, props, {
-        tab: 'channels'
-      })),
-      members: () => React__default.createElement(Team, Object.assign({}, props, {
-        tab: 'members'
-      }))
-    }),
-    initialLayout: {
-      width: layout.width
-    },
-    renderTabBar: TabBarComponent
-  }));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TabView, { navigationState: {
+    index,
+    routes
+  }, onIndexChange: setIndex, renderScene: SceneMap({
+    channels: () => /* @__PURE__ */ React__default.createElement(Team, __spreadProps(__spreadValues({}, props), { tab: "channels" })),
+    members: () => /* @__PURE__ */ React__default.createElement(Team, __spreadProps(__spreadValues({}, props), { tab: "members" }))
+  }), initialLayout: {
+    width: layout.width
+  }, renderTabBar: TabBarComponent }));
 };
 const styles = StyleSheet.create({
   scene: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
+    justifyContent: "center",
+    alignItems: "center"
   },
   tabBar: {
-    backgroundColor: colors.primaryBgColor // Set your background color here
+    backgroundColor: colors.primaryBgColor
   },
   indicator: {
-    backgroundColor: 'white',
+    backgroundColor: "white",
     borderWidth: 3,
     borderColor: colors.primaryBgColor
   },
   label: {
-    color: 'white',
-    textTransform: 'none',
+    color: "white",
+    textTransform: "none",
     fontSize: 18,
-    fontWeight: '600',
+    fontWeight: "600",
     marginHorizontal: 0,
     paddingHorizontal: 0
   }

package/lib/navigation/TeamTabNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamTabNavigation.js","sources":["../../src/navigation/TeamTabNavigation.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"0rEAMA;AAEA,MAAM,iBAAiB,GAAG,KAAC,IAAc;AACrC,EAAA,MAAA,MAAY,GAAA,mBAAsB,EAAA;AAElC,EAAA,MAAA,CAAA,KAAO,EAAK,QAAE,CAAA,GAASA,cAAQ,CAAA,QAAS,CAAA,CAAA,CAAC;AACzC,EAAA,MAAA,CAAA,MAAa,CAAA,iBAAS,CAAA,UAAS;AAC7B,IAAA,GAAA,EAAA,UAAO;AACP,IAAA,KAAA;AACD,GAAA,EAAA;IAED,GAAM,EAAA,SAAA;;;AAYN,EAAA,MAAG,eAAO,GAAAA,cAAA,CAAA,WAAA,CAAA,KAAA,IAAA;AAGV,IAAA,IAAA,EAAA;AAEI,IAAA,OAAAA,cAAA,CAAA,oBACI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAiB,EAAA,OAAS;AAGtB,MAAA,KAAA,EAAA,CAAA,MAAA,CAAA,MAAS,EAAE;AACX,QAAA,OAAA,EAAA,CAAA,CAAA,EAAA,GAAQ,KAAK,KAAG,IAAA,IAAA,KAAA,KAAA,KAAS,CAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,eAAY,MAAA,IAAa,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,MAAA,KAAA,GAAA,CAAA,GAAA;AACrD,OAAA,CAAA;AA4Db,MAAE,cAAA,EAAA,MAAA,CAAA,SAAA;AAEF,MAAM,UAAmB,EAAA,MAAA,CAAA;AACrB,MAAA,aAAO,EAAA;AACL,KAAA,CAAA,CAAA;AACA,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AACA,EAAA,OAAAA,cAAA,CAAA,aAAoB,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACrB,IAAA,eAAA,EAAA;AACD,MAAA,KAAQ;AACN,MAAA;AACD,KAAA;AACD,IAAA,aAAW,EAAA,QAAA;AACP,IAAA,WAAA,EAAA,QAAiB,CAAO;AACxB,MAAA,QAAA,EAAA,MAAcA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAA,EAAA;QACd,GAAW,EAAA;AACd,OAAA,CAAA,CAAA;AACD,MAAA,OAAO,EAAA,MAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAA,EAAA;AACL,QAAA,GAAA,EAAK;AACL,OAAA,CAAA;AACA,KAAA,CAAA;AACA,IAAA,aAAA;AACA,MAAA,KAAA,EAAA,MAAA,CAAA;AACA,KAAA;AACD,IAAA,YAAA,EAAA;AACF,GAAE,CAAA,CAAA;AAEL;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TeamTabNavigation.js","sources":["../../src/navigation/TeamTabNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowDimensions,StyleSheet } from 'react-native';\nimport { TabView, SceneMap,TabBar } from 'react-native-tab-view';\n// import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';\nimport { Team } from '../screens';\nimport Colors from '../constants/Colors';\n// const Tab = createMaterialTopTabNavigator();\n\nconst TeamTabNavigation = (props: any) => {\n    const layout = useWindowDimensions();\n\n    const [index, setIndex] = React.useState(0);\n    const [routes] = React.useState([\n      { key: 'channels', title: 'Channels' },\n      { key: 'members', title: 'Members' },\n    ]);\n\n    const TabBarComponent = React.useCallback((props)=>{\n        return (\n            <TabBar\n              {...props}\n              style={[styles.tabBar,{opacity:props?.navigationState?.index === index ? 1 : 0.8}]}\n              indicatorStyle={styles.indicator}\n              labelStyle={styles.label}\n              inactiveColor='#A9A9A9'\n             // indicatorContainerStyle={{backgroundColor:'white',borderColor: Colors.primaryBgColor,borderWidth: 3}}\n            />\n          )\n\n    },[index])\n\n\n    return (\n        <>\n        <TabView\n            navigationState={{ index, routes }}\n            onIndexChange={setIndex}\n            renderScene={SceneMap({\n                channels:()=> <Team {...props} tab={'channels'} />,\n                members:() =>  <Team {...props} tab={'members'} />,\n            })}\n            initialLayout={{ width: layout.width }}\n            renderTabBar={TabBarComponent}\n            />\n        {/* <Tab.Navigator\n            screenOptions={{\n                swipeEnabled: true,\n                tabBarScrollEnabled: true,\n                tabBarActiveTintColor: '#fff',\n                tabBarInactiveTintColor: '#A9A9A9',\n                tabBarContentContainerStyle: {\n                    backgroundColor: Colors.primaryBgLightColor,\n                    flex: 1,\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    height: '100%',\n                },\n                tabBarLabelStyle: {\n                    textTransform: 'none',\n                    fontSize: 16,\n                    fontWeight: '600',\n                    marginHorizontal: 0,\n                    paddingHorizontal: 0,\n                },\n                tabBarItemStyle: {\n                    height: 'auto',\n                },\n                tabBarStyle: {\n                    backgroundColor: Colors.primaryBgColor,\n                    width: '100%',\n                },\n                tabBarIndicatorContainerStyle: {\n                    flex: 1,\n                    backgroundColor: 'white',\n                    height: '100%',\n                },\n                tabBarIndicatorStyle: {\n                    height: '100%',\n                    backgroundColor: 'white',\n                    borderWidth: 3,\n                    borderColor: Colors.primaryBgColor,\n                },\n                lazy: true,\n            }}\n            sceneContainerStyle={{ flex: 1 }}\n            initialRouteName={'Channels'}\n        >\n            <Tab.Screen\n                name=\"Channels\"\n                options={{ title: 'Channels', tabBarLabel: 'Channels' }}\n                children={() => <Team {...props} tab={'channels'} />}\n            />\n            <Tab.Screen\n                name=\"Members\"\n                options={{ title: 'Members', tabBarLabel: 'Members' }}\n                children={() => <Team {...props} tab={'members'} />}\n            />\n        </Tab.Navigator> */}\n        </>\n    );\n};\n\nconst styles = StyleSheet.create({\n    scene: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    tabBar: {\n      backgroundColor: Colors.primaryBgColor, // Set your background color here\n    },\n    indicator: {\n        backgroundColor: 'white',\n        borderWidth: 3,\n        borderColor: Colors.primaryBgColor,\n    },\n    label: {\n      color: 'white',\n      textTransform: 'none',\n      fontSize: 18,\n      fontWeight: '600',\n      marginHorizontal: 0,\n      paddingHorizontal: 0,\n    },\n  });\n\nexport default TeamTabNavigation;\n"],"names":["React","props","Colors"],"mappings":";;;;;;;;;;;;;;;;;;;AAQM,MAAA,iBAAA,GAAoB,CAAC,KAAe,KAAA;AACxC,EAAA,MAAM,SAAS,mBAAoB,EAAA;AACnC,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,CAAC,MAAM,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC;AAAA,IAC/B,GAAK,EAAA,UAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACN,EAAA;AAAA,IACD,GAAK,EAAA,SAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACR,CAAC,CAAA;AACF,EAAA,MAAM,eAAkB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAAAC,MAAS,KAAA;AAlBrD,IAAA,IAAA,EAAA;AAmBI,IAAO,uBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAWC,MAAX,CAAA,EAAA;AAAA,QAAkB,KAAA,EAAO,CAAC,MAAA,CAAO,MAAQ,EAAA;AAAA,UAC/C,OAAA,EAAA,CAAA,CAAS,KAAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,OAAO,eAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,KAAU,MAAA,KAAA,GAAQ,CAAI,GAAA;AAAA,SACxD,CAAA;AAAA,QAAG,gBAAgB,MAAO,CAAA,SAAA;AAAA,QAAW,YAAY,MAAO,CAAA,KAAA;AAAA,QAAO,aAAc,EAAA;AAAA,OAAA;AAAA,KAE9E;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,EAAO,uBAAAD,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBACAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,eAAiB,EAAA;AAAA,IAC5B,KAAA;AAAA,IACA;AAAA,GACC,EAAA,aAAA,EAAe,QAAU,EAAA,WAAA,EAAa,QAAS,CAAA;AAAA,IAChD,UAAU,sBAAMA,cAAA,CAAA,aAAA,CAAC,uCAAS,KAAT,CAAA,EAAA,EAAgB,KAAK,UAAY,EAAA,CAAA,CAAA;AAAA,IAClD,SAAS,sBAAMA,cAAA,CAAA,aAAA,CAAC,uCAAS,KAAT,CAAA,EAAA,EAAgB,KAAK,SAAW,EAAA,CAAA;AAAA,GACjD,GAAG,aAAe,EAAA;AAAA,IACjB,OAAO,MAAO,CAAA;AAAA,GAChB,EAAG,YAAc,EAAA,eAAA,EAAiB,CAuD9B,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,iBAAiBE,MAAO,CAAA;AAAA,GAC1B;AAAA,EACA,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,OAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,aAAaA,MAAO,CAAA;AAAA,GACtB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,OAAA;AAAA,IACP,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,gBAAkB,EAAA,CAAA;AAAA,IAClB,iBAAmB,EAAA;AAAA;AAEvB,CAAC,CAAA"}