@messenger-box/slack-ui-mobile 10.0.3-alpha.47 → 10.0.3-alpha.48

package/lib/components/AppRootContextProviderComponent.js

@@ -1,4 +1,4 @@
-import React__default,{memo}from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {DrawerLayoutProvider}from'../hooks/useDrawerLayout.js';import {ExpoNotificationProvider}from'../hooks/useExpoNotificationProvider.js';import WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';import FillRenderProvider from'@common-stack/components-pro/lib/plugin/provider.native.js';import Constants from'expo-constants';const isExpoGo = Constants.executionEnvironment === "storeClient";
+import React__default,{memo}from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {DrawerLayoutProvider}from'../hooks/useDrawerLayout.js';import {ExpoNotificationProvider}from'../hooks/useExpoNotificationProvider.js';import'../hooks/useOptimizedChannelsQueries.js';import WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';import FillRenderProvider from'@common-stack/components-pro/lib/plugin/provider.native.js';import Constants from'expo-constants';const isExpoGo = Constants.executionEnvironment === "storeClient";
 const KeyboardProviderComponent = memo(({
   children,
   isExpoGo: isExpoGo2

package/lib/components/AppRootContextProviderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React, { memo, ReactNode } from 'react';\nimport { Platform } from 'react-native';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\nimport FillRenderProvider from '@common-stack/components-pro/lib/plugin/provider.native.js';\nimport { PluginRender } from '@common-stack/components-pro/lib/plugin/plugin-render.js';\nimport Constants from 'expo-constants';\n\nconst isExpoGo = Constants.executionEnvironment === 'storeClient';\n\ninterface KeyboardProviderComponentProps {\n    children: ReactNode;\n    isExpoGo: boolean;\n}\n\nconst KeyboardProviderComponent = memo(({ children, isExpoGo }: KeyboardProviderComponentProps) => {\n    // Check if running in Expo Go using executionEnvironment instead of deprecated appOwnership\n    console.log('isExpoGo', isExpoGo);\n    // Only use KeyboardProvider when not in Expo Go\n    if (!isExpoGo) {\n        const { KeyboardProvider } = require('react-native-keyboard-controller');\n        return <KeyboardProvider>{children}</KeyboardProvider>;\n    }\n\n    // Return children directly when in Expo Go\n    return <>{children}</>;\n});\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <Box className=\"flex-1\">\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    <KeyboardProviderComponent isExpoGo={isExpoGo}>\n                        <FillRenderProvider>\n                            {/* <PluginRender fills={[]} name={'slack-ui'}> */}\n                            {children}\n                            {/* </PluginRender> */}\n                        </FillRenderProvider>\n                    </KeyboardProviderComponent>\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </Box>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["isExpoGo","React"],"mappings":"0gBAQA,MAAM,QAAA,GAAW,UAAU,oBAAyB,KAAA,aAAA;AAKpD,MAAM,yBAAA,GAA4B,KAAK,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,QAAAA,EAAAA;AACF,CAAsC,KAAA;AAEpC,EAAQ,OAAA,CAAA,GAAA,CAAI,YAAYA,SAAQ,CAAA;AAEhC,EAAA,IAAI,CAACA,SAAU,EAAA;AACb,IAAM,MAAA;AAAA,MACJ;AAAA,KACF,GAAI,QAAQ,kCAAkC,CAAA;AAC9C,IAAO,uBAAAC,cAAA,CAAA,aAAA,CAAC,wBAAkB,QAAS,CAAA;AAAA;AAIrC,EAAA,mFAAU,QAAS,CAAA;AACrB,CAAC,CAAA;AACD,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAU,EAAA,QAAA,EAAA,+CACX,wBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,gBAAA,EAAoC,aAAe,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CACtF,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,6BAA0B,QACvB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,0BAEI,QAEL,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React, { memo, ReactNode } from 'react';\nimport { Platform } from 'react-native';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\nimport FillRenderProvider from '@common-stack/components-pro/lib/plugin/provider.native.js';\nimport { PluginRender } from '@common-stack/components-pro/lib/plugin/plugin-render.js';\nimport Constants from 'expo-constants';\n\nconst isExpoGo = Constants.executionEnvironment === 'storeClient';\n\ninterface KeyboardProviderComponentProps {\n    children: ReactNode;\n    isExpoGo: boolean;\n}\n\nconst KeyboardProviderComponent = memo(({ children, isExpoGo }: KeyboardProviderComponentProps) => {\n    // Check if running in Expo Go using executionEnvironment instead of deprecated appOwnership\n    console.log('isExpoGo', isExpoGo);\n    // Only use KeyboardProvider when not in Expo Go\n    if (!isExpoGo) {\n        const { KeyboardProvider } = require('react-native-keyboard-controller');\n        return <KeyboardProvider>{children}</KeyboardProvider>;\n    }\n\n    // Return children directly when in Expo Go\n    return <>{children}</>;\n});\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <Box className=\"flex-1\">\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    <KeyboardProviderComponent isExpoGo={isExpoGo}>\n                        <FillRenderProvider>\n                            {/* <PluginRender fills={[]} name={'slack-ui'}> */}\n                            {children}\n                            {/* </PluginRender> */}\n                        </FillRenderProvider>\n                    </KeyboardProviderComponent>\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </Box>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["isExpoGo","React"],"mappings":"0jBAQA,MAAM,QAAA,GAAW,UAAU,oBAAyB,KAAA,aAAA;AAKpD,MAAM,yBAAA,GAA4B,KAAK,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,QAAAA,EAAAA;AACF,CAAsC,KAAA;AAEpC,EAAQ,OAAA,CAAA,GAAA,CAAI,YAAYA,SAAQ,CAAA;AAEhC,EAAA,IAAI,CAACA,SAAU,EAAA;AACb,IAAM,MAAA;AAAA,MACJ;AAAA,KACF,GAAI,QAAQ,kCAAkC,CAAA;AAC9C,IAAO,uBAAAC,cAAA,CAAA,aAAA,CAAC,wBAAkB,QAAS,CAAA;AAAA;AAIrC,EAAA,mFAAU,QAAS,CAAA;AACrB,CAAC,CAAA;AACD,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAU,EAAA,QAAA,EAAA,+CACX,wBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,gBAAA,EAAoC,aAAe,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CACtF,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,6BAA0B,QACvB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,0BAEI,QAEL,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}

package/lib/components/VirtualizedScrollView/VirtualizedScrollView.js

@@ -1,4 +1,4 @@
-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;
+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';import'../../hooks/useOptimizedChannelsQueries.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/lib/hooks/useOptimizedChannelsQueries.js

@@ -0,0 +1,106 @@
+import {useMemo,useCallback}from'react';import {RoomType}from'common';import {useChannelsQuery}from'../queries/slackuiQueries.js';import {orderBy,uniqBy,take}from'lodash-es';const defaultChannelTypes = [RoomType.Channel, RoomType.Private, RoomType.Public];
+const useOptimizedChannelsQueries = ({
+  orgName,
+  teamId = null,
+  enabled = true
+}) => {
+  const {
+    data: allChannelsData,
+    loading,
+    error,
+    refetch: refetchAllChannels
+  } = useChannelsQuery({
+    variables: {
+      criteria: {
+        orgName,
+        type: [...defaultChannelTypes, RoomType.Direct],
+        team: teamId
+      },
+      limit: 100
+    },
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    skip: !enabled || !orgName
+  });
+  const channelsData = useMemo(() => {
+    if (!(allChannelsData == null ? void 0 : allChannelsData.channelsByUser))
+      return [];
+    return orderBy(uniqBy(allChannelsData.channelsByUser.filter((channel) => defaultChannelTypes.includes(channel.type) && channel.type !== RoomType.Direct), "id"), [(ch) => {
+      var _a;
+      return (_a = ch.title) == null ? void 0 : _a.toLowerCase();
+    }], ["asc"]);
+  }, [allChannelsData == null ? void 0 : allChannelsData.channelsByUser]);
+  const directChannelsData = useMemo(() => {
+    if (!(allChannelsData == null ? void 0 : allChannelsData.channelsByUser))
+      return [];
+    return orderBy(uniqBy(allChannelsData.channelsByUser.filter((channel) => channel.type === RoomType.Direct), "id"), [(ch) => {
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = ch.members) == null ? void 0 : _a[0]) == null ? void 0 : _b.user) == null ? void 0 : _c.givenName) || "";
+    }], ["asc"]);
+  }, [allChannelsData == null ? void 0 : allChannelsData.channelsByUser]);
+  const refetchChannels = useCallback((filters) => {
+    const {
+      includeChannels = true,
+      includeDirectMessages = true
+    } = filters || {};
+    const types = [];
+    if (includeChannels)
+      types.push(...defaultChannelTypes);
+    if (includeDirectMessages)
+      types.push(RoomType.Direct);
+    const finalTypes = types.length > 0 ? types : [...defaultChannelTypes, RoomType.Direct];
+    return refetchAllChannels({
+      criteria: {
+        orgName,
+        type: finalTypes,
+        team: teamId
+      },
+      limit: 100
+    });
+  }, [orgName, teamId, refetchAllChannels]);
+  const getChannelsForHome = useCallback((limit = 10) => {
+    return take(channelsData, limit);
+  }, [channelsData]);
+  const getDirectChannelsForHome = useCallback((limit = 20) => {
+    return take(directChannelsData, limit);
+  }, [directChannelsData]);
+  const getChannelsForTeam = useCallback(() => {
+    return channelsData;
+  }, [channelsData]);
+  return {
+    allChannelsData: (allChannelsData == null ? void 0 : allChannelsData.channelsByUser) || [],
+    channelsData,
+    directChannelsData,
+    loading,
+    error,
+    refetchChannels,
+    refetchAllChannels,
+    getChannelsForHome,
+    getDirectChannelsForHome,
+    getChannelsForTeam,
+    hasChannels: channelsData.length > 0,
+    hasDirectChannels: directChannelsData.length > 0,
+    totalChannelCount: channelsData.length,
+    totalDirectChannelCount: directChannelsData.length
+  };
+};
+const useChannelTypeQuery = (orgName, channelType, options = {}) => {
+  const {
+    teamId = null,
+    limit = 50,
+    enabled = true
+  } = options;
+  return useChannelsQuery({
+    variables: {
+      criteria: {
+        orgName,
+        type: channelType,
+        team: teamId
+      },
+      limit
+    },
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    skip: !enabled || !orgName
+  });
+};export{useChannelTypeQuery,useOptimizedChannelsQueries};//# sourceMappingURL=useOptimizedChannelsQueries.js.map

package/lib/hooks/useOptimizedChannelsQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptimizedChannelsQueries.js","sources":["../../src/hooks/useOptimizedChannelsQueries.ts"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport { RoomType } from 'common';\nimport { useChannelsQuery } from '../queries/slackuiQueries';\nimport { orderBy, uniqBy, take } from 'lodash-es';\n\ninterface UseOptimizedChannelsQueriesProps {\n    orgName: string;\n    teamId?: string | null;\n    enabled?: boolean;\n}\n\ninterface ChannelFilters {\n    includeChannels?: boolean;\n    includeDirectMessages?: boolean;\n    channelLimit?: number;\n    directMessageLimit?: number;\n}\n\nconst defaultChannelTypes = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\nexport const useOptimizedChannelsQueries = ({\n    orgName,\n    teamId = null,\n    enabled = true,\n}: UseOptimizedChannelsQueriesProps) => {\n    // Single optimized query that fetches all channel types at once\n    const {\n        data: allChannelsData,\n        loading,\n        error,\n        refetch: refetchAllChannels,\n    } = useChannelsQuery({\n        variables: {\n            criteria: {\n                orgName,\n                type: [...defaultChannelTypes, RoomType.Direct], // Fetch all types in one query\n                team: teamId,\n            },\n            limit: 100, // Higher limit to accommodate all channel types\n        },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        skip: !enabled || !orgName,\n    });\n\n    // Memoized data selectors for different channel types\n    const channelsData = useMemo(() => {\n        if (!allChannelsData?.channelsByUser) return [];\n\n        return orderBy(\n            uniqBy(\n                allChannelsData.channelsByUser.filter(\n                    (channel: any) => defaultChannelTypes.includes(channel.type) && channel.type !== RoomType.Direct,\n                ),\n                'id',\n            ),\n            [(ch: any) => ch.title?.toLowerCase()],\n            ['asc'],\n        );\n    }, [allChannelsData?.channelsByUser]);\n\n    const directChannelsData = useMemo(() => {\n        if (!allChannelsData?.channelsByUser) return [];\n\n        return orderBy(\n            uniqBy(\n                allChannelsData.channelsByUser.filter((channel: any) => channel.type === RoomType.Direct),\n                'id',\n            ),\n            [(ch: any) => ch.members?.[0]?.user?.givenName || ''],\n            ['asc'],\n        );\n    }, [allChannelsData?.channelsByUser]);\n\n    // Optimized refetch function that accepts filters\n    const refetchChannels = useCallback(\n        (filters?: ChannelFilters) => {\n            const { includeChannels = true, includeDirectMessages = true } = filters || {};\n\n            const types = [];\n            if (includeChannels) types.push(...defaultChannelTypes);\n            if (includeDirectMessages) types.push(RoomType.Direct);\n\n            // Always include at least some channel types to avoid empty queries\n            const finalTypes = types.length > 0 ? types : [...defaultChannelTypes, RoomType.Direct];\n\n            return refetchAllChannels({\n                criteria: {\n                    orgName,\n                    type: finalTypes,\n                    team: teamId,\n                },\n                limit: 100,\n            });\n        },\n        [orgName, teamId, refetchAllChannels],\n    );\n\n    // Specific data selectors with limits for different use cases\n    const getChannelsForHome = useCallback(\n        (limit: number = 10) => {\n            return take(channelsData, limit);\n        },\n        [channelsData],\n    );\n\n    const getDirectChannelsForHome = useCallback(\n        (limit: number = 20) => {\n            return take(directChannelsData, limit);\n        },\n        [directChannelsData],\n    );\n\n    const getChannelsForTeam = useCallback(() => {\n        return channelsData; // Return all channels for team view\n    }, [channelsData]);\n\n    return {\n        // Raw data\n        allChannelsData: allChannelsData?.channelsByUser || [],\n        channelsData,\n        directChannelsData,\n\n        // Loading states\n        loading,\n        error,\n\n        // Refetch functions\n        refetchChannels,\n        refetchAllChannels,\n\n        // Selectors with built-in limits\n        getChannelsForHome,\n        getDirectChannelsForHome,\n        getChannelsForTeam,\n\n        // Utility functions\n        hasChannels: channelsData.length > 0,\n        hasDirectChannels: directChannelsData.length > 0,\n        totalChannelCount: channelsData.length,\n        totalDirectChannelCount: directChannelsData.length,\n    };\n};\n\n// Additional hook for specific channel type queries (for backward compatibility)\nexport const useChannelTypeQuery = (\n    orgName: string,\n    channelType: RoomType | RoomType[],\n    options: { teamId?: string; limit?: number; enabled?: boolean } = {},\n) => {\n    const { teamId = null, limit = 50, enabled = true } = options;\n\n    return useChannelsQuery({\n        variables: {\n            criteria: {\n                orgName,\n                type: channelType,\n                team: teamId,\n            },\n            limit,\n        },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        skip: !enabled || !orgName,\n    });\n};\n"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -1 +1 @@
-import {Feature}from'@common-stack/client-react';import SlackUIModule from'./module.js';export{default as colors}from'./constants/Colors.js';export{default as device}from'./constants/device.js';export{default as fonts}from'./constants/fonts.js';export{default as gStyle}from'./constants/globalStyles.js';export{default as images}from'./constants/preloadImages.js';export{default as Layout}from'./constants/Layout.js';export{NavigationRoutes}from'./constants/routes.js';export{Login}from'./screens/Login.js';export{default as Home}from'./screens/Home/HomeScreen.js';export{default as InboxScreen}from'./screens/Inbox/InboxScreen.js';export{default as InboxChannelDetailScreen}from'./screens/Inbox/InboxChannelDetail.js';export{default as Account}from'./screens/Account/AccountScreen.js';export{default as Profile}from'./screens/Profile/ProfileScreen.js';export{default as Activity}from'./screens/Activity/ActivityScreen.js';export{default as Saved}from'./screens/Saved/SavedScreen.js';export{default as Notification}from'./screens/Notification/NotificationsScreen.js';export{default as Search}from'./screens/Search/SearchScreen.js';export{default as SearchChannelPeople}from'./screens/Search/SearchChannelPeople.js';export{default as SearchAddChannel}from'./screens/Search/SearchAddChannel.js';export{default as JumpTo}from'./screens/Search/JumpTo.js';export{default as Files}from'./screens/Files/FilesScreen.js';export{default as Wiki}from'./screens/Wiki/WikiScreen.js';export{default as Channels}from'./screens/Channels/Channels.js';export{default as AddChannel}from'./screens/Channels/AddChannel.js';export{default as AddChannelName}from'./screens/Channels/Add/AddName.js';export{default as AddChannelVisibility}from'./screens/Channels/Add/AddVisibility.js';export{default as Peoples}from'./screens/Peoples/People.js';export{default as AddPeople}from'./screens/Peoples/AddPeople.js';export{default as AddPeopleByEmail}from'./screens/Peoples/AddByEmail.js';export{default as AddFromContacts}from'./screens/Peoples/AddFromContacts.js';export{default as AddTeam}from'./screens/Teams/AddTeam.js';export{default as Team}from'./screens/Teams/Team.js';export{default as Teams}from'./screens/Teams/Teams.js';export{default as CreateOrganization}from'./screens/Organization/CreateOrganization.js';export{default as InviteOrganizationMembers}from'./screens/Organization/InviteOrganizationMembers.js';export{default as InitializeOrganizationChannel}from'./screens/Organization/InitializeOrganizationChannel.js';export{default as InitialChannelOnboarding}from'./screens/Organization/InitialChannelOnboarding.js';export{default as AddWorkSpace}from'./screens/Organization/AddWorkspace.js';export{default as Header}from'./components/Header/Header.js';export{default as Tiles}from'./components/Tiles/Tiles.js';export{default as CustomDrawer}from'./components/CustomDrawer/CustomDrawer.js';export{default as CustomBottomTabs}from'./components/CustomBottomTabs/CustomBottomTabs.js';export{default as NavigationHeader}from'./components/NavigationHeader/NavigationHeader.js';export{default as chatNavigationHeader}from'./components/NavigationHeader/NavigationHeaderChat.js';export{default as InboxNavigationHeader}from'./components/NavigationHeader/InboxNavigationHeader.js';export{default as LoadingSpinner,LoadingSpinnerDefault}from'./components/LoadingSpinner/index.js';export{default as WorkSpaceDrawer}from'./components/WorkSpaceDrawer/WorkSpaceDrawer.js';export{ChannelsByAlphabeticalAccordion}from'./components/Channels/ChannelsByAlphabeticalAccordion.js';export{SlackInput}from'./components/SlackSearchInput/index.js';export{default as AppRootContextProviderComponent}from'./components/AppRootContextProviderComponent.js';export{Actionsheet}from'./components/Actionsheet.js';export{default as useCachedResources}from'./hooks/useCachedResources.js';export{default as useColorScheme}from'./hooks/useColorScheme.js';export{DrawerLayoutContext,DrawerLayoutProvider,useDrawerLayout}from'./hooks/useDrawerLayout.js';export{ExpoNotificationContext,ExpoNotificationProvider,useExpoNotification}from'./hooks/useExpoNotificationProvider.js';export{useDisclose}from'./hooks/useDisclose.js';export{customTheme}from'./theme/index.js';import'./locales/index.js';var index = new Feature(SlackUIModule);export{index as default};//# sourceMappingURL=index.js.map
+import {Feature}from'@common-stack/client-react';import SlackUIModule from'./module.js';export{default as colors}from'./constants/Colors.js';export{default as device}from'./constants/device.js';export{default as fonts}from'./constants/fonts.js';export{default as gStyle}from'./constants/globalStyles.js';export{default as images}from'./constants/preloadImages.js';export{default as Layout}from'./constants/Layout.js';export{NavigationRoutes}from'./constants/routes.js';export{Login}from'./screens/Login.js';export{default as Home}from'./screens/Home/HomeScreen.js';export{default as InboxScreen}from'./screens/Inbox/InboxScreen.js';export{default as InboxChannelDetailScreen}from'./screens/Inbox/InboxChannelDetail.js';export{default as Account}from'./screens/Account/AccountScreen.js';export{default as Profile}from'./screens/Profile/ProfileScreen.js';export{default as Activity}from'./screens/Activity/ActivityScreen.js';export{default as Saved}from'./screens/Saved/SavedScreen.js';export{default as Notification}from'./screens/Notification/NotificationsScreen.js';export{default as Search}from'./screens/Search/SearchScreen.js';export{default as SearchChannelPeople}from'./screens/Search/SearchChannelPeople.js';export{default as SearchAddChannel}from'./screens/Search/SearchAddChannel.js';export{default as JumpTo}from'./screens/Search/JumpTo.js';export{default as Files}from'./screens/Files/FilesScreen.js';export{default as Wiki}from'./screens/Wiki/WikiScreen.js';export{default as Channels}from'./screens/Channels/Channels.js';export{default as AddChannel}from'./screens/Channels/AddChannel.js';export{default as AddChannelName}from'./screens/Channels/Add/AddName.js';export{default as AddChannelVisibility}from'./screens/Channels/Add/AddVisibility.js';export{default as Peoples}from'./screens/Peoples/People.js';export{default as AddPeople}from'./screens/Peoples/AddPeople.js';export{default as AddPeopleByEmail}from'./screens/Peoples/AddByEmail.js';export{default as AddFromContacts}from'./screens/Peoples/AddFromContacts.js';export{default as AddTeam}from'./screens/Teams/AddTeam.js';export{default as Team}from'./screens/Teams/Team.js';export{default as Teams}from'./screens/Teams/Teams.js';export{default as CreateOrganization}from'./screens/Organization/CreateOrganization.js';export{default as InviteOrganizationMembers}from'./screens/Organization/InviteOrganizationMembers.js';export{default as InitializeOrganizationChannel}from'./screens/Organization/InitializeOrganizationChannel.js';export{default as InitialChannelOnboarding}from'./screens/Organization/InitialChannelOnboarding.js';export{default as AddWorkSpace}from'./screens/Organization/AddWorkspace.js';export{default as Header}from'./components/Header/Header.js';export{default as Tiles}from'./components/Tiles/Tiles.js';export{default as CustomDrawer}from'./components/CustomDrawer/CustomDrawer.js';export{default as CustomBottomTabs}from'./components/CustomBottomTabs/CustomBottomTabs.js';export{default as NavigationHeader}from'./components/NavigationHeader/NavigationHeader.js';export{default as chatNavigationHeader}from'./components/NavigationHeader/NavigationHeaderChat.js';export{default as InboxNavigationHeader}from'./components/NavigationHeader/InboxNavigationHeader.js';export{default as LoadingSpinner,LoadingSpinnerDefault}from'./components/LoadingSpinner/index.js';export{default as WorkSpaceDrawer}from'./components/WorkSpaceDrawer/WorkSpaceDrawer.js';export{ChannelsByAlphabeticalAccordion}from'./components/Channels/ChannelsByAlphabeticalAccordion.js';export{SlackInput}from'./components/SlackSearchInput/index.js';export{default as AppRootContextProviderComponent}from'./components/AppRootContextProviderComponent.js';export{Actionsheet}from'./components/Actionsheet.js';export{default as useCachedResources}from'./hooks/useCachedResources.js';export{default as useColorScheme}from'./hooks/useColorScheme.js';export{DrawerLayoutContext,DrawerLayoutProvider,useDrawerLayout}from'./hooks/useDrawerLayout.js';export{ExpoNotificationContext,ExpoNotificationProvider,useExpoNotification}from'./hooks/useExpoNotificationProvider.js';export{useDisclose}from'./hooks/useDisclose.js';export{useChannelTypeQuery,useOptimizedChannelsQueries}from'./hooks/useOptimizedChannelsQueries.js';export{customTheme}from'./theme/index.js';import'./locales/index.js';var index = new Feature(SlackUIModule);export{index as default};//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { Feature } from '@common-stack/client-react';\nimport SlackUIModule from './module';\n\n// export * from './navigation';\nexport * from './constants';\nexport * from './screens';\nexport * from './components';\nexport * from './hooks';\nexport * from './theme';\nexport * from './locales';\n// export * from './queries';\nexport default new Feature(SlackUIModule);\n"],"names":[],"mappings":"+oIAWA,YAAe,IAAI,QAAQ,aAAa,CAAA"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { Feature } from '@common-stack/client-react';\nimport SlackUIModule from './module';\n\n// export * from './navigation';\nexport * from './constants';\nexport * from './screens';\nexport * from './components';\nexport * from './hooks';\nexport * from './theme';\nexport * from './locales';\n// export * from './queries';\nexport default new Feature(SlackUIModule);\n"],"names":[],"mappings":"mvIAWA,YAAe,IAAI,QAAQ,aAAa,CAAA"}

package/lib/navigation/SearchTabNavigation.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useWindowDimensions,View,StyleSheet,TouchableOpacity,Animated,StatusBar}from'react-native';import {SceneMap,TabView}from'react-native-tab-view';import {createMaterialTopTabNavigator}from'@react-navigation/material-top-tabs';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'common';import'common/graphql';import'@admin-layout/gluestack-ui-mobile';import'expo-status-bar';import'react-redux';import'lodash-es';import Colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'tailwindcss/colors';import'@react-navigation/native';import SearchScreen from'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'../screens/Peoples/AddFromContacts.js';import'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';import {LoadingSpinnerDefault}from'../components/LoadingSpinner/index.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {useWindowDimensions,View,StyleSheet,TouchableOpacity,Animated,StatusBar}from'react-native';import {SceneMap,TabView}from'react-native-tab-view';import {createMaterialTopTabNavigator}from'@react-navigation/material-top-tabs';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'../hooks/useOptimizedChannelsQueries.js';import'common';import'common/graphql';import'@admin-layout/gluestack-ui-mobile';import'expo-status-bar';import'react-redux';import'lodash-es';import Colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'tailwindcss/colors';import'@react-navigation/native';import SearchScreen from'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'../screens/Peoples/AddFromContacts.js';import'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';import {LoadingSpinnerDefault}from'../components/LoadingSpinner/index.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/lib/navigation/TeamTabNavigation.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useWindowDimensions,View,StyleSheet,TouchableOpacity,Animated,StatusBar}from'react-native';import {TabView,SceneMap}from'react-native-tab-view';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'common';import'common/graphql';import'@admin-layout/gluestack-ui-mobile';import'expo-status-bar';import'react-redux';import'lodash-es';import Colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'tailwindcss/colors';import'@react-navigation/native';import'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'../screens/Peoples/AddFromContacts.js';import Team from'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {useWindowDimensions,View,StyleSheet,TouchableOpacity,Animated,StatusBar}from'react-native';import {TabView,SceneMap}from'react-native-tab-view';import'../screens/Login.js';import'../screens/Home/HomeScreen.js';import'@adminide-stack/user-auth0-client';import'@messenger-box/platform-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'../hooks/useDrawerLayout.js';import'../hooks/useExpoNotificationProvider.js';import'../hooks/useOptimizedChannelsQueries.js';import'common';import'common/graphql';import'@admin-layout/gluestack-ui-mobile';import'expo-status-bar';import'react-redux';import'lodash-es';import Colors from'../constants/Colors.js';import'../constants/device.js';import'../constants/globalStyles.js';import'../constants/Layout.js';import'tailwindcss/colors';import'@react-navigation/native';import'../screens/Search/SearchScreen.js';import'../screens/Search/SearchChannelPeople.js';import'../screens/Search/SearchAddChannel.js';import'../screens/Search/JumpTo.js';import'../screens/Channels/Channels.js';import'../screens/Channels/AddChannel.js';import'../screens/Channels/Add/AddName.js';import'../screens/Channels/Add/AddVisibility.js';import'../screens/Peoples/People.js';import'../screens/Peoples/AddByEmail.js';import'../screens/Peoples/AddFromContacts.js';import Team from'../screens/Teams/Team.js';import'../screens/Teams/Teams.js';import'../screens/Organization/CreateOrganization.js';import'../screens/Organization/InviteOrganizationMembers.js';import'../screens/Organization/InitializeOrganizationChannel.js';import'../screens/Organization/InitialChannelOnboarding.js';import'../screens/Organization/AddWorkspace.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/lib/screens/Account/AccountScreen.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useSelector,useDispatch}from'react-redux';import {userSelector,logoutAndRedirect}from'@adminide-stack/user-auth0-client';import {useToast,Box,VStack,HStack,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Button,ButtonText,Divider,ToastAlert}from'@admin-layout/gluestack-ui-mobile';import {useNavigation}from'@react-navigation/native';import {startCase}from'lodash-es';import {FontAwesome5}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';const AccountScreen = () => {
+import React__default from'react';import {useSelector,useDispatch}from'react-redux';import {userSelector,logoutAndRedirect}from'@adminide-stack/user-auth0-client';import {useToast,Box,VStack,HStack,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Button,ButtonText,Divider,ToastAlert}from'@admin-layout/gluestack-ui-mobile';import {useNavigation}from'@react-navigation/native';import {startCase}from'lodash-es';import {FontAwesome5}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';const AccountScreen = () => {
   var _a, _b, _c, _d, _e, _f;
   const Toast = useToast();
   const {

package/lib/screens/Account/AccountScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountScreen.js","sources":["../../../src/screens/Account/AccountScreen.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, SafeAreaView, TouchableHighlight, View } from 'react-native';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect, resetReduxState } from '@adminide-stack/user-auth0-client';\nimport {\n    useToast,\n    ToastAlert,\n    Image,\n    VStack,\n    HStack,\n    Button,\n    Box,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Text,\n    Pressable,\n    Icon,\n    Divider,\n    ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useNavigation } from '@react-navigation/native';\nimport { startCase } from 'lodash-es';\nimport { FontAwesome5, Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { NavigationRoutes, images } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AccountScreen = () => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector<Store.Auth, IUserState>(userSelector);\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n    const logout = () => {\n        //navigation.navigate('MainStack.Logout', { redirect: 'MainStack.MainDrawer.MainBottomTab.Account' })\n        try {\n            dispatch(logoutAndRedirect());\n            // dispatch(resetReduxState());\n            Toast.show({\n                placement: 'top',\n                duration: 1000,\n                render: ({ id }) => <ToastAlert id={id} title={'Logging out'} status={'error'} isClosable={false} />,\n            });\n            // await Auth.signOut();\n        } catch (error) {\n            console.error('Error signing out', error);\n        }\n    };\n\n    return (\n        <Box className=\"bg-white flex-1\">\n            <VStack className=\"m-0 flex-1 py-5\">\n                <HStack space={'sm'} className=\"px-2 pt-0 mt-0 pb-4 items-center\">\n                    <Avatar size={'md'} className=\"bg-transparent rounded-lg\">\n                        <AvatarFallbackText>{startCase(user?.profile?.nickname?.charAt(0))}</AvatarFallbackText>\n                        <AvatarImage\n                            alt=\"icon\"\n                            className=\"rounded-lg \"\n                            source={{\n                                uri: user?.profile?.picture,\n                            }}\n                        />\n                        <AvatarBadge\n                            className=\"bottom-[-1] right-[-1.5] bg-green-800\"\n                            style={{ width: 15, height: 15 }}\n                        />\n                    </Avatar>\n                    <VStack>\n                        <Text style={{ fontSize: 20 }} color={colors.black} className=\"font-bold\">\n                            {user?.profile?.name ?? user?.profile?.nickname}\n                        </Text>\n                        <HStack space={'sm'} className=\"items-center\">\n                            <Text style={{ fontSize: 15 }} color={colors.gray[600]} className=\"font-normal\">\n                                {' '}\n                                Active\n                            </Text>\n                            <Button\n                                size={'xs'}\n                                variant={'solid'}\n                                onPress={logout}\n                                className=\"bg-transparent p-0 active:bg-gray-200 hover:bg-gray-200\"\n                            >\n                                <ButtonText style={{ fontSize: 16, color: 'black' }}>( Logout )</ButtonText>\n                            </Button>\n                        </HStack>\n                    </VStack>\n                </HStack>\n\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'outline'}\n                        className=\"border-gray-400 rounded-xl justify-start my-4 active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"rounded-lg bg-transparent justify-center items-center\">\n                                <FontAwesome5 name=\"smile\" size={20} color={'#1f2937'} />\n                            </Avatar>\n\n                            <Text style={{ fontSize: 20 }} color={colors.gray[600]}>\n                                Update your status\n                            </Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.notificationBellOff} />\n                                <AvatarFallbackText>PN</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Pause notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        // $pressed-bg=\"$trueGray200\"\n                        // $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>ST</AvatarFallbackText>\n                                <AvatarBadge\n                                    style={{ width: 10, height: 10 }}\n                                    className=\"bg-transparent border border-black bottom-0 right-0\"\n                                />\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>\n                                Set yourself as{' '}\n                                <Text color={colors.black} className=\"font-bold\">\n                                    away\n                                </Text>\n                            </Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n                <Divider className=\"my-4\" />\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                        onPress={() => navigation.navigate(NavigationRoutes.Profile)}\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>VP</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>View Profile</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.pushNotification} />\n                                <AvatarFallbackText>NC</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.contrastAdjustment} />\n                                <AvatarFallbackText>PF</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Preferences</Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n            </VStack>\n        </Box>\n    );\n};\n\nexport default AccountScreen;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AccountScreen.js","sources":["../../../src/screens/Account/AccountScreen.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, SafeAreaView, TouchableHighlight, View } from 'react-native';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect, resetReduxState } from '@adminide-stack/user-auth0-client';\nimport {\n    useToast,\n    ToastAlert,\n    Image,\n    VStack,\n    HStack,\n    Button,\n    Box,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Text,\n    Pressable,\n    Icon,\n    Divider,\n    ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useNavigation } from '@react-navigation/native';\nimport { startCase } from 'lodash-es';\nimport { FontAwesome5, Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { NavigationRoutes, images } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AccountScreen = () => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector<Store.Auth, IUserState>(userSelector);\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n    const logout = () => {\n        //navigation.navigate('MainStack.Logout', { redirect: 'MainStack.MainDrawer.MainBottomTab.Account' })\n        try {\n            dispatch(logoutAndRedirect());\n            // dispatch(resetReduxState());\n            Toast.show({\n                placement: 'top',\n                duration: 1000,\n                render: ({ id }) => <ToastAlert id={id} title={'Logging out'} status={'error'} isClosable={false} />,\n            });\n            // await Auth.signOut();\n        } catch (error) {\n            console.error('Error signing out', error);\n        }\n    };\n\n    return (\n        <Box className=\"bg-white flex-1\">\n            <VStack className=\"m-0 flex-1 py-5\">\n                <HStack space={'sm'} className=\"px-2 pt-0 mt-0 pb-4 items-center\">\n                    <Avatar size={'md'} className=\"bg-transparent rounded-lg\">\n                        <AvatarFallbackText>{startCase(user?.profile?.nickname?.charAt(0))}</AvatarFallbackText>\n                        <AvatarImage\n                            alt=\"icon\"\n                            className=\"rounded-lg \"\n                            source={{\n                                uri: user?.profile?.picture,\n                            }}\n                        />\n                        <AvatarBadge\n                            className=\"bottom-[-1] right-[-1.5] bg-green-800\"\n                            style={{ width: 15, height: 15 }}\n                        />\n                    </Avatar>\n                    <VStack>\n                        <Text style={{ fontSize: 20 }} color={colors.black} className=\"font-bold\">\n                            {user?.profile?.name ?? user?.profile?.nickname}\n                        </Text>\n                        <HStack space={'sm'} className=\"items-center\">\n                            <Text style={{ fontSize: 15 }} color={colors.gray[600]} className=\"font-normal\">\n                                {' '}\n                                Active\n                            </Text>\n                            <Button\n                                size={'xs'}\n                                variant={'solid'}\n                                onPress={logout}\n                                className=\"bg-transparent p-0 active:bg-gray-200 hover:bg-gray-200\"\n                            >\n                                <ButtonText style={{ fontSize: 16, color: 'black' }}>( Logout )</ButtonText>\n                            </Button>\n                        </HStack>\n                    </VStack>\n                </HStack>\n\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'outline'}\n                        className=\"border-gray-400 rounded-xl justify-start my-4 active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"rounded-lg bg-transparent justify-center items-center\">\n                                <FontAwesome5 name=\"smile\" size={20} color={'#1f2937'} />\n                            </Avatar>\n\n                            <Text style={{ fontSize: 20 }} color={colors.gray[600]}>\n                                Update your status\n                            </Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.notificationBellOff} />\n                                <AvatarFallbackText>PN</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Pause notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        // $pressed-bg=\"$trueGray200\"\n                        // $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>ST</AvatarFallbackText>\n                                <AvatarBadge\n                                    style={{ width: 10, height: 10 }}\n                                    className=\"bg-transparent border border-black bottom-0 right-0\"\n                                />\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>\n                                Set yourself as{' '}\n                                <Text color={colors.black} className=\"font-bold\">\n                                    away\n                                </Text>\n                            </Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n                <Divider className=\"my-4\" />\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                        onPress={() => navigation.navigate(NavigationRoutes.Profile)}\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>VP</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>View Profile</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.pushNotification} />\n                                <AvatarFallbackText>NC</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.contrastAdjustment} />\n                                <AvatarFallbackText>PF</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Preferences</Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n            </VStack>\n        </Box>\n    );\n};\n\nexport default AccountScreen;\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Channels/Add/AddVisibility.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {StyleSheet}from'react-native';import {useToast,Button,ButtonText,Box,Text,RadioGroup,VStack,Heading,Radio,RadioLabel,RadioIndicator,RadioIcon,CircleIcon,ToastAlert}from'@admin-layout/gluestack-ui-mobile';import Colors from'../../../constants/Colors.js';import {RoomType}from'common';import {useAddChannelMutation}from'../../../queries/slackuiQueries.js';import {Feather,FontAwesome}from'@expo/vector-icons';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';import {startCase}from'lodash-es';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../hooks/useDrawerLayout.js';import'../../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';const AddChannelVisibility = ({
+import React__default,{useState,useEffect}from'react';import {StyleSheet}from'react-native';import {useToast,Button,ButtonText,Box,Text,RadioGroup,VStack,Heading,Radio,RadioLabel,RadioIndicator,RadioIcon,CircleIcon,ToastAlert}from'@admin-layout/gluestack-ui-mobile';import Colors from'../../../constants/Colors.js';import {RoomType}from'common';import {useAddChannelMutation}from'../../../queries/slackuiQueries.js';import {Feather,FontAwesome}from'@expo/vector-icons';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';import {startCase}from'lodash-es';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../hooks/useDrawerLayout.js';import'../../../hooks/useExpoNotificationProvider.js';import'../../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';const AddChannelVisibility = ({
   navigation,
   route
 }) => {

package/lib/screens/Channels/Add/AddVisibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddVisibility.js","sources":["../../../../src/screens/Channels/Add/AddVisibility.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n    Input,\n    RadioGroup,\n    RadioIndicator,\n    RadioIcon,\n    RadioLabel,\n    Radio,\n    CircleIcon,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    Heading,\n    useToast,\n    ToastAlert,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../../constants/Colors';\nimport { RoomType } from 'common';\nimport { useAddChannelMutation, useOrganizationDetailQuery } from '../../../queries/slackuiQueries';\nimport { FontAwesome, Feather } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../../constants';\nimport { startCase } from 'lodash-es';\nimport { useDrawerLayout } from '../../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AddChannelVisibility = ({ navigation, route }: any) => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const [channelType, setChannelType] = React.useState('public');\n    const [showCreateButton, setShowCreateButton] = useState(false);\n    const [createChannel] = useAddChannelMutation({\n        onCompleted: (data: any) => {\n            //console.log('create data',data)\n            if (data?.createChannel)\n                navigation.navigate(NavigationRoutes.AddPeople, {\n                    channelId: data?.createChannel?.id,\n                    orgName: orgName,\n                    isCreate: true,\n                });\n            else {\n                Toast.show({\n                    placement: 'top',\n                    duration: 4000,\n                    render: ({ id }) => (\n                        <ToastAlert id={id} title={'Channel already exists'} status={'error'} isClosable={false} />\n                    ),\n                });\n                navigation.navigate(NavigationRoutes.AddChannel, { orgName: orgName });\n                // navigation.navigate(NavigationRoutes.Home, { orgName: orgName });\n            }\n        },\n    });\n\n    useEffect(() => {\n        if (channelType && channelType.length > 0) setShowCreateButton(true);\n        else setShowCreateButton(false);\n    }, [channelType]);\n\n    useEffect(() => {\n        navigation.setOptions({\n            // headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerTitle: (props: any) => (\n                <Box className=\"flex-1 mx-0\">\n                    <Text className=\"text-[15px] font-[500] text-black\" color={colors.black}>\n                        Create a Channel\n                    </Text>\n                    <Text color={colors.gray[600]} className=\"font-[500]\">\n                        {channelType == 'public' ? (\n                            <Feather color=\"black\" name=\"hash\" size={20} />\n                        ) : (\n                            <>\n                                <FontAwesome color=\"black\" name=\"lock\" size={20} />{' '}\n                            </>\n                        )}\n                        {route?.params?.name}\n                    </Text>\n                </Box>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    className=\"mr-2\"\n                    onPress={() => createNewChannel()}\n                    variant={'link'}\n                    disabled={showCreateButton ? false : true}\n                >\n                    <ButtonText className={`text-[16px] color-[${showCreateButton ? '$black' : '#71717a'}]`}>\n                        Create\n                    </ButtonText>\n                </Button>\n            ),\n            headerStyle: {\n                height: 110,\n                borderBottomWidth: 1,\n                borderColor: '#d1d2d3',\n            },\n        });\n    }, [channelType, showCreateButton]);\n\n    const createNewChannel = React.useCallback(() => {\n        if (channelType && channelType?.length > 0 && route?.params && route?.params?.name?.length > 0) {\n            createChannel({\n                variables: {\n                    name: route?.params?.name,\n                    description: route?.params?.description || '',\n                    type: channelType == 'private' ? RoomType.Private : RoomType.Channel,\n                    team: route?.params?.teamId?.toString(),\n                },\n            });\n        }\n    }, [channelType, route]);\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    return (\n        <Box className=\"px-4 bg-white flex-1\">\n            <RadioGroup\n                // name=\"visibilityRadioGroup\"\n                accessibilityLabel=\"visibility\"\n                value={channelType}\n                onChange={(nextValue) => {\n                    setChannelType(nextValue);\n                }}\n            >\n                <VStack className=\"w-full\" space={'xl'}>\n                    <Heading size={'md'} className=\"py-4\">\n                        Visibility\n                    </Heading>\n                    <Radio value=\"public\" className=\"justify-between\">\n                        <RadioLabel className=\"color-black text-[18px]\">\n                            Public - Anyone in{' '}\n                            <Text className=\"text-[18px] font-bold color-black\">\n                                {organizationDetail\n                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                    : orgName || 'Home'}\n                            </Text>\n                        </RadioLabel>\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} className=\"p-1\" />\n                        </RadioIndicator>\n                    </Radio>\n\n                    <Radio value=\"private\" className=\"justify-between\">\n                        <RadioLabel className=\"text-[18px] text-black\">\n                            Private - Only specific people {'\\n'}\n                            <Text className=\"text-[15px] font-medium text-gray-500\">\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </RadioLabel>\n\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} />\n                        </RadioIndicator>\n                    </Radio>\n\n                    {/* <HStack space={\"sm\"} alignItems={'center'} justifyContent={'space-between'}>\n                        <Text fontSize={18}>\n                            Public - Anyone in{' '}\n                            {organizationDetail\n                                ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                : orgName || 'Home'}\n                        </Text>\n                        <Radio\n                            accessibilityLabel=\"public\"\n                            aria-label=\"public\"\n                            value=\"public\"\n                            my={\"$1\"}\n                            aria-labelledby=\"public\"\n                        />\n                    </HStack>\n                    <HStack space={2} alignItems={'center'} justifyContent={'space-between'}>\n                        <Box>\n                            <Text fontSize={18}>Private - Only specific people</Text>\n                            <Text fontSize={15} fontWeight={'medium'} color={'coolGray.500'}>\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </Box>\n\n                        <Radio\n                            accessibilityLabel=\"private\"\n                            aria-label=\"private\"\n                            value=\"private\"\n                            my={1}\n                            aria-labelledby=\"private\"\n                        />\n                    </HStack> */}\n                </VStack>\n            </RadioGroup>\n        </Box>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default AddChannelVisibility;\n"],"names":["React","_a","_b"],"mappings":"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"}
+{"version":3,"file":"AddVisibility.js","sources":["../../../../src/screens/Channels/Add/AddVisibility.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n    Input,\n    RadioGroup,\n    RadioIndicator,\n    RadioIcon,\n    RadioLabel,\n    Radio,\n    CircleIcon,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    Heading,\n    useToast,\n    ToastAlert,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../../constants/Colors';\nimport { RoomType } from 'common';\nimport { useAddChannelMutation, useOrganizationDetailQuery } from '../../../queries/slackuiQueries';\nimport { FontAwesome, Feather } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../../constants';\nimport { startCase } from 'lodash-es';\nimport { useDrawerLayout } from '../../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AddChannelVisibility = ({ navigation, route }: any) => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const [channelType, setChannelType] = React.useState('public');\n    const [showCreateButton, setShowCreateButton] = useState(false);\n    const [createChannel] = useAddChannelMutation({\n        onCompleted: (data: any) => {\n            //console.log('create data',data)\n            if (data?.createChannel)\n                navigation.navigate(NavigationRoutes.AddPeople, {\n                    channelId: data?.createChannel?.id,\n                    orgName: orgName,\n                    isCreate: true,\n                });\n            else {\n                Toast.show({\n                    placement: 'top',\n                    duration: 4000,\n                    render: ({ id }) => (\n                        <ToastAlert id={id} title={'Channel already exists'} status={'error'} isClosable={false} />\n                    ),\n                });\n                navigation.navigate(NavigationRoutes.AddChannel, { orgName: orgName });\n                // navigation.navigate(NavigationRoutes.Home, { orgName: orgName });\n            }\n        },\n    });\n\n    useEffect(() => {\n        if (channelType && channelType.length > 0) setShowCreateButton(true);\n        else setShowCreateButton(false);\n    }, [channelType]);\n\n    useEffect(() => {\n        navigation.setOptions({\n            // headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerTitle: (props: any) => (\n                <Box className=\"flex-1 mx-0\">\n                    <Text className=\"text-[15px] font-[500] text-black\" color={colors.black}>\n                        Create a Channel\n                    </Text>\n                    <Text color={colors.gray[600]} className=\"font-[500]\">\n                        {channelType == 'public' ? (\n                            <Feather color=\"black\" name=\"hash\" size={20} />\n                        ) : (\n                            <>\n                                <FontAwesome color=\"black\" name=\"lock\" size={20} />{' '}\n                            </>\n                        )}\n                        {route?.params?.name}\n                    </Text>\n                </Box>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    className=\"mr-2\"\n                    onPress={() => createNewChannel()}\n                    variant={'link'}\n                    disabled={showCreateButton ? false : true}\n                >\n                    <ButtonText className={`text-[16px] color-[${showCreateButton ? '$black' : '#71717a'}]`}>\n                        Create\n                    </ButtonText>\n                </Button>\n            ),\n            headerStyle: {\n                height: 110,\n                borderBottomWidth: 1,\n                borderColor: '#d1d2d3',\n            },\n        });\n    }, [channelType, showCreateButton]);\n\n    const createNewChannel = React.useCallback(() => {\n        if (channelType && channelType?.length > 0 && route?.params && route?.params?.name?.length > 0) {\n            createChannel({\n                variables: {\n                    name: route?.params?.name,\n                    description: route?.params?.description || '',\n                    type: channelType == 'private' ? RoomType.Private : RoomType.Channel,\n                    team: route?.params?.teamId?.toString(),\n                },\n            });\n        }\n    }, [channelType, route]);\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    return (\n        <Box className=\"px-4 bg-white flex-1\">\n            <RadioGroup\n                // name=\"visibilityRadioGroup\"\n                accessibilityLabel=\"visibility\"\n                value={channelType}\n                onChange={(nextValue) => {\n                    setChannelType(nextValue);\n                }}\n            >\n                <VStack className=\"w-full\" space={'xl'}>\n                    <Heading size={'md'} className=\"py-4\">\n                        Visibility\n                    </Heading>\n                    <Radio value=\"public\" className=\"justify-between\">\n                        <RadioLabel className=\"color-black text-[18px]\">\n                            Public - Anyone in{' '}\n                            <Text className=\"text-[18px] font-bold color-black\">\n                                {organizationDetail\n                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                    : orgName || 'Home'}\n                            </Text>\n                        </RadioLabel>\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} className=\"p-1\" />\n                        </RadioIndicator>\n                    </Radio>\n\n                    <Radio value=\"private\" className=\"justify-between\">\n                        <RadioLabel className=\"text-[18px] text-black\">\n                            Private - Only specific people {'\\n'}\n                            <Text className=\"text-[15px] font-medium text-gray-500\">\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </RadioLabel>\n\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} />\n                        </RadioIndicator>\n                    </Radio>\n\n                    {/* <HStack space={\"sm\"} alignItems={'center'} justifyContent={'space-between'}>\n                        <Text fontSize={18}>\n                            Public - Anyone in{' '}\n                            {organizationDetail\n                                ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                : orgName || 'Home'}\n                        </Text>\n                        <Radio\n                            accessibilityLabel=\"public\"\n                            aria-label=\"public\"\n                            value=\"public\"\n                            my={\"$1\"}\n                            aria-labelledby=\"public\"\n                        />\n                    </HStack>\n                    <HStack space={2} alignItems={'center'} justifyContent={'space-between'}>\n                        <Box>\n                            <Text fontSize={18}>Private - Only specific people</Text>\n                            <Text fontSize={15} fontWeight={'medium'} color={'coolGray.500'}>\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </Box>\n\n                        <Radio\n                            accessibilityLabel=\"private\"\n                            aria-label=\"private\"\n                            value=\"private\"\n                            my={1}\n                            aria-labelledby=\"private\"\n                        />\n                    </HStack> */}\n                </VStack>\n            </RadioGroup>\n        </Box>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default AddChannelVisibility;\n"],"names":["React","_a","_b"],"mappings":"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"}

package/lib/screens/Channels/Channels.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useCallback,useEffect}from'react';import {Platform,SafeAreaView,StyleSheet,Dimensions}from'react-native';import {Box,Text,Button,ButtonText,Pressable,HStack,VStack,Center,Spinner,Heading,Input,InputSlot,InputIcon,SearchIcon,InputField,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../constants/routes.js';import {RoomType}from'common';import {useChannelsQuery}from'../../queries/slackuiQueries.js';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {MaterialIcons,FontAwesome,Octicons}from'@expo/vector-icons';import colors from'tailwindcss/colors';import {StatusBar}from'expo-status-bar';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';Dimensions.get("window").width;
+import React__default,{useState,useCallback,useEffect}from'react';import {Platform,SafeAreaView,StyleSheet,Dimensions}from'react-native';import {Box,Text,Button,ButtonText,Pressable,HStack,VStack,Center,Spinner,Heading,Input,InputSlot,InputIcon,SearchIcon,InputField,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../constants/routes.js';import {RoomType}from'common';import {useChannelsQuery}from'../../queries/slackuiQueries.js';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {MaterialIcons,FontAwesome,Octicons}from'@expo/vector-icons';import colors from'tailwindcss/colors';import {StatusBar}from'expo-status-bar';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';import {uniqBy}from'lodash-es';Dimensions.get("window").width;
 Dimensions.get("window").height;
 const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];
 const Channels = ({

package/lib/screens/Channels/Channels.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channels.js","sources":["../../../src/screens/Channels/Channels.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { StyleSheet, TouchableHighlight, Dimensions, SafeAreaView, Platform } from 'react-native';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    InputIcon,\n    SearchIcon,\n    Button,\n    ButtonText,\n    View,\n    Text,\n    VStack,\n    Box,\n    Fab,\n    FlatList,\n    Divider,\n    HStack,\n    SectionList,\n    Center,\n    Heading,\n    Spinner,\n    Avatar,\n    Badge,\n    BadgeText,\n    Pressable,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../constants/Colors';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign } from '@expo/vector-icons';\n// import VirtualizedScrollView from '../VirtualizedScrollView';\nimport { RoomType } from 'common';\nimport { useChannelsQuery } from '../../queries/slackuiQueries';\nimport { useIsFocused, useFocusEffect, useNavigation } from '@react-navigation/native';\n// import { navigationRef } from '@common-stack/client-react';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport colors from 'tailwindcss/colors';\nimport { StatusBar } from 'expo-status-bar';\nimport { NavigationHeader, ChannelsByAlphabeticalAccordion } from '../../components';\nimport { useDrawerLayout } from '../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\n\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\nconst Channels = ({ navigation, route }: any) => {\n    const { orgName } = useDrawerLayout();\n    const isFocused = useIsFocused();\n    const [channels, setChannels] = useState<any[]>([]);\n    const [intialChannels, setInitialChannels] = useState<any[]>([]);\n    const [searchQuery, setSearchQuery] = useState<string>('');\n\n    const { data, loading, error, refetch } = useChannelsQuery();\n\n    useFocusEffect(\n        useCallback(() => {\n            if (orgName) {\n                refetch({\n                    criteria: {\n                        orgName: orgName,\n                        type: defaultChannelType,\n                        team: null,\n                    },\n                    limit: 50,\n                });\n            }\n            return () => {\n                // Cleanup\n            };\n        }, [orgName, refetch]),\n    );\n\n    useEffect(() => {\n        if (data) {\n            const newChannels =\n                data?.channelsByUser\n                    ?.filter((i: any) => i.type !== RoomType.Direct)\n                    ?.sort((a: any, b: any) => a.title.localeCompare(b.title)) || [];\n\n            setChannels((oldChannels: any) => uniqBy([...newChannels, ...oldChannels], ({ id }) => id));\n            setInitialChannels((oldChannels: any) => uniqBy([...newChannels, ...oldChannels], ({ id }) => id));\n        }\n    }, [data]);\n\n    useEffect(() => {\n        if (navigation) {\n            navigation.setOptions({\n                headerTitleAlign: 'left',\n                headerTitleStyle: {\n                    borderBottomWidth: 1,\n                },\n                headerLeft: () => (\n                    <Button\n                        //onPress={() => navigation.goBack()}\n                        onPress={() => {\n                            if (Platform.OS === 'macos') {\n                                navigation.navigate('MainStack', {\n                                    screen: NavigationRoutes.Home,\n                                    params: { orgName },\n                                });\n                            } else if (navigation.canGoBack()) {\n                                navigation.goBack();\n                            } else {\n                                navigation.navigate('MainStack', {\n                                    screen: NavigationRoutes.Home,\n                                    params: { orgName },\n                                });\n                            }\n                        }}\n                        variant={'link'}\n                    >\n                        <ButtonText>\n                            <MaterialIcons name=\"close\" size={24} color=\"black\" />\n                        </ButtonText>\n                    </Button>\n                ),\n                headerRight: () => (\n                    <Button\n                        onPress={() => navigation.navigate(NavigationRoutes.AddChannel, { orgName })}\n                        variant={'link'}\n                    >\n                        <ButtonText>Create</ButtonText>\n                    </Button>\n                ),\n                // headerLeft:()=><></>,\n                // headerRight: () => (\n                //     <Button onPress={() => navigation.goBack()} variant={'link'}>\n                //         <ButtonText><MaterialIcons name=\"close\" size={24} color=\"black\" /></ButtonText>\n                //     </Button>\n                // ),\n                headerTitle: () => (\n                    <Box>\n                        <Text color={colors.black} className=\"text-[15] font-bold\">\n                            Channels\n                        </Text>\n                    </Box>\n                ),\n                headerStyle: {\n                    borderBottomWidth: 1,\n                    borderColor: '#d1d2d3',\n                },\n            });\n        }\n    }, [navigation, orgName]);\n\n    const openInbox = useCallback(\n        (item: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: item?.id?.toString(),\n                title: item?.title?.toString(),\n                totalMembers: item?.members?.length,\n                hideTabBar: true,\n            });\n        },\n        [navigation],\n    );\n\n    const searchChannels = useCallback(\n        (text: string) => {\n            setSearchQuery(text);\n            if (text) {\n                const searchedChannel = intialChannels.filter((o: any) =>\n                    o?.title?.toLowerCase().includes(text?.toLowerCase()),\n                );\n                setChannels(searchedChannel);\n            } else {\n                setChannels(intialChannels);\n            }\n        },\n        [intialChannels],\n    );\n\n    const renderChannelIcon = useCallback((type: RoomType) => {\n        if (type === RoomType.Private) {\n            return <FontAwesome color={'#525252'} name=\"lock\" size={18} />;\n        } else {\n            return <Octicons color=\"#525252\" name=\"hash\" size={18} />;\n        }\n    }, []);\n\n    const renderChannelItem = useCallback(\n        ({ item }: any) => (\n            <Pressable onPress={() => openInbox(item)}>\n                {({ pressed }) => (\n                    <Box\n                        className={`py-4 ${pressed ? 'bg-gray-100' : 'bg-white'} border-b border-gray-200`}\n                        style={{ borderBottomColor: colors.gray[300] }}\n                    >\n                        <HStack className=\"px-4 items-center\">\n                            <Box className=\"mr-2\">{renderChannelIcon(item.type)}</Box>\n                            <VStack>\n                                <Text\n                                    className=\"font-medium text-lg text-gray-900\"\n                                    numberOfLines={1}\n                                    ellipsizeMode=\"tail\"\n                                >\n                                    {item.title}\n                                </Text>\n                            </VStack>\n                        </HStack>\n                    </Box>\n                )}\n            </Pressable>\n        ),\n        [openInbox, renderChannelIcon],\n    );\n\n    const renderEmptyList = useCallback(\n        () => (\n            <Center className=\"flex-1 py-10\">\n                {loading ? (\n                    <VStack className=\"space-y-3 items-center\">\n                        <Spinner size=\"large\" color={colors.blue[500]} />\n                        <Text color={colors.gray[600]}>Loading channels...</Text>\n                    </VStack>\n                ) : (\n                    <VStack className=\"space-y-3 items-center px-4\">\n                        <Box className=\"rounded-full bg-gray-100 p-4\">\n                            <Octicons name=\"hash\" size={32} color={colors.gray[400]} />\n                        </Box>\n                        <Heading size=\"sm\" style={{ color: colors.gray[800] }}>\n                            No Channels Found\n                        </Heading>\n                        {searchQuery ? (\n                            <Text className=\"text-center\" style={{ color: colors.gray[600] }}>\n                                No channels match your search \"{searchQuery}\"\n                            </Text>\n                        ) : (\n                            <Text className=\"text-center\" style={{ color: colors.gray[600] }}>\n                                Create a new channel to get started\n                            </Text>\n                        )}\n                        <Button\n                            onPress={() => navigation.navigate(NavigationRoutes.AddChannel, { orgName })}\n                            className=\"mt-2\"\n                        >\n                            <ButtonText>Create Channel</ButtonText>\n                        </Button>\n                    </VStack>\n                )}\n            </Center>\n        ),\n        [loading, searchQuery, navigation, orgName],\n    );\n\n    const keyExtractor = useCallback((item: any) => item.id.toString(), []);\n\n    const navigateToAddChannel = useCallback(() => {\n        navigation.navigate(NavigationRoutes.AddChannel, { orgName });\n    }, [navigation, orgName]);\n\n    return (\n        <SafeAreaView style={styles.safeArea}>\n            <StatusBar style=\"dark\" />\n            <Box className=\"flex-1 bg-white\">\n                <Box className=\"px-4 py-2\" style={styles.searchContainer}>\n                    <Input\n                        variant=\"outline\"\n                        className=\"bg-white rounded-3xl border border-gray-300\"\n                        style={styles.searchInput}\n                        size=\"lg\"\n                    >\n                        <InputSlot className=\"pl-3\">\n                            <InputIcon color={colors.gray[500]} as={SearchIcon} />\n                        </InputSlot>\n                        <InputField\n                            type=\"text\"\n                            size=\"md\"\n                            placeholder=\"Search channels\"\n                            placeholderTextColor={colors.gray[400]}\n                            className=\"px-3 py-2 text-base\"\n                            value={searchQuery}\n                            onChange={(event) => searchChannels(event.nativeEvent.text)}\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\n                            clearButtonMode=\"while-editing\"\n                        />\n                    </Input>\n                </Box>\n\n                <Box className=\"flex-1\">\n                    <FlatList\n                        contentContainerStyle={styles.flatListContent}\n                        data={channels}\n                        keyExtractor={keyExtractor}\n                        renderItem={renderChannelItem}\n                        ListEmptyComponent={renderEmptyList}\n                        showsVerticalScrollIndicator={false}\n                        initialNumToRender={10}\n                        maxToRenderPerBatch={10}\n                        windowSize={10}\n                    />\n                </Box>\n\n                {/* <Fab\n                    onPress={navigateToAddChannel}\n                    className=\"bg-blue-500 mb-16 mr-4\"\n                    $pressed-className=\"bg-blue-600\"\n                    size=\"lg\"\n                    placement=\"bottom right\"\n                >\n                    <AntDesign color=\"white\" name=\"plus\" size={24} />\n                </Fab> */}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    safeArea: {\n        flex: 1,\n        backgroundColor: 'white',\n    },\n    searchContainer: {\n        paddingVertical: 10,\n    },\n    searchInput: {\n        borderRadius: 10,\n        borderColor: colors.gray[300],\n        paddingHorizontal: 10,\n    },\n    flatListContent: {\n        flexGrow: 1,\n        paddingBottom: 80,\n    },\n    channelTitle: {\n        color: colors.gray[900],\n        fontSize: 16,\n        fontWeight: '500',\n    },\n    channelDescription: {\n        color: colors.gray[600],\n        fontSize: 14,\n        marginTop: 2,\n    },\n});\n\nexport default React.memo(Channels);\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Channels.js","sources":["../../../src/screens/Channels/Channels.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { StyleSheet, TouchableHighlight, Dimensions, SafeAreaView, Platform } from 'react-native';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    InputIcon,\n    SearchIcon,\n    Button,\n    ButtonText,\n    View,\n    Text,\n    VStack,\n    Box,\n    Fab,\n    FlatList,\n    Divider,\n    HStack,\n    SectionList,\n    Center,\n    Heading,\n    Spinner,\n    Avatar,\n    Badge,\n    BadgeText,\n    Pressable,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../constants/Colors';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign } from '@expo/vector-icons';\n// import VirtualizedScrollView from '../VirtualizedScrollView';\nimport { RoomType } from 'common';\nimport { useChannelsQuery } from '../../queries/slackuiQueries';\nimport { useIsFocused, useFocusEffect, useNavigation } from '@react-navigation/native';\n// import { navigationRef } from '@common-stack/client-react';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport colors from 'tailwindcss/colors';\nimport { StatusBar } from 'expo-status-bar';\nimport { NavigationHeader, ChannelsByAlphabeticalAccordion } from '../../components';\nimport { useDrawerLayout } from '../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\n\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\nconst Channels = ({ navigation, route }: any) => {\n    const { orgName } = useDrawerLayout();\n    const isFocused = useIsFocused();\n    const [channels, setChannels] = useState<any[]>([]);\n    const [intialChannels, setInitialChannels] = useState<any[]>([]);\n    const [searchQuery, setSearchQuery] = useState<string>('');\n\n    const { data, loading, error, refetch } = useChannelsQuery();\n\n    useFocusEffect(\n        useCallback(() => {\n            if (orgName) {\n                refetch({\n                    criteria: {\n                        orgName: orgName,\n                        type: defaultChannelType,\n                        team: null,\n                    },\n                    limit: 50,\n                });\n            }\n            return () => {\n                // Cleanup\n            };\n        }, [orgName, refetch]),\n    );\n\n    useEffect(() => {\n        if (data) {\n            const newChannels =\n                data?.channelsByUser\n                    ?.filter((i: any) => i.type !== RoomType.Direct)\n                    ?.sort((a: any, b: any) => a.title.localeCompare(b.title)) || [];\n\n            setChannels((oldChannels: any) => uniqBy([...newChannels, ...oldChannels], ({ id }) => id));\n            setInitialChannels((oldChannels: any) => uniqBy([...newChannels, ...oldChannels], ({ id }) => id));\n        }\n    }, [data]);\n\n    useEffect(() => {\n        if (navigation) {\n            navigation.setOptions({\n                headerTitleAlign: 'left',\n                headerTitleStyle: {\n                    borderBottomWidth: 1,\n                },\n                headerLeft: () => (\n                    <Button\n                        //onPress={() => navigation.goBack()}\n                        onPress={() => {\n                            if (Platform.OS === 'macos') {\n                                navigation.navigate('MainStack', {\n                                    screen: NavigationRoutes.Home,\n                                    params: { orgName },\n                                });\n                            } else if (navigation.canGoBack()) {\n                                navigation.goBack();\n                            } else {\n                                navigation.navigate('MainStack', {\n                                    screen: NavigationRoutes.Home,\n                                    params: { orgName },\n                                });\n                            }\n                        }}\n                        variant={'link'}\n                    >\n                        <ButtonText>\n                            <MaterialIcons name=\"close\" size={24} color=\"black\" />\n                        </ButtonText>\n                    </Button>\n                ),\n                headerRight: () => (\n                    <Button\n                        onPress={() => navigation.navigate(NavigationRoutes.AddChannel, { orgName })}\n                        variant={'link'}\n                    >\n                        <ButtonText>Create</ButtonText>\n                    </Button>\n                ),\n                // headerLeft:()=><></>,\n                // headerRight: () => (\n                //     <Button onPress={() => navigation.goBack()} variant={'link'}>\n                //         <ButtonText><MaterialIcons name=\"close\" size={24} color=\"black\" /></ButtonText>\n                //     </Button>\n                // ),\n                headerTitle: () => (\n                    <Box>\n                        <Text color={colors.black} className=\"text-[15] font-bold\">\n                            Channels\n                        </Text>\n                    </Box>\n                ),\n                headerStyle: {\n                    borderBottomWidth: 1,\n                    borderColor: '#d1d2d3',\n                },\n            });\n        }\n    }, [navigation, orgName]);\n\n    const openInbox = useCallback(\n        (item: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: item?.id?.toString(),\n                title: item?.title?.toString(),\n                totalMembers: item?.members?.length,\n                hideTabBar: true,\n            });\n        },\n        [navigation],\n    );\n\n    const searchChannels = useCallback(\n        (text: string) => {\n            setSearchQuery(text);\n            if (text) {\n                const searchedChannel = intialChannels.filter((o: any) =>\n                    o?.title?.toLowerCase().includes(text?.toLowerCase()),\n                );\n                setChannels(searchedChannel);\n            } else {\n                setChannels(intialChannels);\n            }\n        },\n        [intialChannels],\n    );\n\n    const renderChannelIcon = useCallback((type: RoomType) => {\n        if (type === RoomType.Private) {\n            return <FontAwesome color={'#525252'} name=\"lock\" size={18} />;\n        } else {\n            return <Octicons color=\"#525252\" name=\"hash\" size={18} />;\n        }\n    }, []);\n\n    const renderChannelItem = useCallback(\n        ({ item }: any) => (\n            <Pressable onPress={() => openInbox(item)}>\n                {({ pressed }) => (\n                    <Box\n                        className={`py-4 ${pressed ? 'bg-gray-100' : 'bg-white'} border-b border-gray-200`}\n                        style={{ borderBottomColor: colors.gray[300] }}\n                    >\n                        <HStack className=\"px-4 items-center\">\n                            <Box className=\"mr-2\">{renderChannelIcon(item.type)}</Box>\n                            <VStack>\n                                <Text\n                                    className=\"font-medium text-lg text-gray-900\"\n                                    numberOfLines={1}\n                                    ellipsizeMode=\"tail\"\n                                >\n                                    {item.title}\n                                </Text>\n                            </VStack>\n                        </HStack>\n                    </Box>\n                )}\n            </Pressable>\n        ),\n        [openInbox, renderChannelIcon],\n    );\n\n    const renderEmptyList = useCallback(\n        () => (\n            <Center className=\"flex-1 py-10\">\n                {loading ? (\n                    <VStack className=\"space-y-3 items-center\">\n                        <Spinner size=\"large\" color={colors.blue[500]} />\n                        <Text color={colors.gray[600]}>Loading channels...</Text>\n                    </VStack>\n                ) : (\n                    <VStack className=\"space-y-3 items-center px-4\">\n                        <Box className=\"rounded-full bg-gray-100 p-4\">\n                            <Octicons name=\"hash\" size={32} color={colors.gray[400]} />\n                        </Box>\n                        <Heading size=\"sm\" style={{ color: colors.gray[800] }}>\n                            No Channels Found\n                        </Heading>\n                        {searchQuery ? (\n                            <Text className=\"text-center\" style={{ color: colors.gray[600] }}>\n                                No channels match your search \"{searchQuery}\"\n                            </Text>\n                        ) : (\n                            <Text className=\"text-center\" style={{ color: colors.gray[600] }}>\n                                Create a new channel to get started\n                            </Text>\n                        )}\n                        <Button\n                            onPress={() => navigation.navigate(NavigationRoutes.AddChannel, { orgName })}\n                            className=\"mt-2\"\n                        >\n                            <ButtonText>Create Channel</ButtonText>\n                        </Button>\n                    </VStack>\n                )}\n            </Center>\n        ),\n        [loading, searchQuery, navigation, orgName],\n    );\n\n    const keyExtractor = useCallback((item: any) => item.id.toString(), []);\n\n    const navigateToAddChannel = useCallback(() => {\n        navigation.navigate(NavigationRoutes.AddChannel, { orgName });\n    }, [navigation, orgName]);\n\n    return (\n        <SafeAreaView style={styles.safeArea}>\n            <StatusBar style=\"dark\" />\n            <Box className=\"flex-1 bg-white\">\n                <Box className=\"px-4 py-2\" style={styles.searchContainer}>\n                    <Input\n                        variant=\"outline\"\n                        className=\"bg-white rounded-3xl border border-gray-300\"\n                        style={styles.searchInput}\n                        size=\"lg\"\n                    >\n                        <InputSlot className=\"pl-3\">\n                            <InputIcon color={colors.gray[500]} as={SearchIcon} />\n                        </InputSlot>\n                        <InputField\n                            type=\"text\"\n                            size=\"md\"\n                            placeholder=\"Search channels\"\n                            placeholderTextColor={colors.gray[400]}\n                            className=\"px-3 py-2 text-base\"\n                            value={searchQuery}\n                            onChange={(event) => searchChannels(event.nativeEvent.text)}\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\n                            clearButtonMode=\"while-editing\"\n                        />\n                    </Input>\n                </Box>\n\n                <Box className=\"flex-1\">\n                    <FlatList\n                        contentContainerStyle={styles.flatListContent}\n                        data={channels}\n                        keyExtractor={keyExtractor}\n                        renderItem={renderChannelItem}\n                        ListEmptyComponent={renderEmptyList}\n                        showsVerticalScrollIndicator={false}\n                        initialNumToRender={10}\n                        maxToRenderPerBatch={10}\n                        windowSize={10}\n                    />\n                </Box>\n\n                {/* <Fab\n                    onPress={navigateToAddChannel}\n                    className=\"bg-blue-500 mb-16 mr-4\"\n                    $pressed-className=\"bg-blue-600\"\n                    size=\"lg\"\n                    placement=\"bottom right\"\n                >\n                    <AntDesign color=\"white\" name=\"plus\" size={24} />\n                </Fab> */}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    safeArea: {\n        flex: 1,\n        backgroundColor: 'white',\n    },\n    searchContainer: {\n        paddingVertical: 10,\n    },\n    searchInput: {\n        borderRadius: 10,\n        borderColor: colors.gray[300],\n        paddingHorizontal: 10,\n    },\n    flatListContent: {\n        flexGrow: 1,\n        paddingBottom: 80,\n    },\n    channelTitle: {\n        color: colors.gray[900],\n        fontSize: 16,\n        fontWeight: '500',\n    },\n    channelDescription: {\n        color: colors.gray[600],\n        fontSize: 14,\n        marginTop: 2,\n    },\n});\n\nexport default React.memo(Channels);\n"],"names":["React"],"mappings":"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"}