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

package/lib/components/NavigationHeader/NavigationHeader.js

@@ -1,26 +1,70 @@
-import {__rest}from'tslib';import React__default from'react';import {Dimensions,Keyboard,Animated}from'react-native';import {HStack,Button,ButtonText,Input,InputSlot,InputField,Box,SafeAreaView,VStack,Text,Avatar,AvatarFallbackText,AvatarBadge,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {Ionicons}from'@expo/vector-icons';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import colors from'../../constants/Colors.js';Dimensions.get('window').width;
-Dimensions.get('window').height;
-const CustomNavigationHeader = _a => {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-  var {
-      navigation,
-      route,
-      options,
-      back,
-      backBtnColor = 'white',
-      showToggle = null,
-      showFilter = null,
-      customHeader = null,
-      showTitle = true,
-      titleColor = 'white',
-      showOrganizationTitle = false,
-      showProfile = true,
-      isSearchBack = null,
-      showDefaultSearchBox = true,
-      statusBarType = 'light',
-      headerBgColor = colors.primaryBgColor
-    } = _a,
-    props = __rest(_a, ["navigation", "route", "options", "back", "backBtnColor", "showToggle", "showFilter", "customHeader", "showTitle", "titleColor", "showOrganizationTitle", "showProfile", "isSearchBack", "showDefaultSearchBox", "statusBarType", "headerBgColor"]);
+import React__default from'react';import {Keyboard,Animated,Dimensions}from'react-native';import {HStack,Button,ButtonText,Input,InputSlot,InputField,Box,SafeAreaView,VStack,Text,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {Ionicons}from'@expo/vector-icons';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import colors from'../../constants/Colors.js';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Dimensions.get("window").width;
+Dimensions.get("window").height;
+const CustomNavigationHeader = (_a) => {
+  var _b = _a, {
+    navigation,
+    route,
+    options,
+    back,
+    backBtnColor = "white",
+    showToggle = null,
+    showFilter = null,
+    customHeader = null,
+    showTitle = true,
+    titleColor = "white",
+    showOrganizationTitle = false,
+    showProfile = true,
+    isSearchBack = null,
+    showDefaultSearchBox = true,
+    statusBarType = "light",
+    headerBgColor = colors.primaryBgColor
+  } = _b, props = __objRest(_b, [
+    "navigation",
+    "route",
+    "options",
+    "back",
+    "backBtnColor",
+    "showToggle",
+    "showFilter",
+    "customHeader",
+    "showTitle",
+    "titleColor",
+    "showOrganizationTitle",
+    "showProfile",
+    "isSearchBack",
+    "showDefaultSearchBox",
+    "statusBarType",
+    "headerBgColor"
+  ]);
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const [statusBarStyle, setStatusBarStyle] = React__default.useState(statusBarType);
   const {
     orgName,
@@ -29,215 +73,114 @@ const CustomNavigationHeader = _a => {
     setOpen,
     headerAnimationOffsetValue
   } = useDrawerLayout();
-  //const user = useSelector((state: any) => state?.user);
   const headerInputRef = React__default.useRef(null);
   const user = useSelector(userSelector);
   const offset = React__default.useRef(new Animated.Value(headerAnimationOffsetValue)).current;
-  // const title = user?.accessToken ? getHeaderTitle?.(options, route.name) ?? 'Home' : 'Home';
-  const title = (_b = getHeaderTitle === null || getHeaderTitle === void 0 ? void 0 : getHeaderTitle(options, route.name)) !== null && _b !== void 0 ? _b : 'Home';
-  const matches = (user === null || user === void 0 ? void 0 : user.accessToken) && showOrganizationTitle && (organizationDetail === null || organizationDetail === void 0 ? void 0 : organizationDetail.title) ? (_d = (_c = organizationDetail === null || organizationDetail === void 0 ? void 0 : organizationDetail.title) === null || _c === void 0 ? void 0 : _c.match(/\b(\w)/g)) !== null && _d !== void 0 ? _d : orgName : (_e = title === null || title === void 0 ? void 0 : title.match(/\b(\w)/g)) !== null && _e !== void 0 ? _e : '';
-  const acronym = Array.isArray(matches) ? (_g = (_f = matches === null || matches === void 0 ? void 0 : matches.join('')) === null || _f === void 0 ? void 0 : _f.substring(0, 2)) === null || _g === void 0 ? void 0 : _g.toUpperCase() : ''; // JSON
-  const isHeaderTitleString = typeof (options === null || options === void 0 ? void 0 : options.headerTitle) === 'string' || (options === null || options === void 0 ? void 0 : options.headerTitle) instanceof String;
+  const title = (_b2 = (_a2 = getHeaderTitle) == null ? void 0 : _a2(options, route.name)) != null ? _b2 : "Home";
+  const matches = (user == null ? void 0 : user.accessToken) && showOrganizationTitle && (organizationDetail == null ? void 0 : organizationDetail.title) ? (_d = (_c = organizationDetail == null ? void 0 : organizationDetail.title) == null ? void 0 : _c.match(/\b(\w)/g)) != null ? _d : orgName : (_e = title == null ? void 0 : title.match(/\b(\w)/g)) != null ? _e : "";
+  const acronym = Array.isArray(matches) ? (_g = (_f = matches == null ? void 0 : matches.join("")) == null ? void 0 : _f.substring(0, 2)) == null ? void 0 : _g.toUpperCase() : "";
+  const isHeaderTitleString = typeof (options == null ? void 0 : options.headerTitle) === "string" || (options == null ? void 0 : options.headerTitle) instanceof String;
   React__default.useEffect(() => {
     if (headerAnimationOffsetValue && offset) {
       offset.setValue(headerAnimationOffsetValue);
     }
   }, [headerAnimationOffsetValue]);
   React__default.useEffect(() => {
-    if (open) setStatusBarStyle('dark');else setStatusBarStyle(statusBarType);
+    if (open)
+      setStatusBarStyle("dark");
+    else
+      setStatusBarStyle(statusBarType);
   }, [open, statusBarType]);
   const toggleDrawer = React__default.useCallback(() => {
-    setOpen(pre => !pre);
+    setOpen((pre) => !pre);
   }, []);
-  // const toggleDrawer = () => {
-  //     setOpen((pre: boolean) => !pre);
-  // };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StatusBar, {
-    style: statusBarStyle
-  }), React__default.createElement(SafeAreaView, {
-    bg: headerBgColor
-  }, React__default.createElement(Box, {
-    bg: headerBgColor,
-    style: (_h = options === null || options === void 0 ? void 0 : options.headerStyle) !== null && _h !== void 0 ? _h : {}
-  }, React__default.createElement(Animated.View, {
-    style: {
-      transform: [{
-        translateY: offset.interpolate({
-          inputRange: [100, 200],
-          outputRange: [0, -1],
-          extrapolateLeft: 'clamp'
-        })
-      }]
-    }
-  }, customHeader ? React__default.createElement(HStack, {
-    bg: headerBgColor,
-    px: "$1",
-    py: "$3",
-    justifyContent: "space-between",
-    alignItems: "center",
-    w: "100%",
-    flex: 1
-  }, customHeader) : React__default.createElement(VStack, {
-    bg: headerBgColor,
-    px: "$2",
-    py: "$3",
-    space: 'sm'
-  }, React__default.createElement(HStack, {
-    px: "$1",
-    justifyContent: "space-between",
-    w: "100%"
-  }, React__default.createElement(HStack, {
-    space: 'sm',
-    alignItems: "center",
-    w: '85%',
-    rounded: '$xl'
-  }, back ? React__default.createElement(Button, {
-    size: 'sm',
-    bg: 'transparent',
-    onPress: () => navigation.goBack()
-  }, React__default.createElement(Ionicons, {
-    size: 30,
-    name: "chevron-back-sharp",
-    color: backBtnColor
-  })) : showToggle && headerAnimationOffsetValue === 0 ? React__default.createElement(Button, {
-    px: '$1.5',
-    py: '$0.5',
-    variant: 'solid',
-    size: 'xs',
-    alignItems: "center",
-    borderRadius: '$md',
-    bg: colors.toggleButtonBgColor,
-    disabled: !(user === null || user === void 0 ? void 0 : user.accessToken) ? true : false,
-    onPress: () => {
-      if (user === null || user === void 0 ? void 0 : user.accessToken) {
-        if (props === null || props === void 0 ? void 0 : props.navigation) navigation.toggleDrawer();else toggleDrawer();
-      }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(StatusBar, { style: statusBarStyle }), /* @__PURE__ */ React__default.createElement(SafeAreaView, { bg: headerBgColor }, /* @__PURE__ */ React__default.createElement(Box, { bg: headerBgColor, style: (_h = options == null ? void 0 : options.headerStyle) != null ? _h : {} }, /* @__PURE__ */ React__default.createElement(Animated.View, { style: {
+    transform: [{
+      translateY: offset.interpolate({
+        inputRange: [100, 200],
+        outputRange: [0, -1],
+        extrapolateLeft: "clamp"
+      })
+    }]
+  } }, customHeader ? /* @__PURE__ */ React__default.createElement(HStack, { bg: headerBgColor, px: "$1", py: "$3", justifyContent: "space-between", alignItems: "center", w: "100%", flex: 1 }, customHeader) : /* @__PURE__ */ React__default.createElement(VStack, { bg: headerBgColor, px: "$2", py: "$3", space: "sm" }, /* @__PURE__ */ React__default.createElement(HStack, { px: "$1", justifyContent: "space-between", w: "100%" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center", w: "85%", rounded: "$xl" }, back ? /* @__PURE__ */ React__default.createElement(Button, { size: "sm", bg: "transparent", onPress: () => navigation.goBack() }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 30, name: "chevron-back-sharp", color: backBtnColor })) : showToggle && headerAnimationOffsetValue === 0 ? /* @__PURE__ */ React__default.createElement(Button, { px: "$1.5", py: "$0.5", variant: "solid", size: "xs", alignItems: "center", borderRadius: "$md", bg: colors.toggleButtonBgColor, disabled: !(user == null ? void 0 : user.accessToken) ? true : false, onPress: () => {
+    if (user == null ? void 0 : user.accessToken) {
+      if (props == null ? void 0 : props.navigation)
+        navigation.toggleDrawer();
+      else
+        toggleDrawer();
     }
-  }, React__default.createElement(ButtonText, {
-    py: '$0',
-    style: {
-      color: '#000',
-      fontWeight: '600'
-    }
-  }, startCase(acronym))) : React__default.createElement(React__default.Fragment, null), !isHeaderTitleString && ((_j = options === null || options === void 0 ? void 0 : options.headerTitle) === null || _j === void 0 ? void 0 : _j.call(options)) && headerAnimationOffsetValue === 0 && React__default.createElement(Box, null, (_k = options === null || options === void 0 ? void 0 : options.headerTitle) === null || _k === void 0 ? void 0 : _k.call(options)), showTitle && headerAnimationOffsetValue === 0 && React__default.createElement(Text, {
-    style: {
-      fontSize: 20,
-      fontWeight: 'bold',
-      color: titleColor
-    }
-  }, startCase(title)), showOrganizationTitle && headerAnimationOffsetValue === 0 && React__default.createElement(Text, {
-    style: {
-      fontSize: 20,
-      fontWeight: 'bold',
-      color: 'white'
-    }
-  }, (user === null || user === void 0 ? void 0 : user.accessToken) ? startCase((_m = (_l = organizationDetail === null || organizationDetail === void 0 ? void 0 : organizationDetail.title) !== null && _l !== void 0 ? _l : orgName) !== null && _m !== void 0 ? _m : 'Home') : 'Home')), React__default.createElement(HStack, null, showProfile && headerAnimationOffsetValue === 0 && (user === null || user === void 0 ? void 0 : user.accessToken) && React__default.createElement(Button, {
-    bg: 'transparent',
-    variant: 'solid',
-    rounded: '$md',
-    size: 'md',
-    "$pressed-bg": colors.primaryBgLightColor,
-    "$active-bg": colors.primaryBgLightColor,
-    // _pressed={{ bg: Colors.primaryBgLightColor }}
-    onPress: () => navigation === null || navigation === void 0 ? void 0 : navigation.navigate(NavigationRoutes.UserAccount)
-  }, React__default.createElement(Avatar, {
-    key: 'profile-image-key',
-    size: 'sm',
-    bg: 'transparent'
-  }, React__default.createElement(AvatarFallbackText, null, startCase((_p = (_o = user === null || user === void 0 ? void 0 : user.profile) === null || _o === void 0 ? void 0 : _o.given_name) === null || _p === void 0 ? void 0 : _p.charAt(0))), ((_q = user === null || user === void 0 ? void 0 : user.profile) === null || _q === void 0 ? void 0 : _q.picture) && React__default.createElement(AvatarImage, {
-    alt: 'image',
-    style: {
+  } }, /* @__PURE__ */ React__default.createElement(ButtonText, { py: "$0", style: {
+    color: "#000",
+    fontWeight: "600"
+  } }, startCase(acronym))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), !isHeaderTitleString && ((_i = options == null ? void 0 : options.headerTitle) == null ? void 0 : _i.call(options)) && headerAnimationOffsetValue === 0 && /* @__PURE__ */ React__default.createElement(Box, null, (_j = options == null ? void 0 : options.headerTitle) == null ? void 0 : _j.call(options)), showTitle && headerAnimationOffsetValue === 0 && /* @__PURE__ */ React__default.createElement(Text, { style: {
+    fontSize: 20,
+    fontWeight: "bold",
+    color: titleColor
+  } }, startCase(title)), showOrganizationTitle && headerAnimationOffsetValue === 0 && /* @__PURE__ */ React__default.createElement(Text, { style: {
+    fontSize: 20,
+    fontWeight: "bold",
+    color: "white"
+  } }, (user == null ? void 0 : user.accessToken) ? startCase((_l = (_k = organizationDetail == null ? void 0 : organizationDetail.title) != null ? _k : orgName) != null ? _l : "Home") : "Home")), /* @__PURE__ */ React__default.createElement(HStack, null, showProfile && headerAnimationOffsetValue === 0 && (user == null ? void 0 : user.accessToken) && /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      bg: "transparent",
+      variant: "solid",
+      rounded: "$md",
+      size: "md",
+      "$pressed-bg": colors.primaryBgLightColor,
+      "$active-bg": colors.primaryBgLightColor,
+      onPress: () => navigation == null ? void 0 : navigation.navigate(NavigationRoutes.UserAccount)
+    },
+    /* @__PURE__ */ React__default.createElement(Avatar, { key: "profile-image-key", size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_n = (_m = user == null ? void 0 : user.profile) == null ? void 0 : _m.given_name) == null ? void 0 : _n.charAt(0))), ((_o = user == null ? void 0 : user.profile) == null ? void 0 : _o.picture) && /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
       width: 35,
       height: 30,
       borderRadius: 6,
       borderWidth: 2,
-      borderColor: '#fff'
-    },
-    source: {
-      uri: (_r = user === null || user === void 0 ? void 0 : user.profile) === null || _r === void 0 ? void 0 : _r.picture
-    }
-  }), React__default.createElement(AvatarBadge, {
-    bg: "$green800",
-    style: {
+      borderColor: "#fff"
+    }, source: {
+      uri: (_p = user == null ? void 0 : user.profile) == null ? void 0 : _p.picture
+    } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { bg: "$green800", style: {
       width: 10,
       height: 10
-    }
-  }))))), React__default.createElement(HStack, {
-    px: "$1",
-    justifyContent: "space-between",
-    w: "100%",
-    display: (user === null || user === void 0 ? void 0 : user.accessToken) ? 'flex' : 'none'
-  }, !showFilter && isSearchBack ? React__default.createElement(SearchInputComponent, {
-    navigation: navigation,
-    inputRef: headerInputRef
-  }) : showDefaultSearchBox && React__default.createElement(DefalutSearchComponent, {
-    navigation: navigation,
-    showFilter: showFilter
-  }), (user === null || user === void 0 ? void 0 : user.accessToken) && showFilter && React__default.createElement(HStack, {
-    space: 'sm',
-    alignItems: "center",
-    rounded: '$xl',
-    borderColor: 'transparent',
-    bg: colors.primaryBgLightColor,
-    borderWidth: '$1'
-  }, React__default.createElement(Button, {
-    bg: colors.primaryBgLightColor,
-    rounded: '$sm',
-    size: 'sm'
-  }, React__default.createElement(Ionicons, {
-    name: 'filter',
-    size: 18,
-    color: '#fff'
-  })))))))));
+    } }))
+  ))), /* @__PURE__ */ React__default.createElement(
+    HStack,
+    {
+      px: "$1",
+      justifyContent: "space-between",
+      w: "100%",
+      display: (user == null ? void 0 : user.accessToken) ? "flex" : "none"
+    },
+    !showFilter && isSearchBack ? /* @__PURE__ */ React__default.createElement(SearchInputComponent, { navigation, inputRef: headerInputRef }) : showDefaultSearchBox && /* @__PURE__ */ React__default.createElement(DefalutSearchComponent, { navigation, showFilter }),
+    (user == null ? void 0 : user.accessToken) && showFilter && /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center", rounded: "$xl", borderColor: "transparent", bg: colors.primaryBgLightColor, borderWidth: "$1" }, /* @__PURE__ */ React__default.createElement(Button, { bg: colors.primaryBgLightColor, rounded: "$sm", size: "sm" }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "filter", size: 18, color: "#fff" })))
+  ))))));
 };
 const DefalutSearchComponent = React__default.memo(({
   navigation,
   showFilter
 }) => {
   const goToSearch = React__default.useCallback(() => {
-    if (Keyboard) Keyboard.dismiss();
+    if (Keyboard)
+      Keyboard.dismiss();
     navigation.navigate(NavigationRoutes.Search);
   }, [navigation]);
-  return React__default.createElement(HStack, {
-    space: 'sm',
-    alignItems: "center",
-    w: showFilter ? '85%' : '100%',
-    rounded: '$xl',
-    borderColor: 'transparent',
-    bg: colors.primaryBgLightColor,
-    borderWidth: 1
-  }, React__default.createElement(Button, {
-    bg: 'transparent',
-    size: 'xs',
-    onPress: () => console.log('mic')
-  }, React__default.createElement(Ionicons, {
-    size: 20,
-    color: "white",
-    name: "search"
-  })), React__default.createElement(Button, {
-    bg: 'transparent',
-    onPress: () => goToSearch(),
-    "$pressed-bg": colors.primaryBgLightColor,
-    "$active-bg": colors.primaryBgLightColor,
-    //_pressed={{ bg: Colors.primaryBgLightColor }}
-    flex: 1,
-    variant: 'solid',
-    pl: '$0',
-    justifyContent: 'flex-start'
-  }, React__default.createElement(ButtonText, {
-    style: {
+  return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center", w: showFilter ? "85%" : "100%", rounded: "$xl", borderColor: "transparent", bg: colors.primaryBgLightColor, borderWidth: 1 }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "xs", onPress: () => console.log("mic") }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, color: "white", name: "search" })), /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      bg: "transparent",
+      onPress: () => goToSearch(),
+      "$pressed-bg": colors.primaryBgLightColor,
+      "$active-bg": colors.primaryBgLightColor,
+      flex: 1,
+      variant: "solid",
+      pl: "$0",
+      justifyContent: "flex-start"
+    },
+    /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
       fontSize: 15,
-      color: 'white'
-    }
-  }, "Jump to or search....")), React__default.createElement(Button, {
-    bg: 'transparent',
-    size: 'xs',
-    onPress: () => console.log('mic')
-  }, React__default.createElement(Ionicons, {
-    size: 20,
-    color: "white",
-    name: "mic-outline"
-  })));
+      color: "white"
+    } }, "Jump to or search....")
+  ), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "xs", onPress: () => console.log("mic") }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, color: "white", name: "mic-outline" })));
 });
 const SearchInputComponent = React__default.memo(({
   navigation,
@@ -245,82 +188,17 @@ const SearchInputComponent = React__default.memo(({
 }) => {
   const goBack = React__default.useCallback(() => {
     Keyboard.dismiss();
-    if (inputRef.current) inputRef.current = null;
+    if (inputRef.current)
+      inputRef.current = null;
     navigation.goBack(null);
   }, [navigation, inputRef]);
-  return React__default.createElement(HStack, {
-    space: 'sm',
-    alignItems: "center",
-    w: '100%',
-    rounded: '$xl',
-    borderColor: 'transparent',
-    bg: colors.primaryBgLightColor,
-    borderWidth: '$1',
-    "$light-borderColor": 'transparent',
-    "$dark-borderColor": 'transparent',
-    flex: 1
-  }, React__default.createElement(Input, {
-    ref: inputRef,
-    flex: 1,
-    w: '100%',
-    bg: colors.primaryBgLightColor,
-    borderColor: 'transparent'
-  }, React__default.createElement(InputSlot, {
-    pl: "$3"
-  }, React__default.createElement(Button, {
-    bg: 'transparent',
-    size: 'xs',
-    onPress: () => goBack()
-  }, React__default.createElement(Ionicons, {
-    size: 20,
-    name: "chevron-back-sharp",
-    color: "white"
-  }))), React__default.createElement(InputField, {
-    placeholder: "Jump to or search...",
-    bg: colors.primaryBgLightColor,
-    borderColor: 'transparent',
-    rounded: '$xl',
-    placeholderTextColor: 'white',
-    style: {
-      fontSize: 15
-    },
-    autoFocus: true
-  }), React__default.createElement(InputSlot, {
-    pr: "$3"
-  }, React__default.createElement(Button, {
-    bg: 'transparent',
-    size: 'xs',
-    onPress: () => console.log('mic')
-  }, React__default.createElement(Ionicons, {
-    size: 20,
-    color: "white",
-    name: "mic-outline"
-  })))));
+  return /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center", w: "100%", rounded: "$xl", borderColor: "transparent", bg: colors.primaryBgLightColor, borderWidth: "$1", "$light-borderColor": "transparent", "$dark-borderColor": "transparent", flex: 1 }, /* @__PURE__ */ React__default.createElement(Input, { ref: inputRef, flex: 1, w: "100%", bg: colors.primaryBgLightColor, borderColor: "transparent" }, /* @__PURE__ */ React__default.createElement(InputSlot, { pl: "$3" }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "xs", onPress: () => goBack() }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, name: "chevron-back-sharp", color: "white" }))), /* @__PURE__ */ React__default.createElement(InputField, { placeholder: "Jump to or search...", bg: colors.primaryBgLightColor, borderColor: "transparent", rounded: "$xl", placeholderTextColor: "white", style: {
+    fontSize: 15
+  }, autoFocus: true }), /* @__PURE__ */ React__default.createElement(InputSlot, { pr: "$3" }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "xs", onPress: () => console.log("mic") }, /* @__PURE__ */ React__default.createElement(Ionicons, { size: 20, color: "white", name: "mic-outline" })))));
 });
-// const NavigationHeader = (props: any) => {
-//     const user: any = useSelector<Store.Auth, IUserState>(userSelector);
-//     return !user?.accessToken ? (
-//         <>
-//             <StatusBar style={props?.statusBarType ?? 'light'} />
-//             <SafeAreaView>
-//                 <Box
-//                     bg={props?.headerBgColor ?? Colors.primaryBgColor}
-//                     style={props?.options?.headerStyle ?? {}}
-//                     pb={'$4'}
-//                 />
-//             </SafeAreaView>
-//         </>
-//     ) : (
-//         <CustomNavigationHeader {...props} />
-//     );
-// };
-const NavigationHeader = props => {
+const NavigationHeader = (props) => {
   var _a, _b, _c;
   const user = useSelector(userSelector);
-  return !(user === null || user === void 0 ? void 0 : user.accessToken) ? React__default.createElement(Box, {
-    bg: (_a = props === null || props === void 0 ? void 0 : props.headerBgColor) !== null && _a !== void 0 ? _a : colors.primaryBgColor,
-    style: (_c = (_b = props === null || props === void 0 ? void 0 : props.options) === null || _b === void 0 ? void 0 : _b.headerStyle) !== null && _c !== void 0 ? _c : {},
-    pb: '$2'
-  }) : React__default.createElement(CustomNavigationHeader, Object.assign({}, props));
+  return !(user == null ? void 0 : user.accessToken) ? /* @__PURE__ */ React__default.createElement(Box, { bg: (_a = props == null ? void 0 : props.headerBgColor) != null ? _a : colors.primaryBgColor, style: (_c = (_b = props == null ? void 0 : props.options) == null ? void 0 : _b.headerStyle) != null ? _c : {}, pb: "$2" }) : /* @__PURE__ */ React__default.createElement(CustomNavigationHeader, __spreadValues({}, props));
 };
 var NavigationHeader$1 = React__default.memo(NavigationHeader);export{DefalutSearchComponent,SearchInputComponent,NavigationHeader$1 as default};//# sourceMappingURL=NavigationHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeader.js","sources":["../../../src/components/NavigationHeader/NavigationHeader.tsx"],"sourcesContent":[null],"names":["Colors","React"],"mappings":"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"}
+{"version":3,"file":"NavigationHeader.js","sources":["../../../src/components/NavigationHeader/NavigationHeader.tsx"],"sourcesContent":["import { useNavigation, useFocusEffect } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View, Dimensions, Keyboard, Animated } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Input,\n    InputField,\n    InputSlot,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport { useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector } from '@adminide-stack/user-auth0-client';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport Colors from '../../constants/Colors';\nimport { navigationRef } from '@common-stack/client-react';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst CustomNavigationHeader = ({\n    navigation,\n    route,\n    options,\n    back,\n    backBtnColor = 'white',\n    showToggle = null,\n    showFilter = null,\n    customHeader = null,\n    showTitle = true,\n    titleColor = 'white',\n    showOrganizationTitle = false,\n    showProfile = true,\n    isSearchBack = null,\n    showDefaultSearchBox = true,\n    statusBarType = 'light',\n    headerBgColor = Colors.primaryBgColor,\n    ...props\n}: any) => {\n    const [statusBarStyle, setStatusBarStyle] = React.useState<any>(statusBarType);\n    const { orgName, organizationDetail, open, setOpen, headerAnimationOffsetValue } = useDrawerLayout();\n    //const user = useSelector((state: any) => state?.user);\n    const headerInputRef = React.useRef(null);\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n    const offset = React.useRef(new Animated.Value(headerAnimationOffsetValue)).current;\n    // const title = user?.accessToken ? getHeaderTitle?.(options, route.name) ?? 'Home' : 'Home';\n    const title = getHeaderTitle?.(options, route.name) ?? 'Home';\n    const matches: any =\n        user?.accessToken && showOrganizationTitle && organizationDetail?.title\n            ? organizationDetail?.title?.match(/\\b(\\w)/g) ?? orgName\n            : title?.match(/\\b(\\w)/g) ?? '';\n    const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2)?.toUpperCase() : ''; // JSON\n    const isHeaderTitleString = typeof options?.headerTitle === 'string' || options?.headerTitle instanceof String;\n    React.useEffect(() => {\n        if (headerAnimationOffsetValue && offset) {\n            offset.setValue(headerAnimationOffsetValue);\n        }\n    }, [headerAnimationOffsetValue]);\n\n    React.useEffect(() => {\n        if (open) setStatusBarStyle('dark');\n        else setStatusBarStyle(statusBarType);\n    }, [open, statusBarType]);\n\n    const toggleDrawer = React.useCallback(() => {\n        setOpen((pre: boolean) => !pre);\n    }, []);\n    // const toggleDrawer = () => {\n    //     setOpen((pre: boolean) => !pre);\n    // };\n\n    return (\n        <>\n            <StatusBar style={statusBarStyle} />\n            {/* <StatusBar backgroundColor={'black'} barStyle={'light-content'} /> */}\n            <SafeAreaView bg={headerBgColor}>\n                <Box bg={headerBgColor} style={options?.headerStyle ?? {}}>\n                    <Animated.View\n                        style={{\n                            transform: [\n                                {\n                                    translateY: offset.interpolate({\n                                        inputRange: [100, 200],\n                                        outputRange: [0, -1],\n                                        extrapolateLeft: 'clamp',\n                                    }),\n                                },\n                            ],\n                        }}\n                    >\n                        {customHeader ? (\n                            <HStack\n                                bg={headerBgColor}\n                                px=\"$1\"\n                                py=\"$3\"\n                                justifyContent=\"space-between\"\n                                alignItems=\"center\"\n                                w=\"100%\"\n                                flex={1}\n                            >\n                                {customHeader}\n                            </HStack>\n                        ) : (\n                            <VStack bg={headerBgColor} px=\"$2\" py=\"$3\" space={'sm'}>\n                                <HStack px=\"$1\" justifyContent=\"space-between\" w=\"100%\">\n                                    <HStack space={'sm'} alignItems=\"center\" w={'85%'} rounded={'$xl'}>\n                                        {back ? (\n                                            <Button size={'sm'} bg={'transparent'} onPress={() => navigation.goBack()}>\n                                                <Ionicons size={30} name=\"chevron-back-sharp\" color={backBtnColor} />\n                                            </Button>\n                                        ) : showToggle && headerAnimationOffsetValue === 0 ? (\n                                            <Button\n                                                px={'$1.5'}\n                                                py={'$0.5'}\n                                                variant={'solid'}\n                                                size={'xs'}\n                                                alignItems=\"center\"\n                                                borderRadius={'$md'}\n                                                bg={Colors.toggleButtonBgColor}\n                                                disabled={!user?.accessToken ? true : false}\n                                                onPress={() => {\n                                                    if (user?.accessToken) {\n                                                        if (props?.navigation) navigation.toggleDrawer();\n                                                        else toggleDrawer();\n                                                    }\n                                                }}\n                                            >\n                                                <ButtonText py={'$0'} style={{ color: '#000', fontWeight: '600' }}>\n                                                    {startCase(acronym)}\n                                                </ButtonText>\n                                                {/* <Avatar bg={'transparent'}>\n                                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                                        {startCase(acronym)}\n                                                    </AvatarFallbackText>\n                                                </Avatar> */}\n                                            </Button>\n                                        ) : (\n                                            <></>\n                                        )}\n                                        {!isHeaderTitleString &&\n                                            options?.headerTitle?.() &&\n                                            headerAnimationOffsetValue === 0 && <Box>{options?.headerTitle?.()}</Box>}\n                                        {showTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: titleColor }}>\n                                                {startCase(title)}\n                                            </Text>\n                                        )}\n\n                                        {showOrganizationTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: 'white' }}>\n                                                {user?.accessToken\n                                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                                    : 'Home'}\n                                            </Text>\n                                        )}\n                                    </HStack>\n                                    <HStack>\n                                        {showProfile && headerAnimationOffsetValue === 0 && user?.accessToken && (\n                                            <Button\n                                                bg={'transparent'}\n                                                variant={'solid'}\n                                                rounded={'$md'}\n                                                size={'md'}\n                                                //$pressed-bg={Colors.primaryBgLightColor}\n                                                $pressed-bg={Colors.primaryBgLightColor}\n                                                $active-bg={Colors.primaryBgLightColor}\n                                                // _pressed={{ bg: Colors.primaryBgLightColor }}\n                                                onPress={() => navigation?.navigate(NavigationRoutes.UserAccount)}\n                                            >\n                                                <Avatar key={'profile-image-key'} size={'sm'} bg={'transparent'}>\n                                                    <AvatarFallbackText>\n                                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                                    </AvatarFallbackText>\n                                                    {user?.profile?.picture && (\n                                                        <AvatarImage\n                                                            alt={'image'}\n                                                            style={{\n                                                                width: 35,\n                                                                height: 30,\n                                                                borderRadius: 6,\n                                                                borderWidth: 2,\n                                                                borderColor: '#fff',\n                                                            }}\n                                                            source={{\n                                                                uri: user?.profile?.picture,\n                                                            }}\n                                                        />\n                                                    )}\n                                                    <AvatarBadge bg=\"$green800\" style={{ width: 10, height: 10 }} />\n                                                </Avatar>\n                                            </Button>\n                                        )}\n                                    </HStack>\n                                </HStack>\n\n                                <HStack\n                                    px=\"$1\"\n                                    justifyContent=\"space-between\"\n                                    w=\"100%\"\n                                    display={user?.accessToken ? 'flex' : 'none'}\n                                    //style={{ display: user?.accessToken ? 'block' : 'none' }}\n                                >\n                                    {!showFilter && isSearchBack ? (\n                                        <SearchInputComponent navigation={navigation} inputRef={headerInputRef} />\n                                    ) : (\n                                        showDefaultSearchBox && (\n                                            <DefalutSearchComponent navigation={navigation} showFilter={showFilter} />\n                                        )\n                                    )}\n                                    {user?.accessToken && showFilter && (\n                                        <HStack\n                                            space={'sm'}\n                                            alignItems=\"center\"\n                                            rounded={'$xl'}\n                                            borderColor={'transparent'}\n                                            bg={Colors.primaryBgLightColor}\n                                            borderWidth={'$1'}\n                                        >\n                                            <Button bg={Colors.primaryBgLightColor} rounded={'$sm'} size={'sm'}>\n                                                <Ionicons name={'filter'} size={18} color={'#fff'} />\n                                            </Button>\n                                        </HStack>\n                                    )}\n                                </HStack>\n\n                                {/* <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <HStack alignItems=\"center\">\n                                    {back ? (\n                                        <IconButton\n                                            onPress={() => navigation.goBack()}\n                                            icon={\n                                                <Icon size={'lg'} as={MaterialIcons} name=\"arrow-back\" color=\"white\" />\n                                            }\n                                        />\n                                    ) : showToggle ? (\n                                        <IconButton\n                                            mx={2}\n                                            px={2}\n                                            py={2}\n                                            size={6}\n                                            bg={Colors.toggleButtonBgColor}\n                                            disabled={!user?.accessToken ? true : false}\n                                            onPress={() => {\n                                                if (user?.accessToken) {\n                                                    if (props?.navigation) navigation.toggleDrawer();\n                                                    else toggleDrawer();\n                                                }\n                                            }}\n                                            icon={\n                                                <Avatar\n                                                    bg={'transparent'}\n                                                    size={8}\n                                                    _text={{ color: '#000', fontWeight: 600 }}\n                                                >\n                                                    {acronym}\n                                                </Avatar>\n                                            }\n                                        />\n                                    ) : (\n                                        <></>\n                                    )}\n\n                                    <Text px={2} color=\"white\" fontSize=\"20\" fontWeight=\"bold\">\n                                        {startCase(title)}\n                                    </Text>\n                                </HStack>\n                            </Box>\n                            <Box>\n                                <Button\n                                    bg={'transparent'}\n                                    variant={'ghost'}\n                                    _pressed={{ bg: Colors.primaryButtonPressBgColor }}\n                                >\n                                    <Avatar\n                                        key={'profile-image-key'}\n                                        size={'sm'}\n                                        bg={'transparent'}\n                                        _image={{\n                                            style: {\n                                                width: 30,\n                                                height: 30,\n                                                borderRadius: 6,\n                                                borderWidth: 2,\n                                                borderColor: '#fff',\n                                            },\n                                        }}\n                                        source={{\n                                            uri: user?.profile?.picture,\n                                        }}\n                                    >\n                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                        <Avatar.Badge bg=\"green.800\" />\n                                    </Avatar>\n                                </Button>\n                            </Box>\n                        </HStack>\n                        <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <Input\n                                    InputLeftElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={6} color=\"white\" as={Ionicons} name=\"search\" />}\n                                        />\n                                    }\n                                    InputRightElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={'sm'} color=\"white\" as={Ionicons} name=\"mic-outline\" />}\n                                        />\n                                    }\n                                    size=\"md\"\n                                    placeholder=\"Jump to or search...\"\n                                    variant=\"filled\"\n                                    bg={Colors.primaryBgLightColor}\n                                    borderColor={'transparent'}\n                                    rounded={'xl'}\n                                    placeholderTextColor={'white'}\n                                    fontSize={15}\n                                    mx={2}\n                                    px={2}\n                                    w={'85%'}\n                                />\n                            </Box>\n                            <Box>\n                                {user?.accessToken && showFilter && (\n                                    <IconButton\n                                        bg={Colors.primaryBgLightColor}\n                                        rounded={'xl'}\n                                        size={'md'}\n                                        icon={<Ionicons name={'ios-filter'} size={18} color={'#fff'} />}\n                                    />\n                                )}\n                            </Box>\n                        </HStack> */}\n                            </VStack>\n                        )}\n                    </Animated.View>\n                </Box>\n            </SafeAreaView>\n        </>\n    );\n};\n\nexport const DefalutSearchComponent = React.memo(({ navigation, showFilter }: any) => {\n    const goToSearch = React.useCallback(() => {\n        if (Keyboard) Keyboard.dismiss();\n        navigation.navigate(NavigationRoutes.Search);\n    }, [navigation]);\n\n    return (\n        <HStack\n            space={'sm'}\n            alignItems=\"center\"\n            w={showFilter ? '85%' : '100%'}\n            rounded={'$xl'}\n            borderColor={'transparent'}\n            bg={Colors.primaryBgLightColor}\n            borderWidth={1}\n        >\n            <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"search\" />\n            </Button>\n            <Button\n                bg={'transparent'}\n                onPress={() => goToSearch()}\n                //$pressed-bg={Colors.primaryBgLightColor}\n                $pressed-bg={Colors.primaryBgLightColor}\n                $active-bg={Colors.primaryBgLightColor}\n                //_pressed={{ bg: Colors.primaryBgLightColor }}\n                flex={1}\n                variant={'solid'}\n                pl={'$0'}\n                justifyContent={'flex-start'}\n            >\n                <ButtonText style={{ fontSize: 15, color: 'white' }}>Jump to or search....</ButtonText>\n            </Button>\n\n            <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n            </Button>\n        </HStack>\n    );\n});\n\nexport const SearchInputComponent = React.memo(({ navigation, inputRef }: any) => {\n    const goBack = React.useCallback(() => {\n        Keyboard.dismiss();\n        if (inputRef.current) inputRef.current = null;\n        navigation.goBack(null);\n    }, [navigation, inputRef]);\n\n    return (\n        <HStack\n            space={'sm'}\n            alignItems=\"center\"\n            w={'100%'}\n            rounded={'$xl'}\n            borderColor={'transparent'}\n            bg={Colors.primaryBgLightColor}\n            borderWidth={'$1'}\n            $light-borderColor={'transparent'}\n            $dark-borderColor={'transparent'}\n            flex={1}\n        >\n            <Input ref={inputRef} flex={1} w={'100%'} bg={Colors.primaryBgLightColor} borderColor={'transparent'}>\n                <InputSlot pl=\"$3\">\n                    <Button bg={'transparent'} size={'xs'} onPress={() => goBack()}>\n                        <Ionicons size={20} name=\"chevron-back-sharp\" color=\"white\" />\n                    </Button>\n                </InputSlot>\n                <InputField\n                    placeholder=\"Jump to or search...\"\n                    bg={Colors.primaryBgLightColor}\n                    borderColor={'transparent'}\n                    rounded={'$xl'}\n                    placeholderTextColor={'white'}\n                    style={{ fontSize: 15 }}\n                    autoFocus={true}\n                />\n                <InputSlot pr=\"$3\">\n                    <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                </InputSlot>\n            </Input>\n\n            {/* <Input\n                ref={inputRef}\n                InputLeftElement={\n                    <>\n                        <Button bg={'transparent'} onPress={() => goBack()}>\n                            <Ionicons size={20} name=\"md-chevron-back-sharp\" color=\"white\" />\n                        </Button>\n                    </>\n                }\n                InputRightElement={\n                    <Button bg={'transparent'} size={'sm'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                }\n                placeholder=\"Jump to or search...\"\n                bg={Colors.primaryBgLightColor}\n                borderColor={'transparent'}\n                rounded={'xl'}\n                placeholderTextColor={'white'}\n                fontSize={15}\n                autoFocus={true}\n            /> */}\n        </HStack>\n    );\n});\n\n// const NavigationHeader = (props: any) => {\n//     const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n//     return !user?.accessToken ? (\n//         <>\n//             <StatusBar style={props?.statusBarType ?? 'light'} />\n//             <SafeAreaView>\n//                 <Box\n//                     bg={props?.headerBgColor ?? Colors.primaryBgColor}\n//                     style={props?.options?.headerStyle ?? {}}\n//                     pb={'$4'}\n//                 />\n//             </SafeAreaView>\n//         </>\n//     ) : (\n//         <CustomNavigationHeader {...props} />\n//     );\n// };\n\nconst NavigationHeader = (props: any) => {\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n    return !user?.accessToken ? (\n        <Box bg={props?.headerBgColor ?? Colors.primaryBgColor} style={props?.options?.headerStyle ?? {}} pb={'$2'} />\n    ) : (\n        <CustomNavigationHeader {...props} />\n    );\n};\n\nexport default React.memo(NavigationHeader);\n"],"names":["Colors","_a","_b","React"],"mappings":"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"}