@messenger-box/slack-ui-mobile 0.0.1-alpha.436

package/lib/components/Header/styles.d.ts

@@ -0,0 +1,43 @@
+declare const styles: {
+    container: {
+        backgroundColor: string;
+        height: number;
+        flexDirection: "row";
+        alignItems: "flex-end";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    filterImage: {
+        width: number;
+        height: number;
+        resizeMode: "cover";
+        tintColor: string;
+    };
+    detailsLabel: {
+        color: string;
+        fontSize: number;
+        fontWeight: "bold";
+    };
+    descriptionLabel: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    pricesLabel: {
+        fontSize: number;
+        marginVertical: number;
+    };
+    oldPriceLabel: {
+        color: string;
+        textDecorationLine: "line-through";
+    };
+    newPriceLabel: {
+        fontWeight: "bold";
+    };
+    totalPriceLabel: {
+        color: string;
+        textDecorationLine: "underline";
+    };
+};
+export default styles;

package/lib/components/Header/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Header/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;AACnD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AACrD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAC,SAAS;QACzB,MAAM,EAAC,YAAY,GAAC,WAAW,GAAC,IAAI;QACpC,aAAa,EAAC,KAAK;QACnB,UAAU,EAAC,UAAU;QACrB,cAAc,EAAC,eAAe;QAC9B,iBAAiB,EAAC,EAAE;QACpB,aAAa,EAAC,EAAE;QAChB,UAAU,EAAC,EAAE;KACd;IACD,WAAW,EAAE;QACZ,KAAK,EAAC,EAAE;QACR,MAAM,EAAC,EAAE;QACR,UAAU,EAAE,OAAO;QACnB,SAAS,EAAC,MAAM;KACjB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI;QACvB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAC,MAAM;KAClB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,EAAE;KACnB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,cAAc;KACnC;IACD,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;KACnB;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,WAAW;KAChC;CACF,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/components/LoadingSpinner/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface LoadingSpinnerProps {
+    color?: string;
+}
+export declare const LoadingSpinnerDefault: () => React.JSX.Element;
+declare const LoadingSpinner: ({ color }: LoadingSpinnerProps) => React.JSX.Element;
+export default LoadingSpinner;

package/lib/components/LoadingSpinner/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Box, Spinner, HStack, Heading, Center, Modal } from 'native-base';
+export const LoadingSpinnerDefault = () => (<Box flex={1} justifyContent={'center'} safeAreaTop>
+        <Spinner />
+    </Box>);
+const LoadingSpinner = ({ color = 'light' }) => {
+    return (<Center>
+            <Modal isOpen={true} _backdrop={{
+            _dark: {
+                bg: 'warmGray.50',
+            },
+            bg: 'coolGray.800',
+        }}>
+                <Modal.Content maxWidth="350" maxH="212">
+                    <Modal.Body justifyContent="center" alignItems={'center'}>
+                        <HStack space={2} justifyContent="center">
+                            <Spinner color={color} accessibilityLabel="Loading"/>
+                            <Heading fontSize="md">Loading</Heading>
+                        </HStack>
+                    </Modal.Body>
+                </Modal.Content>
+            </Modal>
+        </Center>);
+};
+export default LoadingSpinner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAM3E,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACvC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,CAC/C;QAAA,CAAC,OAAO,CAAC,AAAD,EACZ;IAAA,EAAE,GAAG,CAAC,CACT,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAuB,EAAE,EAAE;IAChE,OAAO,CACH,CAAC,MAAM,CACH;YAAA,CAAC,KAAK,CACF,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,SAAS,CAAC,CAAC;YACP,KAAK,EAAE;gBACH,EAAE,EAAE,aAAa;aACpB;YACD,EAAE,EAAE,cAAc;SACrB,CAAC,CAEF;gBAAA,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CACpC;oBAAA,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CACrD;wBAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CACrC;4BAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,SAAS,EACnD;4BAAA,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAC3C;wBAAA,EAAE,MAAM,CACZ;oBAAA,EAAE,KAAK,CAAC,IAAI,CAChB;gBAAA,EAAE,KAAK,CAAC,OAAO,CACnB;YAAA,EAAE,KAAK,CACX;QAAA,EAAE,MAAM,CAAC,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/NavigationComponent/NavigationComponent.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+interface INavigationContainerComponentProps {
+    children: ReactElement[];
+    configurableRoutes: Record<string, any>[];
+    independent?: boolean;
+}
+export declare const NavigationContainerComponent: ({ children, configurableRoutes, independent, }: INavigationContainerComponentProps) => ReactElement;
+export {};

package/lib/components/NavigationComponent/NavigationComponent.js

@@ -0,0 +1,88 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { LOCATION_CHANGE_SUCCESS } from '@adminide-stack/platform-mobile';
+import { NavigationContainer } from '@react-navigation/native';
+import { cloneDeep } from 'lodash';
+import React, { useRef } from 'react';
+import { useDispatch } from 'react-redux';
+import { navigationRef } from '@common-stack/client-react';
+const getPath = (routeName, configurableRoutes) => {
+    let resultantPath = '';
+    configurableRoutes.forEach((item) => {
+        var _a;
+        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+            const value = getPath(routeName, item.children);
+            if (value) {
+                resultantPath = value;
+            }
+        }
+        if (item.navigationRouteName === routeName) {
+            resultantPath = item.path;
+        }
+    });
+    return resultantPath;
+};
+const configurableRoutesWithNavigationRouteName = (configurableRoutes, parentName = '') => {
+    return configurableRoutes.map((item) => {
+        const resultantName = parentName;
+        const navigationRouteName = resultantName.length ? `${resultantName}.${item.name}` : item.name;
+        item.navigationRouteName = navigationRouteName;
+        if (item.children) {
+            item.children = configurableRoutesWithNavigationRouteName(item.children, navigationRouteName);
+        }
+        return item;
+    });
+};
+export const NavigationContainerComponent = ({ children, configurableRoutes, independent, }) => {
+    const routeNameRef = useRef();
+    const dispatch = useDispatch();
+    return (<NavigationContainer ref={navigationRef} independent={independent} onReady={() => {
+            // routeNameRef.current = navigationRef?.getCurrentRoute();
+        }} onStateChange={() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c;
+            // let previousRoute: any;
+            let previousRoute = (routeNameRef === null || routeNameRef === void 0 ? void 0 : routeNameRef.current) ? cloneDeep(routeNameRef) : null;
+            let currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
+            // if (!routeNameRef.current) {
+            //     routeNameRef.current = currentRoute;
+            //     previousRoute = routeNameRef?.current ? cloneDeep(routeNameRef) : null;
+            // } else {
+            //     previousRoute = routeNameRef?.current ? cloneDeep(routeNameRef) : null;
+            // }
+            //const previousRoute: any = routeNameRef?.current ? cloneDeep(routeNameRef) : null;
+            // const currentRoute: any = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;
+            const previousRouteName = previousRoute ? previousRoute === null || previousRoute === void 0 ? void 0 : previousRoute.current.name : null;
+            const currentRouteName = currentRoute ? currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.name : null;
+            const configuredRoutes = configurableRoutesWithNavigationRouteName(configurableRoutes);
+            const currentPath = currentRouteName ? getPath(currentRouteName, configuredRoutes) : null;
+            const previousPath = previousRoute ? getPath(previousRoute === null || previousRoute === void 0 ? void 0 : previousRoute.current.name, configuredRoutes) : null;
+            // const currentPath = currentRouteName ? getPath(currentRouteName as string, configuredRoutes) : null;
+            // const previousPath = previousRoute ? getPath(previousRoute?.current?.name, configuredRoutes) : null;
+            if (previousRouteName !== currentRouteName) {
+                routeNameRef.current = currentRoute;
+                dispatch({
+                    type: LOCATION_CHANGE_SUCCESS,
+                    payload: {
+                        currentRoute: {
+                            path: currentPath,
+                            params: (_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) !== null && _a !== void 0 ? _a : { orgName: null },
+                        },
+                        previousRoute: {
+                            path: previousPath,
+                            params: (_c = (_b = previousRoute === null || previousRoute === void 0 ? void 0 : previousRoute.current) === null || _b === void 0 ? void 0 : _b.params) !== null && _c !== void 0 ? _c : { orgName: null },
+                        },
+                    },
+                });
+            }
+        })}>
+            {children}
+        </NavigationContainer>);
+};
+//# sourceMappingURL=NavigationComponent.js.map

package/lib/components/NavigationComponent/NavigationComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationComponent.js","sourceRoot":"","sources":["../../../src/components/NavigationComponent/NavigationComponent.tsx"],"names":[],"mappings":"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"}

package/lib/components/NavigationComponent/index.d.ts

@@ -0,0 +1 @@
+export * from './NavigationComponent';

package/lib/components/NavigationComponent/index.js

@@ -0,0 +1,2 @@
+export * from './NavigationComponent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NavigationComponent/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/lib/components/NavigationHeader/NavigationHeader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const getNavigationHeader: ({ navigation, route, options, back, showToggle, showFilter, customHeader, ...props }: any) => React.JSX.Element;
+export default getNavigationHeader;

package/lib/components/NavigationHeader/NavigationHeader.js

@@ -0,0 +1,67 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Dimensions } from 'react-native';
+import { HStack, IconButton, Icon, Text, Box, Avatar, } from 'native-base';
+import { StatusBar } from 'expo-status-bar';
+import { getHeaderTitle } from '@react-navigation/elements';
+import { Ionicons, MaterialIcons } from '@expo/vector-icons';
+// import filter from '../../../assets/images/filter.png'
+import { useDrawerLayout } from '../../hooks/useDrawerLayout';
+import { useSelector } from 'react-redux';
+const windowWidth = Dimensions.get('window').width;
+const windowHeight = Dimensions.get('window').height;
+const getNavigationHeader = (_a) => {
+    var _b, _c, _d;
+    var { navigation, route, options, back, showToggle = null, showFilter = null, customHeader = null } = _a, props = __rest(_a, ["navigation", "route", "options", "back", "showToggle", "showFilter", "customHeader"]);
+    const user = useSelector((state) => state === null || state === void 0 ? void 0 : state.user);
+    const { setSwipeEnabled, setDrawerContent, setOpen } = useDrawerLayout();
+    // const title = user?.accessToken ? getHeaderTitle?.(options, route.name) ?? 'Home' : 'Home';
+    const title = (_b = getHeaderTitle === null || getHeaderTitle === void 0 ? void 0 : getHeaderTitle(options, route.name)) !== null && _b !== void 0 ? _b : 'Home';
+    const matches = (_c = title === null || title === void 0 ? void 0 : title.match(/\b(\w)/g)) !== null && _c !== void 0 ? _c : '';
+    const acronym = Array.isArray(matches) ? (_d = matches === null || matches === void 0 ? void 0 : matches.join('')) === null || _d === void 0 ? void 0 : _d.substring(0, 2) : ''; // JSON
+    const toggleDrawer = () => {
+        setOpen((pre) => !pre);
+    };
+    return (<>
+            {/* <StatusBar backgroundColor={'#3f0e40'} barStyle="light-content" /> */}
+            <StatusBar style="light"/>
+            <Box safeAreaTop bg="#3f0e40">
+                {customHeader ? (<HStack bg="#3f0e40" px="1" py="3" justifyContent="space-between" alignItems="center" w="100%">
+                        {customHeader}
+                    </HStack>) : (<HStack bg="#3f0e40" px="1" py="3" justifyContent="space-between" alignItems="center" w="100%">
+                        <HStack alignItems="center">
+                            {back ? (<IconButton onPress={() => navigation.goBack()} icon={<Icon size={'lg'} as={MaterialIcons} name="arrow-back" color="white"/>}/>) : showToggle ? (<IconButton mx={2} px={2} py={2} size={6} bg={'gray.300'} disabled={!(user === null || user === void 0 ? void 0 : user.accessToken) ? true : false} onPress={() => {
+                    if (user === null || user === void 0 ? void 0 : user.accessToken) {
+                        if (props === null || props === void 0 ? void 0 : props.navigation)
+                            navigation.toggleDrawer();
+                        else
+                            toggleDrawer();
+                    }
+                }} icon={<Avatar bg={'transparent'} size={8} _text={{ color: '#000', fontWeight: 600 }}>
+                                            {acronym}
+                                        </Avatar>}/>) : (<></>)}
+
+                            <Text px={2} color="white" fontSize="20" fontWeight="bold">
+                                {title}
+                            </Text>
+                        </HStack>
+                        <HStack>
+                            {/* {showFilter && <IconButton icon={<Image alt={'filter'} source={filter} size={8} tintColor={'#fff'} />} />}  */}
+                            {(user === null || user === void 0 ? void 0 : user.accessToken) && showFilter && (<IconButton icon={<Ionicons name={'ios-filter'} size={25} color={'#fff'}/>}/>)}
+                        </HStack>
+                    </HStack>)}
+            </Box>
+        </>);
+};
+export default getNavigationHeader;
+//# sourceMappingURL=NavigationHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../src/components/NavigationHeader/NavigationHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAEH,MAAM,EAEN,UAAU,EACV,IAAI,EACJ,IAAI,EAGJ,GAAG,EAEH,MAAM,GACT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7D,yDAAyD;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;AACnD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AAErD,MAAM,mBAAmB,GAAG,CAAC,EASvB,EAAE,EAAE;;QATmB,EACzB,UAAU,EACV,KAAK,EACL,OAAO,EACP,IAAI,EACJ,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,IAAI,OAEjB,EADC,KAAK,cARiB,sFAS5B,CADW;IAER,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACzE,8FAA8F;IAC9F,MAAM,KAAK,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,mCAAI,MAAM,CAAC;IAC9D,MAAM,OAAO,GAAQ,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,SAAS,CAAC,mCAAI,EAAE,CAAC;IACnD,MAAM,OAAO,GAAQ,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,EAAE,CAAC,0CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO;IAC9F,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACH,EACI;YAAA,CAAC,wEAAwE,CACzE;YAAA,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EACxB;YAAA,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CACzB;gBAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACZ,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAC1F;wBAAA,CAAC,YAAY,CACjB;oBAAA,EAAE,MAAM,CAAC,CACZ,CAAC,CAAC,CAAC,CACA,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAC1F;wBAAA,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CACvB;4BAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CACJ,CAAC,UAAU,CACP,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CACnC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,EAAG,CAAC,EAChF,CACL,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACb,CAAC,UAAU,CACP,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,EAAE,CAAC,CAAC,UAAU,CAAC,CACf,QAAQ,CAAC,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAC5C,OAAO,CAAC,CAAC,GAAG,EAAE;oBACV,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE;wBACnB,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;4BAAE,UAAU,CAAC,YAAY,EAAE,CAAC;;4BAC5C,YAAY,EAAE,CAAC;qBACvB;gBACL,CAAC,CAAC,CACF,IAAI,CAAC,CACD,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAC1E;4CAAA,CAAC,OAAO,CACZ;wCAAA,EAAE,MAAM,CAAC,CACZ,EACH,CACL,CAAC,CAAC,CAAC,CACA,EAAE,GAAG,CACR,CAED;;4BAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CACtD;gCAAA,CAAC,KAAK,CACV;4BAAA,EAAE,IAAI,CACV;wBAAA,EAAE,MAAM,CACR;wBAAA,CAAC,MAAM,CACH;4BAAA,CAAC,iHAAiH,CAClH;4BAAA,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,KAAI,UAAU,IAAI,CAChC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC,EAAG,CAClF,CACL;wBAAA,EAAE,MAAM,CACZ;oBAAA,EAAE,MAAM,CAAC,CACZ,CACL;YAAA,EAAE,GAAG,CACT;QAAA,GAAG,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/components/NavigationHeader/NavigationHeaderChat.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NavigationHeaderChat: ({ navigation, route, options, back, showToggle, showFilter }: any) => React.JSX.Element;
+export default NavigationHeaderChat;

package/lib/components/NavigationHeader/NavigationHeaderChat.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { VStack, HStack, IconButton, Icon, Text, Box, Avatar, } from 'native-base';
+import { getHeaderTitle } from '@react-navigation/elements';
+import { MaterialIcons, AntDesign } from '@expo/vector-icons';
+import { NavigationRoutes } from '../../constants/routes';
+// import { navigate } from '@common-stack/client-react';
+import { navigationRef } from '@common-stack/client-react';
+const NavigationHeaderChat = ({ navigation, route, options, back, showToggle = null, showFilter = null }) => {
+    var _a, _b, _c;
+    const title = getHeaderTitle(options, route.name);
+    const matches = title.match(/\b(\w)/g);
+    const acronym = matches.join('').substring(0, 2); // JSON
+    return (<Box borderBottomWidth={1} borderBottomColor={'gray.200'} safeAreaTop>
+            <VStack space={0}>
+                <HStack px="1" py="3" bg={'white'} justifyContent="space-between" alignItems="center" w="100%">
+                    {back ? (<IconButton 
+        //onPress={() => navigation?.goBack?.()}
+        onPress={() => { var _a; return (navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.isReady()) && ((_a = navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.current) === null || _a === void 0 ? void 0 : _a.goBack()); }} icon={<Icon size={'lg'} as={MaterialIcons} name="keyboard-arrow-left" color="black"/>}/>) : showToggle ? (<IconButton mx={2} px={2} py={2} size={6} bg={'gray.300'} onPress={() => navigation.toggleDrawer()} icon={<Avatar bg={'transparent'} size={8} _text={{ color: '#000', fontWeight: 600 }}>
+                                    {acronym}
+                                </Avatar>}/>) : (<></>)}
+
+                    <Box flex={1}>
+                        <Text px={2} color="black" flexWrap={'wrap'} fontSize="20" fontWeight="bold">
+                            {(_b = (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : title}
+                        </Text>
+                    </Box>
+
+                    {((_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.addMember) && (<IconButton onPress={() => {
+                var _a, _b, _c;
+                return navigation.navigate(NavigationRoutes.AddPeople, {
+                    channelId: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.channelId,
+                    addMember: (_b = route === null || route === void 0 ? void 0 : route.params) === null || _b === void 0 ? void 0 : _b.addMember,
+                    orgName: (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.orgName,
+                });
+            }} _pressed={{ backgroundColor: 'transparent' }} size={'lg'} icon={<Icon color={'black'} size={'lg'} as={AntDesign} name="addusergroup"/>}/>)}
+
+                    {/* <HStack flex={1}>
+            {route?.params?.addMember && (
+                <IconButton
+                    onPress={() =>
+                        navigation.navigate(NavigationRoutes.AddPeople, {
+                            channelId: route?.params?.channelId,
+                            addMember: route?.params?.addMember,
+                            orgName: route?.params?.orgName,
+                        })
+                    }
+                    _pressed={{ backgroundColor: 'transparent' }}
+                    size={'lg'}
+                    icon={<Icon color={'black'} size={'lg'} as={AntDesign} name="addusergroup" />}
+                />
+            )}
+        </HStack> */}
+                </HStack>
+            </VStack>
+        </Box>);
+};
+export default NavigationHeaderChat;
+//# sourceMappingURL=NavigationHeaderChat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeaderChat.js","sourceRoot":"","sources":["../../../src/components/NavigationHeader/NavigationHeaderChat.tsx"],"names":[],"mappings":"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"}

package/lib/components/NavigationHeader/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import NavigationHeader from './NavigationHeader';
+export declare const chatNavigationHeader: ({ navigation, route, options, back, showToggle, showFilter }: any) => import("react").JSX.Element;
+export default NavigationHeader;

package/lib/components/NavigationHeader/index.js

@@ -0,0 +1,5 @@
+import NavigationHeader from './NavigationHeader';
+import NavigationHeaderChat from './NavigationHeaderChat';
+export const chatNavigationHeader = NavigationHeaderChat;
+export default NavigationHeader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NavigationHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,oBAAoB,MAAO,wBAAwB,CAAA;AAC1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,oBAAoB,CAAA;AACxD,eAAe,gBAAgB,CAAC"}

package/lib/components/RootNavigation.d.ts

@@ -0,0 +1,3 @@
+export declare const navigationRef: any;
+export declare function navigate(name: any, params: any): void;
+export declare function getCurrentRoute(): any;

package/lib/components/RootNavigation.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export const navigationRef = React.createRef();
+export function navigate(name, params) {
+    var _a;
+    (_a = navigationRef.current) === null || _a === void 0 ? void 0 : _a.navigate(name, params);
+}
+export function getCurrentRoute() {
+    var _a;
+    return (_a = navigationRef.current) === null || _a === void 0 ? void 0 : _a.getCurrentRoute();
+}
+//# sourceMappingURL=RootNavigation.js.map

package/lib/components/RootNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootNavigation.js","sourceRoot":"","sources":["../../src/components/RootNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAO,KAAK,CAAC,SAAS,EAAE,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAE,IAAI,EAAE,MAAM;;IACpC,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,eAAe;;IAC7B,OAAO,MAAA,aAAa,CAAC,OAAO,0CAAE,eAAe,EAAE,CAAC;AAClD,CAAC"}

package/lib/components/Search/AddByEmail.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AddFromEmail: ({ navigation, route }: any) => React.JSX.Element;
+export default AddFromEmail;

package/lib/components/Search/AddByEmail.js

@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from 'react';
+import { TextArea, View, VStack, Button, ChevronLeftIcon, } from 'native-base';
+import { TouchableHighlight } from 'react-native';
+import { NavigationRoutes } from '../../constants/routes';
+import VirtualizedScrollView from '../VirtualizedScrollView';
+import { useIsFocused } from '@react-navigation/native';
+const AddFromEmail = ({ navigation, route }) => {
+    const isFocused = useIsFocused();
+    const [contacts, setContacts] = useState([]);
+    useEffect(() => {
+        if (isFocused) {
+        }
+        navigation.setOptions({
+            headerShown: true,
+            headerTitleAlign: 'left',
+            headerTitleStyle: {},
+            headerLeft: (props) => (<TouchableHighlight underlayColor={'transparent'} activeOpacity={0.5} onPress={() => { var _a; return navigation.navigate(NavigationRoutes.Home, { orgName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName }); }}>
+                    <ChevronLeftIcon size={5} color={'#000'}/>
+                </TouchableHighlight>),
+            headerRight: (props) => (<Button disabled variant={'link'} _text={{ color: 'gray.400' }}>
+                    Send
+                </Button>),
+        });
+    }, [isFocused, navigation]);
+    return (<View flex={1} bg={'white'}>
+            <TextArea autoCompleteType h={16} bg={'coolGray.100'} py={6} px={3} _input={{ placeholderTextColor: '#404040', fontSize: 14 }} variant="underlined" placeholder="name@example.com"/>
+            <View flex={1}>
+                <VirtualizedScrollView>
+                    <VStack space="5" pt={2}></VStack>
+                </VirtualizedScrollView>
+            </View>
+        </View>);
+};
+export default AddFromEmail;
+//# sourceMappingURL=AddByEmail.js.map

package/lib/components/Search/AddByEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddByEmail.js","sourceRoot":"","sources":["../../../src/components/Search/AddByEmail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AACpE,OAAO,EAEH,QAAQ,EACR,IAAI,EAEJ,MAAM,EAGN,MAAM,EAWN,eAAe,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAc,kBAAkB,EAAqB,MAAM,cAAc,CAAC;AAEjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAO,EAAE,EAAE;IAChD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,EAAE;SACd;QAED,UAAU,CAAC,UAAU,CAAC;YAClB,WAAW,EAAE,IAAI;YACjB,gBAAgB,EAAE,MAAM;YACxB,gBAAgB,EAAE,EAAE;YACpB,UAAU,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CACxB,CAAC,kBAAkB,CACf,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,OAAO,EAAE,CAAC,CAAA,EAAA,CAAC,CAE/F;oBAAA,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAC5C;gBAAA,EAAE,kBAAkB,CAAC,CACxB;YACD,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAC3D;;gBACJ,EAAE,MAAM,CAAC,CACZ;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,OAAO,CACH,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CACvB;YAAA,CAAC,QAAQ,CACL,gBAAgB,CAChB,CAAC,CAAC,CAAC,EAAE,CAAC,CACN,EAAE,CAAC,CAAC,cAAc,CAAC,CACnB,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,MAAM,CAAC,CAAC,EAAE,oBAAoB,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1D,OAAO,CAAC,YAAY,CACpB,WAAW,CAAC,kBAAkB,EAElC;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACV;gBAAA,CAAC,qBAAqB,CAClB;oBAAA,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CACrC;gBAAA,EAAE,qBAAqB,CAC3B;YAAA,EAAE,IAAI,CACV;QAAA,EAAE,IAAI,CAAC,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Search/AddChannel.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AddChannel: ({ navigation, route }: any) => React.JSX.Element;
+export default AddChannel;

package/lib/components/Search/AddChannel.js

@@ -0,0 +1,120 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet } from 'react-native';
+import { Input, Text, VStack, Box, FormControl, Button } from 'native-base';
+import Colors from '../../constants/Colors';
+import { useAddChannelMutation } from '@messenger-box/platform-client';
+import { NavigationRoutes } from '../../constants/routes';
+const AddChannel = ({ navigation, route }) => {
+    const [name, setName] = useState('');
+    const [description, setDescription] = useState('');
+    const [showCreateButton, setShowCreateButton] = useState(false);
+    const [nameIsInvalid, setNameIsInvalid] = useState(false);
+    const [createChannel, createdChannel] = useAddChannelMutation({
+        onCompleted: (data) => {
+            var _a, _b, _c;
+            //console.log('create data',data)
+            if (data === null || data === void 0 ? void 0 : data.createChannel)
+                navigation.navigate(NavigationRoutes.AddPeople, {
+                    channelId: (_a = data === null || data === void 0 ? void 0 : data.createChannel) === null || _a === void 0 ? void 0 : _a.id,
+                    orgName: (_b = route === null || route === void 0 ? void 0 : route.params) === null || _b === void 0 ? void 0 : _b.orgName,
+                });
+            else
+                navigation.navigate(NavigationRoutes.Home, { orgName: (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.orgName });
+        },
+    });
+    // useEffect(() => {
+    //     if(name && name.length > 0){
+    //         let patt = /^[A-Za-z0-9_+\-]*$/;
+    //         if (patt.test(name))
+    //         {
+    //             setNameIsInvalid(false)
+    //             setShowCreateButton(true)
+    //         }
+    //         else
+    //         {
+    //             setNameIsInvalid(true)
+    //             setShowCreateButton(false)
+    //         }
+    //     }
+    //     else
+    //     {
+    //         setShowCreateButton(false)
+    //     }
+    // //    if(name && name.length > 0)
+    // //     setShowCreateButton(true)
+    // //    else
+    // //     setShowCreateButton(false)
+    // }, [name])
+    useEffect(() => {
+        if (name && name.length > 0)
+            setShowCreateButton(true);
+        else
+            setShowCreateButton(false);
+    }, [name]);
+    useEffect(() => {
+        navigation.setOptions({
+            headerShown: true,
+            headerTitleAlign: 'left',
+            headerTitleStyle: {},
+            headerRight: (props) => (<Button onPress={() => createNewChannel()} variant={'link'} _text={{ color: showCreateButton ? 'black' : 'gray.500' }} disabled={showCreateButton ? false : true}>
+                    Create
+                </Button>),
+        });
+    }, [name, showCreateButton]);
+    const createNewChannel = () => {
+        if (name && name.length > 0) {
+            createChannel({
+                variables: {
+                    name: name,
+                    description: description,
+                },
+            });
+        }
+    };
+    // const setChannelName = (v:any) => {
+    //     let nameStr = v.replace(/\s+/g, '-').toLowerCase();
+    //     setName(nameStr)
+    // }
+    return (<Box flex={1} bg={'#fff'} shadow={1} py={2} h={'100%'}>
+            <VStack space="4">
+                <Box px="4" pt="4">
+                    {/* <FormControl isInvalid={nameIsInvalid} mt="3"> */}
+                    <FormControl mt="3">
+                        <FormControl.Label>
+                            <Text>Name</Text>
+                        </FormControl.Label>
+                        <Input maxLength={80} variant="underlined" placeholder=" e.g. Plan budget" 
+    //textTransform={'lowercase'}
+    value={name} onChangeText={(v) => setName(v)} InputLeftElement={<Text color={'gray.500'}>#</Text>} InputRightElement={<Text color={'gray.500'}>{80 - name.length}</Text>}/>
+                        <FormControl.ErrorMessage>
+                            Channel names must be lowercase, and can't contain spaces,periods,or most punctuation.
+                        </FormControl.ErrorMessage>
+                    </FormControl>
+                    <FormControl mt="3">
+                        <FormControl.Label>
+                            <Text>Description</Text>
+                        </FormControl.Label>
+                        <Input variant="underlined" placeholder="channel description" value={description} onChangeText={(v) => setDescription(v)}/>
+                    </FormControl>
+                </Box>
+            </VStack>
+        </Box>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        //justifyContent: 'center',
+        padding: 20,
+    },
+    itemView: {
+        paddingVertical: 8,
+        marginTop: 5,
+    },
+    headingText: {
+        color: Colors.light.text,
+        fontSize: 16,
+        fontWeight: '400',
+    },
+});
+export default AddChannel;
+//# sourceMappingURL=AddChannel.js.map