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

package/lib/components/Tiles/styles.js

@@ -1,21 +1,21 @@
-import {Dimensions,StyleSheet}from'react-native';Dimensions.get('window').width;
-Dimensions.get('window').height;
+import {Dimensions,StyleSheet}from'react-native';Dimensions.get("window").width;
+Dimensions.get("window").height;
 const styles = StyleSheet.create({
   container: {
-    width: '90%',
-    flexDirection: 'row',
-    alignSelf: 'center',
+    width: "90%",
+    flexDirection: "row",
+    alignSelf: "center",
     marginTop: 20,
-    alignItems: 'center'
+    alignItems: "center"
   },
   filterImage: {
     width: 25,
     height: 25,
-    resizeMode: 'cover',
-    tintColor: '#868686'
+    resizeMode: "cover",
+    tintColor: "#868686"
   },
   detailsLabel: {
-    color: '#868686',
+    color: "#868686",
     fontSize: 18,
     marginLeft: 15
   },
@@ -28,14 +28,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/Tiles/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Tiles/styles.ts"],"sourcesContent":[null],"names":[],"mappings":"iDAEoB,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACxB,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAE9C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,EAAA,SAAA,EAAS;AACP,IAAA,KAAA,EAAA,KAAW;AACX,IAAA,aAAA,EAAA,KAAmB;AACnB,IAAA,SAAA,EAAA,QAAkB;AAClB,IAAA,SAAA,EAAA,EAAS;AACT,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,EAAA,SAAgB;AAChB,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/Tiles/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    width:'90%',\n    flexDirection:'row',\n    alignSelf:'center',\n    marginTop:20,\n    alignItems:'center'\n  },\n  filterImage: {\n   width:25,\n   height:25,\n    resizeMode: 'cover',\n    tintColor:'#868686'\n  },\n  detailsLabel: {\n    color: '#868686',\n    fontSize: 18,\n    marginLeft:15\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":"iDAEoB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AACxB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AAExC,MAAA,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,KAAA;AAAA,IACP,aAAe,EAAA,KAAA;AAAA,IACf,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,EAAA;AAAA,IACX,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,KAAO,EAAA,SAAA;AAAA,IACP,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/VirtualizedScrollView/VirtualizedScrollView.js

@@ -1,18 +1,28 @@
-import React__default from'react';import {FlatList}from'@admin-layout/gluestack-ui-mobile';import'tslib';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';const VirtualizedScrollView = props => {
-  useDrawerLayout();
-  return React__default.createElement(FlatList, Object.assign({}, props, {
-    onScroll: e => {
-      e.nativeEvent.contentOffset.y;
-      //..last commented..// if (currentOffset >= 0 || (direction === 'down' && currentOffset >= 200 && currentOffset <= 500))
-      //     setHeaderAnimationOffsetValue(e.nativeEvent.contentOffset.y);
-      // if (e.nativeEvent.contentOffset.y >= 0) setHeaderAnimationOffsetValue(e.nativeEvent.contentOffset.y);
-    },
-    nestedScrollEnabled: (props === null || props === void 0 ? void 0 : props.nestedScrollEnabled) || true,
-    pb: '$10',
-    data: [],
-    keyExtractor: (e, i) => 'dom' + i.toString(),
-    ListEmptyComponent: null,
-    renderItem: null,
-    ListHeaderComponent: () => React__default.createElement(React__default.Fragment, null, props.children)
-  }));
+import React__default from'react';import {FlatList}from'@admin-layout/gluestack-ui-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.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 VirtualizedScrollView = (props) => {
+  const {
+    headerAnimationOffsetValue,
+    setHeaderAnimationOffsetValue
+  } = useDrawerLayout();
+  return /* @__PURE__ */ React__default.createElement(FlatList, __spreadProps(__spreadValues({}, props), { onScroll: (e) => {
+    e.nativeEvent.contentOffset.y;
+  }, nestedScrollEnabled: (props == null ? void 0 : props.nestedScrollEnabled) || true, pb: "$10", data: [], keyExtractor: (e, i) => "dom" + i.toString(), ListEmptyComponent: null, renderItem: null, ListHeaderComponent: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children) }));
 };export{VirtualizedScrollView as default};//# sourceMappingURL=VirtualizedScrollView.js.map

package/lib/components/VirtualizedScrollView/VirtualizedScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedScrollView.js","sources":["../../../src/components/VirtualizedScrollView/VirtualizedScrollView.tsx"],"sourcesContent":[null],"names":[],"mappings":"sTAIA,MAAM,qBAAqB,GAAG,KAAC,IAAc;EAQ7B,eAAe;uBAEyG,CAAA,aAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAA,EAAA;YACxH,EAAoE,CAAA,IAAA;MAEoC,CAAA,CAAA,WAAA,CAAA,aAAA,CAAA;AAWxH;AAEA;;;;;;;;;;;"}
+{"version":3,"file":"VirtualizedScrollView.js","sources":["../../../src/components/VirtualizedScrollView/VirtualizedScrollView.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList } from '@admin-layout/gluestack-ui-mobile';\nimport { useDrawerLayout } from '../../hooks';\n\nconst VirtualizedScrollView = (props: any) => {\n    const { headerAnimationOffsetValue, setHeaderAnimationOffsetValue } = useDrawerLayout();\n\n    return (\n        <FlatList\n            {...props}\n            onScroll={(e) => {\n                const currentOffset = e.nativeEvent.contentOffset.y;\n                const direction = currentOffset > headerAnimationOffsetValue ? 'down' : 'up';\n\n                //..last commented..// if (currentOffset >= 0 || (direction === 'down' && currentOffset >= 200 && currentOffset <= 500))\n                //     setHeaderAnimationOffsetValue(e.nativeEvent.contentOffset.y);\n\n                // if (e.nativeEvent.contentOffset.y >= 0) setHeaderAnimationOffsetValue(e.nativeEvent.contentOffset.y);\n            }}\n            nestedScrollEnabled={props?.nestedScrollEnabled || true}\n            pb={'$10'}\n            data={[]}\n            keyExtractor={(e, i) => 'dom' + i.toString()}\n            ListEmptyComponent={null}\n            renderItem={null}\n            ListHeaderComponent={() => <>{props.children}</>}\n        />\n    );\n};\n\nexport default VirtualizedScrollView;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAGM,MAAA,qBAAA,GAAwB,CAAC,KAAe,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,0BAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAa,KAAb,CAAA,EAAA,EAAoB,UAAU,CAAK,CAAA,KAAA;AACzC,IAAsB,CAAE,CAAA,WAAA,CAAY,aAAc,CAAA;AACsB,GAM1E,EAAG,mBAAqB,EAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,mBAAuB,KAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAO,IAAM,EAAA,EAAI,EAAA,YAAA,EAAc,CAAC,CAAA,EAAG,CAAM,KAAA,KAAA,GAAQ,CAAE,CAAA,QAAA,EAAY,EAAA,kBAAA,EAAoB,IAAM,EAAA,UAAA,EAAY,IAAM,EAAA,mBAAA,EAAqB,sBAAMA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAG,KAAM,CAAA,QAAS,CAAK,EAAA,CAAA,CAAA;AAC/N"}

package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js

@@ -1,8 +1,27 @@
-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,useDispatch}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect,StackActions}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/lib/generated/generated.js';import {LOCATION_CHANGE}from'@common-stack/remix-router-redux';import {userSelector}from'@adminide-stack/user-auth0-client';const WorkSpaceDrawerComponent = 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,useDispatch}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect,StackActions}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/lib/generated/generated.js';import {LOCATION_CHANGE}from'@common-stack/remix-router-redux';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 WorkSpaceDrawerComponent = (props) => {
   const dispatch = useDispatch();
   const navigation = useNavigation();
   const user = useSelector(userSelector);
-  const settings = useSelector(state => state.settings);
+  const settings = useSelector((state) => state.settings);
   const {
     open,
     setOpen,
@@ -11,7 +30,9 @@ import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'
     setOrganizationDetail,
     organizationDetail
   } = useDrawerLayout();
-  useLocationChange();
+  const {
+    setLocationChange
+  } = useLocationChange();
   const {
     data: orgDetailData,
     refetch: _refetchOrgDetail
@@ -27,69 +48,55 @@ 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) => {
     var _a, _b;
     setOpen(false);
-    const currentRoute = navigation === null || navigation === void 0 ? void 0 : navigation.getCurrentRoute();
-    const currParams = Object.assign(Object.assign({}, currentRoute.params || {}), {
-      orgName: orgName
+    const currentRoute = navigation == null ? void 0 : navigation.getCurrentRoute();
+    const currParams = __spreadProps(__spreadValues({}, currentRoute.params || {}), {
+      orgName: orgName2
     });
     dispatch({
       type: LOCATION_CHANGE,
       payload: {
         currentRoute: {
-          path: (_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.name) !== null && _a !== void 0 ? _a : null,
+          path: (_a = currentRoute == null ? void 0 : currentRoute.name) != null ? _a : null,
           params: currParams
         },
         previousRoute: {
-          path: (_b = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.name) !== null && _b !== void 0 ? _b : null,
+          path: (_b = currentRoute == null ? void 0 : currentRoute.name) != null ? _b : null,
           params: currentRoute.params
         }
       }
     });
-    navigation.dispatch(StackActions.push('MainStack', {
+    navigation.dispatch(StackActions.push("MainStack", {
       screen: NavigationRoutes.Home,
       params: {
-        orgName
+        orgName: orgName2
       }
     }));
   }, []);
   const addWorkSpace = React__default.useCallback(() => {
     setOpen(false);
-    // navigation?.navigate('MainStack', { screen: NavigationRoutes.AddWorkSpace, params: { orgName } });
-    navigation === null || navigation === void 0 ? void 0 : navigation.navigate(NavigationRoutes.AddWorkSpace, {
+    navigation == null ? void 0 : navigation.navigate(NavigationRoutes.AddWorkSpace, {
       orgName
     });
   }, [orgName]);
@@ -98,169 +105,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(SafeAreaView, {
-    flex: 1
-  }, 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(SafeAreaView, { flex: 1 }, /* @__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 WorkSpaceDrawer = props => {
+const WorkSpaceDrawer = (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(WorkSpaceDrawerComponent, 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(WorkSpaceDrawerComponent, __spreadValues({}, props)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)));
 };
 var WorkSpaceDrawer$1 = React__default.memo(WorkSpaceDrawer);export{WorkSpaceDrawer$1 as default};//# sourceMappingURL=WorkSpaceDrawer.js.map

package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkSpaceDrawer.js","sources":["../../../src/components/WorkSpaceDrawer/WorkSpaceDrawer.tsx"],"sourcesContent":[null],"names":["React","LOCATION_CHANGE_SUCCESS"],"mappings":"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"}
+{"version":3,"file":"WorkSpaceDrawer.js","sources":["../../../src/components/WorkSpaceDrawer/WorkSpaceDrawer.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, useDispatch } 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 { LOCATION_CHANGE as LOCATION_CHANGE_SUCCESS } from '@common-stack/remix-router-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\n\nconst WorkSpaceDrawerComponent = (props: any) => {\n    const dispatch = useDispatch();\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        const currentRoute = navigation?.getCurrentRoute();\n        const currParams = {\n            ...(currentRoute.params || {}),\n            orgName: orgName,\n        };\n        dispatch({\n            type: LOCATION_CHANGE_SUCCESS,\n            payload: {\n                currentRoute: {\n                    path: currentRoute?.name ?? null,\n                    params: currParams,\n                },\n                previousRoute: {\n                    path: currentRoute?.name ?? null,\n                    params: currentRoute.params,\n                },\n            },\n        });\n        navigation.dispatch(StackActions.push('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        navigation?.navigate(NavigationRoutes.AddWorkSpace, { 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        <SafeAreaView flex={1}>\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        </SafeAreaView>\n    );\n};\n\nconst WorkSpaceDrawer = (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 ? <WorkSpaceDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(WorkSpaceDrawer);\n"],"names":["React","orgName","LOCATION_CHANGE_SUCCESS"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,wBAAA,GAA2B,CAAC,KAAe,KAAA;AAC/C,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAA,MAAM,QAAW,GAAA,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,QAAQ,CAAA;AACzD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,iBAAkB,EAAA;AACtB,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,aAAA;AAAA,IACN,OAAS,EAAA;AAAA,MACP,6BAA8B,CAAA;AAAA,IAChC,SAAW,EAAA;AAAA,MACT,KAAO,EAAA;AAAA,QACL,IAAM,EAAA;AAAA;AACR;AACF,GACD,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,qBAAA;AAAA,IACN,OAAS,EAAA,0BAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACF,4BAA6B,CAAA;AAAA,IAEpC,SAAW,EAAA;AAAA,MACT,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA;AAChB,GAED,CAAA;AACD,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AACrC,IAAyB,wBAAA,CAAA;AAAA,MACvB,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AACD,IAAI,IAAA,OAAA;AAAS,MAAkB,iBAAA,CAAA;AAAA,QAC7B,KAAO,EAAA;AAAA,UACL,IAAM,EAAA;AAAA;AACR,OACD,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,IAAI,CAAC,CAAC,CAAA;AACnB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAA;AAAuB,MAAA,qBAAA,CAAsB,+CAAe,qBAAqB,CAAA;AAAA,GACnG,EAAA,CAAC,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAqB,CAAC,CAAA;AAgBzC,EAAA,MAAM,gBAAmB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAACC,QAAiB,KAAA;AAhF/D,IAAA,IAAA,EAAA,EAAA,EAAA;AAiFI,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,MAAM,eAAe,UAAY,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAA,eAAA,EAAA;AACjC,IAAA,MAAM,UAAa,GAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACb,YAAa,CAAA,MAAA,IAAU,EADV,CAAA,EAAA;AAAA,MAEjB,OAASA,EAAAA;AAAA,KACX,CAAA;AACA,IAAS,QAAA,CAAA;AAAA,MACP,IAAM,EAAAC,eAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP,YAAc,EAAA;AAAA,UACZ,IAAA,EAAA,CAAM,EAAc,GAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,IAAA,KAAd,IAAsB,GAAA,EAAA,GAAA,IAAA;AAAA,UAC5B,MAAQ,EAAA;AAAA,SACV;AAAA,QACA,aAAe,EAAA;AAAA,UACb,IAAA,EAAA,CAAM,EAAc,GAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,IAAA,KAAd,IAAsB,GAAA,EAAA,GAAA,IAAA;AAAA,UAC5B,QAAQ,YAAa,CAAA;AAAA;AACvB;AACF,KACD,CAAA;AACD,IAAW,UAAA,CAAA,QAAA,CAAS,YAAa,CAAA,IAAA,CAAK,WAAa,EAAA;AAAA,MACjD,QAAQ,gBAAiB,CAAA,IAAA;AAAA,MACzB,MAAQ,EAAA;AAAA,QACN,OAAAD,EAAAA;AAAA;AACF,KACD,CAAC,CAAA;AAAA,GACJ,EAAG,EAAE,CAAA;AACL,EAAM,MAAA,YAAA,GAAeD,cAAM,CAAA,WAAA,CAAY,MAAM;AAC3C,IAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,IAAY,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAA,QAAA,CAAS,iBAAiB,YAAc,EAAA;AAAA,MAClD;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAA,MAAM,mBAAmB,CAAC;AAAA,IACxB,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACE,KAAA;AArHb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAsHI,IAAA,MAAM,KAAQ,GAAA,CAAA,EAAA,GAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,KAAH,KAAA,IAAA,GAAA,EAAA,GAAY,CAAE,CAAA,IAAA;AAC5B,IAAA,MAAM,OAAe,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,KAAM,CAAA,SAAA,CAAA,KAAb,IAA2B,GAAA,EAAA,GAAA,EAAA;AAEhD,IAAM,MAAA,OAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAA,CAAI,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,IAAA,CAAK,EAAd,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,SAAU,CAAA,CAAA,EAAG,CAAK,CAAA,GAAA,EAAA;AAEnF,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,aAAe,EAAA,aAAA,EAAe,aAAe,EAAA,GAAA,EAAK,GAAK,EAAA,CAAA,EAAG,OAAS,EAAA,MAAM,gBAAiB,CAAA,CAAA,CAAE,IAAI,CAC/G,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,cAAA,EAAe,eAAgB,EAAA,UAAA,EAAW,UAAS,CAAE,EAAA,MAAA,EAAO,EAAI,EAAA,IAAA,EAAA,kBAC7EA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,IAAA,EAAM,YAAW,QAC5B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAEf,EAAI,EAAA,IAAA;AAAA,QAAM,EAAI,EAAA,IAAA;AAAA,QAAM,IAAM,EAAA,IAAA;AAAA,QAAM,EAAI,EAAA;AAAA,OAAA;AAAA,sBAKlBA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UAAO,EAAI,EAAA,cAAA;AAAA,UAAgB,IAAM,EAAA,IAAA;AAAA,UAElD,YAAc,EAAA,KAAA;AAAA,UAAO,WAAa,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,IAAO,GAAA,IAAA;AAAA,UAAM,WAAa,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,MAAS,GAAA,SAAA;AAAA,UAAW,CAAG,EAAA;AAAA,SAAA;AAAA,qDACtG,IAAK,EAAA,EAAA,UAAA,EAAY,YAAc,EAAA,KAAA,EAAM,UAAS,KAAO,EAAA;AAAA,UACtE,QAAU,EAAA;AAAA,aAEW,OACL;AAAA;AACJ,KAMJ,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,UAAS,KAAO,EAAA;AAAA,MACxC,QAAU,EAAA;AAAA,KACZ,EAAG,CAAG,EAAA,KAAA,EAAO,UAAY,EAAA,OAAA,EAAA,EACN,KACL,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,EAAA,EAAI,aAAe,EAAA,IAAA,EAAM,MAAM,EAAI,EAAA,IAAA,EAAA,kBACtCA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,IAAM,EAAA,EAAA,EAAI,IAAK,EAAA,WAAA,EAAY,KAAO,EAAA,MAAA,EAAQ,CAC7D,CACJ,CACJ,CAAA;AAAA,GACV;AACA,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,IAAM,EAAA,CAAA,EAAA,+CAChB,GAAI,EAAA,EAAA,IAAA,EAAM,GAAG,CAAG,EAAA,MAAA,EAAA,+CAEZ,GAAI,EAAA,EAAA,IAAA,EAAM,qBACNA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,GAAG,IAAM,EAAA,IAAA,EAAM,IAAM,EAAA,KAAA,EAAO,KAAM,CAAA,UAAA,IAAA,CAAc,qCAAU,QAAY,KAAA,MAAA,GAAS,UAAU,OAAS,EAAA,EAAA,YAE3G,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,GAAA,EAAK,KAAO,EAAA,IAAA,EAAA,+CACrB,QAAS,EAAA,EAAA,IAAA,EAAM,GAAG,YAAc,EAAA,CAAC,MAAM,KAAU,KAAA,MAAA,CAAO,KAAK,CAAA,EAAG,qBAAuB,EAAA;AAAA,IACpG,QAAU,EAAA,CAAA;AAAA,IACV,aAAe,EAAA;AAAA,GACd,EAAA,IAAA,EAAA,CAAM,qBAAuB,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAA,oBAAA,KAAA,CAAwB,+DAAuB,oBAAqB,CAAA,MAAA,IAAS,CAAI,GAAA,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAuB,uBAAuB,EAAC,EAAG,UAAY,EAAA,gBAAA,EAAkB,oBAAoB,MAAM;AACzN,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,EAAI,EAAA,MAAA,EAAQ,IAAI,IACA,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,IAAA,EAAA,+CACT,GAAI,EAAA,EAAA,EAAA,EAAG,MAAK,EAAI,EAAA,IAAA,EAAA,+CACZ,IAAK,EAAA,IAAA,EAAA,mBAAiB,CAC3B,CACJ,CACJ,CAAA;AAAA,GAC1B,EAAG,GAAK,EAAA,iBAAA,EAAmB,CAqDjB,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,CAAA,EAAG,CAAG,EAAA,MAAA,EAAQ,KAAO,EAAA,IAAA,EAAM,EAAI,EAAA,QAAA,EAAU,QAAU,EAAA,UAAA,EAAY,MAAQ,EAAA,KAAA,EAAA,kBAChFA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,CAAG,EAAA,MAAA,EAAQ,CACnB,EAAA,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,WAAe,qBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,IAAM,EAAA,OAAA,EAAS,OAAS,EAAA,EAAA,EAAI,aAAe,EAAA,aAAA,EAAa,cAAgB,EAAA,cAAA,EAAgB,YAAc,EAAA,OAAA,EAAS,MAAM,YAAA,EAC/H,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBAC9CA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,IAAA,EAAM,KAAO,EAAA;AAAA,IACjD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACT,EAAA,EAAA,iBAEmB,CACJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,EAAI,EAAA,aAAA,EAAe,aAAa,EAAA,cAAA,EAAgB,cAAgB,EAAA,YAAA,EAAA,kBACjGA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,kBAAA,EAAmB,IAAM,EAAA,EAAA,EAAI,CAC1D,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,MAAM,KAAO,EAAA;AAAA,IACjD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACT,EAAA,EAAA,aAEmB,CACJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,EAAI,EAAA,aAAA,EAAe,aAAa,EAAA,cAAA,EAAgB,cAAgB,EAAA,YAAA,EAAA,kBACjGA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,qBAAA,EAAsB,IAAM,EAAA,EAAA,EAAI,CAC7D,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,MAAM,KAAO,EAAA;AAAA,IACjD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,OACT,MAEmB,CACJ,CAaJ,CACR,CACJ,CACJ,CACJ,CAAA;AACR,CAAA;AACA,MAAM,eAAA,GAAkB,CAAC,KAAe,KAAA;AACtC,EAAmB,aAAmB;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAiB,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,QAAQ;AACzD,EAAA,oDAAQ,YAAa,EAAA,EAAA,IAAA,EAAM,qBAChBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,MAAM,CAAG,EAAA,CAAA,EAAG,UACZ,IAAQ,KAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,+BAAeA,cAAA,CAAA,aAAA,CAAA,wBAAA,EAAA,cAAA,CAAA,EAAA,EAA6B,MAAO,CAAK,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CAC7E,CACJ,CAAA;AACR,CAAA;AACA,wBAAeA,cAAA,CAAM,KAAK,eAAe,CAAA"}