@common-stack/mobile-stack-react 6.0.6-alpha.14

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2017 CDMBase LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,50 @@
+# React Package
+React components and containers
+
+What does it include:
+---
+    1. exported react pure components
+    2. exported react containers
+    3. Typescript 2.0.0 => ES6
+    4. unit testing with jest
+
+Purpose:
+---
+This package can be installable in front-end webserver
+
+Useful commands:
+---
+    npm run build       - build the library files
+    npm run test        - run tests once
+    npm run test:watch  - run tests in watchmode (Useful for development)
+    
+Files explained:
+---
+     src                         - directory is used for typescript code that is part of the project
+        index.ts                 - Index file of the package. Consists of exported components and containers
+        index.spec.ts            - Tests file for main
+        components               - All pure components which don't depend on backend data or external state such as redux
+            index.ts             - References all the exported components
+        containers               - Components with data to render. Tightly coupled with redux. 
+            index.ts             - References all the exported containers
+     package.json                - file is used to describe the library and packages that are required added under peer-dependencies section
+     tsconfig.json               - configuration file for the library compilation
+     webpack.config.js           - configuration file of the compilation automation process for the library
+
+
+Tutorials:
+---
+[react-jest-enzymes test](https://www.youtube.com/watch?v=bMmntkVM4wQ)
+
+[testing react with enzyme tutorial](http://codeheaven.io/testing-react-components-with-enzyme/)
+
+[react-redux-typescript-guide](https://github.com/piotrwitek/react-redux-typescript-guide)
+
+Performance:
+---
+[Redux FAQ: Connecting multiple components](http://redux.js.org/docs/FAQ.html#react-multiple-components)
+
+[React/Redux Links: Performance articles](https://github.com/markerikson/react-redux-links/blob/master/react-performance.md)
+
+[React/Redux: Component re-rendering too often?](http://redux.js.org/docs/faq/ReactRedux.html#react-rendering-too-often)
+                 

package/lib/config/base-apollo-cache.d.ts

@@ -0,0 +1,16 @@
+import { InMemoryCache } from '@apollo/client/cache/index.js';
+import { CdmLogger } from '@cdm-logger/core';
+interface CreateCacheParams {
+    getDataIdFromObject: (x?: any) => string;
+    clientState: any;
+    initialState?: any;
+    logger: CdmLogger.ILogger;
+}
+export declare const createCache: ({ getDataIdFromObject, clientState }: CreateCacheParams) => InMemoryCache;
+export declare const initializeCache: ({ cache, initialState, clientState, logger, }: {
+    cache: InMemoryCache;
+    initialState?: any;
+    clientState: any;
+    logger: CdmLogger.ILogger;
+}) => void;
+export {};

package/lib/config/base-apollo-client.d.ts

@@ -0,0 +1,21 @@
+import { ApolloClient } from '@apollo/client';
+import { InMemoryCache } from '@apollo/client/cache';
+import { IClientState } from '@common-stack/client-core';
+import { CdmLogger } from '@cdm-logger/core';
+interface IApolloClientParams {
+    initialState?: any;
+    scope: 'browser' | 'server' | 'native';
+    getDataIdFromObject: (x?: any) => string;
+    clientState: IClientState;
+    isDebug: boolean;
+    isDev: boolean;
+    isSSR: boolean;
+    httpGraphqlURL: string;
+    httpLocalGraphqlURL: string;
+    logger: CdmLogger.ILogger;
+}
+export declare const createApolloClient: ({ scope, isDev, isDebug, isSSR, getDataIdFromObject, clientState, httpGraphqlURL, httpLocalGraphqlURL, initialState, logger, }: IApolloClientParams) => {
+    apolloClient: ApolloClient<any>;
+    cache: InMemoryCache;
+};
+export {};

package/lib/config/base-apollo-client.js

@@ -0,0 +1,147 @@
+import {ApolloLink,ApolloClient}from'@apollo/client';import {InMemoryCache}from'@apollo/client/cache';import {HttpLink,createHttpLink}from'@apollo/client/link/http';import {BatchHttpLink}from'@apollo/client/link/batch-http';import {onError}from'@apollo/client/link/error';import {GraphQLWsLink}from'@apollo/client/link/subscriptions';import {getOperationAST}from'graphql';import {invariant}from'ts-invariant';import fetch from'cross-fetch';import {isBoolean,merge}from'lodash-es';import {RetryLink}from'@apollo/client/link/retry';import {createClient}from'graphql-ws';// version 09/18/2021
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable no-underscore-dangle */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+const schema = `
+
+`;
+const errorLink = onError(({ graphQLErrors, networkError }) => {
+    if (graphQLErrors) {
+        graphQLErrors.map(({ message, locations, path }) => 
+        // tslint:disable-next-line
+        invariant.warn(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`));
+    }
+    if (networkError) {
+        // tslint:disable-next-line
+        invariant.warn(`[Network error]: ${networkError}`);
+    }
+});
+let _apolloClient;
+let _memoryCache;
+const createApolloClient = ({ scope, isDev, isDebug, isSSR, getDataIdFromObject, clientState, httpGraphqlURL, httpLocalGraphqlURL, initialState, logger, }) => {
+    const isBrowser = scope === 'browser';
+    const isServer = scope === 'server';
+    let link;
+    const cache = new InMemoryCache({
+        dataIdFromObject: getDataIdFromObject,
+        possibleTypes: clientState.possibleTypes,
+        typePolicies: clientState.typePolicies,
+    });
+    const attemptConditions = async (count, operation, error) => {
+        const promises = (clientState.retryLinkAttemptFuncs || []).map((func) => {
+            return func(count, operation, error);
+        });
+        try {
+            const result = await promises;
+            return !!result.find((item) => item && isBoolean(item));
+        }
+        catch (e) {
+            logger.trace('Error occured in retryLink Attempt condition', e);
+            throw e;
+        }
+    };
+    const retrylink = new RetryLink({
+        attempts: attemptConditions,
+    });
+    if (_apolloClient && _memoryCache) {
+        // return quickly if client is already created.
+        return {
+            apolloClient: _apolloClient,
+            cache: _memoryCache,
+        };
+    }
+    _memoryCache = cache;
+    if (isBrowser) {
+        const connectionParams = async () => {
+            const param = {};
+            for (const connectionParam of clientState.connectionParams) {
+                merge(param, await connectionParam);
+            }
+            return param;
+        };
+        let timedOut;
+        const wsLink = new GraphQLWsLink(createClient({
+            url: httpGraphqlURL.replace(/^http/, 'ws'),
+            retryAttempts: 10,
+            lazy: true,
+            shouldRetry: () => true,
+            keepAlive: 10000,
+            connectionParams,
+            on: {
+                connected: (socket) => {
+                },
+                error: async (error) => {
+                    logger.error(error, '[WS connectionCallback error] %j');
+                    const promises = (clientState.connectionCallbackFuncs || []).map((func) => func(wsLink, error, {}));
+                    try {
+                        await promises;
+                    }
+                    catch (err) {
+                        logger.trace('Error occurred in connectionCallback condition', err);
+                        throw err;
+                    }
+                },
+                // connected: (socket, payload) => {}
+                ping: () => {
+                    logger.trace('Pinged Server');
+                },
+                pong: (received) => {
+                    logger.trace('Pong received');
+                    if (received)
+                        clearTimeout(timedOut); // pong is received, clear connection close timeout
+                },
+                // inactivityTimeout: 10000,
+            },
+        }));
+        link = ApolloLink.split(({ query, operationName }) => {
+            if (operationName.endsWith('_WS')) {
+                return true;
+            }
+            const operationAST = getOperationAST(query, operationName);
+            return !!operationAST && operationAST.operation === 'subscription';
+        }, wsLink, new HttpLink({
+            uri: httpGraphqlURL,
+        }));
+    }
+    else if (isServer) {
+        link = new BatchHttpLink({ uri: httpLocalGraphqlURL, fetch: fetch });
+    }
+    else {
+        link = createHttpLink({ uri: httpLocalGraphqlURL, fetch: fetch });
+    }
+    const links = [errorLink, retrylink, ...(clientState.preLinks || []), link];
+    // Add apollo logger during development only
+    if (isBrowser && (isDev || isDebug)) {
+        const apolloLogger = require('apollo-link-logger');
+        links.unshift(apolloLogger.default);
+    }
+    const params = {
+        queryDeduplication: true,
+        typeDefs: schema.concat(clientState.typeDefs),
+        resolvers: clientState.resolvers,
+        link: ApolloLink.from(links),
+        cache,
+        connectToDevTools: isBrowser && (isDev || isDebug),
+    };
+    if (isSSR) {
+        if (isBrowser) {
+            if (initialState) {
+                cache.restore(initialState);
+            }
+            params.ssrForceFetchDelay = 100;
+        }
+        else if (isServer) {
+            params.ssrMode = true;
+        }
+    }
+    _apolloClient = new ApolloClient(params);
+    clientState?.defaults?.forEach((x) => {
+        if (x.type === 'query') {
+            cache.writeQuery(x);
+        }
+        else if (x.type === 'fragment') {
+            cache.writeFragment(x);
+        }
+    });
+    return { apolloClient: _apolloClient, cache };
+};export{createApolloClient};

package/lib/config/base-redux-config.d.ts

@@ -0,0 +1,22 @@
+import { Middleware, Action, ReducersMapObject, PreloadedState } from 'redux';
+import { EpicMiddleware, Epic } from 'redux-observable';
+import { PersistConfig } from 'redux-persist';
+interface IReduxStore<S = any> {
+    scope: 'browser' | 'server' | 'native' | 'ElectronMain';
+    isDebug: boolean;
+    isDev: boolean;
+    reducers: ReducersMapObject<S>;
+    rootEpic?: Epic<Action<S>, Action<any>, void, any>;
+    epicMiddleware?: EpicMiddleware<Action<S>, Action<any>>;
+    preMiddleware?: Middleware[];
+    postMiddleware?: Middleware[];
+    middleware?: Middleware[];
+    initialState: PreloadedState<S>;
+    persistConfig?: PersistConfig<S, any>;
+}
+/**
+ * Add any reducers required for this app dirctly in to
+ * `combineReducers`
+ */
+export declare const createReduxStore: ({ scope, isDebug, isDev, reducers, rootEpic, epicMiddleware, preMiddleware, postMiddleware, middleware, initialState, persistConfig, }: IReduxStore<any>) => import("redux").Store<any, import("redux").AnyAction>;
+export {};

package/lib/config/base-redux-config.js

@@ -0,0 +1,51 @@
+import {combineReducers,createStore,applyMiddleware,compose}from'redux';import {persistReducer}from'redux-persist';import thunkMiddleware from'redux-thunk';// version 11/12/2021
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable global-require */
+/* eslint-disable no-underscore-dangle */
+/**
+ * Add any reducers required for this app dirctly in to
+ * `combineReducers`
+ */
+const createReduxStore = ({ scope, isDebug, isDev, reducers, rootEpic, epicMiddleware, preMiddleware, postMiddleware, middleware, initialState = {}, persistConfig, }) => {
+    const isBrowser = scope === 'browser';
+    const isElectronMain = scope === 'ElectronMain';
+    /**
+     * Add middleware that required for this app.
+     */
+    const middlewares = [thunkMiddleware];
+    // add epicMiddleware
+    if (epicMiddleware) {
+        middlewares.push(epicMiddleware);
+    }
+    if (preMiddleware) {
+        middlewares.unshift(...preMiddleware);
+    }
+    // Add redux logger during development only
+    if ((isDev || isDebug) && isBrowser) {
+        const { createLogger } = require('redux-logger');
+        middlewares.push(createLogger({
+            level: 'info',
+            collapsed: true,
+        }));
+    }
+    if (middleware) {
+        middlewares.push(...middleware);
+    }
+    if (postMiddleware) {
+        middlewares.push(...postMiddleware);
+    }
+    const enhancers = () => [applyMiddleware(...middlewares)];
+    const composeEnhancers = ((isDev || isDebug) && isBrowser && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;
+    const rootReducer = combineReducers(reducers);
+    const persistedReducer = persistConfig ? persistReducer(persistConfig, rootReducer) : rootReducer;
+    const store = createStore(persistedReducer, initialState, composeEnhancers(...enhancers()));
+    if (isBrowser || isElectronMain) {
+        // no SSR for now
+        if (epicMiddleware) {
+            epicMiddleware.run(rootEpic);
+        }
+    }
+    return store;
+};export{createReduxStore};

package/lib/config/client.service.d.ts

@@ -0,0 +1,9 @@
+import 'reflect-metadata';
+import { Container } from 'inversify';
+import { ApolloClient } from '@apollo/client/index.js';
+export declare const createClientContainer: (req?: any, res?: any) => {
+    container: Container;
+    apolloClient: ApolloClient<any>;
+    serviceFunc: () => any;
+    logger: import("@cdm-logger/core/lib/interface").ILogger;
+};

package/lib/config/client.service.js

@@ -0,0 +1,71 @@
+import'reflect-metadata';import {ClientTypes}from'@common-stack/client-core';import {ScopedContainer}from'@common-stack/client-core/lib/connector/ScopedContainer.js';import {merge}from'lodash-es';import features from'../modules.js';import {logger,UtilityClass}from'../utils/index.js';import {createApolloClient}from'./base-apollo-client.js';import {config}from'./mobile-env-config.js';const utility = new UtilityClass(features);
+ScopedContainer.registerGlobalDependencies((container) => {
+    container.bind(ClientTypes.Logger).toConstantValue(logger);
+    container.bind(ClientTypes.UtilityClass).toConstantValue(utility);
+});
+const createClientContainer = (req, res) => {
+    logger.debug('Calling CreateClientContainer');
+    // const childContainer = container.createChild();
+    const container = features.createContainers({});
+    container
+        .bind(ClientTypes.ApolloClient)
+        .toDynamicValue((context) => new Error('Too early to bind ApolloClient'))
+        .inRequestScope();
+    container
+        .bind(ClientTypes.ApolloClientFactory)
+        .toDynamicValue((context) => () => {
+        const newClient = container.get(ClientTypes.ApolloClient);
+        return newClient;
+    });
+    const services = merge({ container }, ...features.createServiceFunc.map((serviceFunc) => serviceFunc(container)));
+    const clientState = features.getStateParams({
+        resolverContex: () => services,
+        // container: container,
+        requestResponsePair: {
+            req,
+            res,
+        },
+    });
+    const { apolloClient, cache } = createApolloClient({
+        httpGraphqlURL: config.GRAPHQL_URL,
+        httpLocalGraphqlURL: config.LOCAL_GRAPHQL_URL,
+        isDev: process.env.NODE_ENV === 'development',
+        isDebug: false,
+        isSSR: true,
+        scope: typeof window !== 'undefined' ? 'browser' : 'server',
+        clientState,
+        getDataIdFromObject: (result) => features.getDataIdFromObject(result),
+        initialState: typeof window !== 'undefined' ? window?.__APOLLO_STATE__ : undefined,
+        logger,
+    });
+    if (!container.isBound(ClientTypes.InMemoryCache)) {
+        container
+            .bind(ClientTypes.InMemoryCache)
+            .toDynamicValue((context) => cache)
+            .inRequestScope();
+    }
+    container
+        .rebind(ClientTypes.ApolloClient)
+        .toDynamicValue((context) => apolloClient)
+        .inRequestScope();
+    // const services = serviceFunc();
+    const serviceFunc = () => services;
+    apolloClient.container = services;
+    const clientService = {
+        container,
+        apolloClient,
+        serviceFunc,
+        logger,
+    };
+    if (module.hot) {
+        module.hot.dispose(() => {
+            // Force Apollo to fetch the latest data from the server
+            delete window.__APOLLO_STATE__;
+        });
+    }
+    if (typeof window !== 'undefined') {
+        //@ts-ignore
+        window.__CLIENT_SERVICE__ = clientService;
+    }
+    return clientService;
+};export{createClientContainer};

package/lib/config/env-config.d.ts

@@ -0,0 +1,15 @@
+export declare const config: Readonly<{
+    CLIENT_URL: string;
+    LAYOUT_SETTINGS: {
+        navTheme: string;
+        primaryColor: string;
+        layout: string;
+        contentWidth: string;
+        fixedHeader: boolean;
+        fixSiderbar: boolean;
+        colorWeak: boolean;
+        title: string;
+        iconfontUrl: string;
+        language: string;
+    };
+} & import("envalid").CleanedEnvAccessors>;

package/lib/config/epic-config.d.ts

@@ -0,0 +1,3 @@
+import { BehaviorSubject } from 'rxjs';
+export declare const epic$: BehaviorSubject<any>;
+export declare const rootEpic: (action$: any, ...rest: any[]) => import("rxjs").Observable<unknown>;

package/lib/config/epic-config.js

@@ -0,0 +1,8 @@
+import {combineEpics,ofType}from'redux-observable';import {BehaviorSubject}from'rxjs';import {mergeMap,takeUntil}from'rxjs/operators/index.js';import features from'../modules.js';/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+const epic$ = new BehaviorSubject(combineEpics(...features.epics));
+// Since we're using mergeMap, by default any new
+// epic that comes in will be merged into the previous
+// one, unless an EPIC_END action is dispatched first,
+// which would cause the old one(s) to be unsubscribed
+const rootEpic = (action$, ...rest) => epic$.pipe(mergeMap((epic) => epic(action$, ...rest).pipe(takeUntil(action$.pipe(ofType('EPIC_END'))))));export{epic$,rootEpic};

package/lib/config/index.d.ts

@@ -0,0 +1,2 @@
+export * from './client.service';
+export * from './redux-config';

package/lib/config/mobile-env-config.d.ts

@@ -0,0 +1,7 @@
+export declare const config: Readonly<{
+    GA_ID: string;
+    GRAPHQL_URL: string;
+    LOCAL_GRAPHQL_URL: string;
+    GRAPHQL_SUBSCRIPTION_URL: string;
+    LOG_LEVEL: string;
+} & import("envalid").CleanedEnvAccessors>;

package/lib/config/mobile-env-config.js

@@ -0,0 +1,8 @@
+import {cleanEnv,str}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
+const config = cleanEnv(env, {
+    GA_ID: str({ devDefault: 'G-xxxxxxx' }),
+    GRAPHQL_URL: str({}),
+    LOCAL_GRAPHQL_URL: str({}),
+    GRAPHQL_SUBSCRIPTION_URL: str({ default: env?.GRAPHQL_URL?.replace(/^http/, 'ws') }),
+    LOG_LEVEL: str({ devDefault: 'debug' }),
+});export{config};

package/lib/config/redux-config.d.ts

@@ -0,0 +1,26 @@
+import autoMergeLevel2 from 'redux-persist/lib/stateReconciler/autoMergeLevel2';
+import history from './router-history';
+export { history };
+export declare const epicMiddlewareFunc: (apolloClient: any, services: any, container: any) => import("redux-observable").EpicMiddleware<import("redux").Action<any>, import("redux").Action<any>, void, {
+    apolloClient: any;
+    routes: any;
+    services: any;
+    container: any;
+    logger: import("@cdm-logger/core/lib/interface").ILogger;
+    config: {
+        isMobile: boolean;
+    };
+}>;
+export declare const persistConfig: {
+    key: string;
+    storage: import("@react-native-async-storage/async-storage").AsyncStorageStatic;
+    stateReconciler: typeof autoMergeLevel2;
+    transforms: any[];
+};
+/**
+ * Add any reducers required for this app dirctly in to
+ * `combineReducers`
+ */
+export declare const createReduxStore: (history: any, apolloClient: any, services: any, container: any) => {
+    store: import("redux").Store<any, import("redux").AnyAction>;
+};

package/lib/config/redux-config.js

@@ -0,0 +1,49 @@
+import storage from'@react-native-async-storage/async-storage';import autoMergeLevel2 from'redux-persist/lib/stateReconciler/autoMergeLevel2';import {createEpicMiddleware}from'redux-observable';import {REDUX_PERSIST_KEY}from'@common-stack/client-core';import {createReduxStore as createReduxStore$1}from'./base-redux-config.js';import features from'../modules.js';import {rootEpic}from'./epic-config.js';export{default as history}from'./router-history.js';import {logger}from'../utils/index.js';const epicMiddlewareFunc = (apolloClient, services, container) => createEpicMiddleware({
+    dependencies: {
+        apolloClient,
+        routes: features.getConfiguredRoutes(),
+        services,
+        container,
+        logger,
+        config: {
+            isMobile: true,
+        },
+    },
+});
+const persistConfig = {
+    key: REDUX_PERSIST_KEY,
+    storage,
+    stateReconciler: autoMergeLevel2,
+    transforms: features.reduxPersistStateTransformers,
+};
+/**
+ * Add any reducers required for this app dirctly in to
+ * `combineReducers`
+ */
+const createReduxStore = (history, apolloClient, services, container) => {
+    // middleware
+    const store = createReduxStore$1({
+        scope: 'browser',
+        isDebug: false,
+        isDev: process.env.NODE_ENV === 'development',
+        initialState: {},
+        persistConfig,
+        middleware: [],
+        epicMiddleware: epicMiddlewareFunc(apolloClient, services, container),
+        rootEpic: rootEpic,
+        reducers: { ...features.reducers },
+    });
+    if (container.isBound('ReduxStore')) {
+        container
+            .rebind('ReduxStore')
+            .toDynamicValue(() => store)
+            .inRequestScope();
+    }
+    else {
+        container
+            .bind('ReduxStore')
+            .toDynamicValue(() => store)
+            .inRequestScope();
+    }
+    return { store };
+};export{createReduxStore,epicMiddlewareFunc,persistConfig};

package/lib/config/router-history.d.ts

@@ -0,0 +1,2 @@
+declare const hist: import("history").MemoryHistory;
+export default hist;

package/lib/config/router-history.js

@@ -0,0 +1 @@
+import {createMemoryHistory}from'history';const hist = createMemoryHistory();export{hist as default};

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './config';
+export * from './utils';

package/lib/index.js

@@ -0,0 +1 @@
+export{createClientContainer}from'./config/client.service.js';export{createReduxStore,epicMiddlewareFunc,persistConfig}from'./config/redux-config.js';export{UtilityClass,logger}from'./utils/index.js';export{default as history}from'./config/router-history.js';

package/lib/modules.d.ts

@@ -0,0 +1,4 @@
+import { Feature } from '@common-stack/client-react';
+declare const features: Feature;
+export declare const plugins: import("@common-stack/client-react").WorbenchExtension[];
+export default features;

package/lib/modules.js

@@ -0,0 +1,3 @@
+import {Feature}from'@common-stack/client-react';// This is  a sample `module.ts` that will be replaced during run time.
+const features = new Feature({});
+features.getComponentFillPlugins();export{features as default};

package/lib/utils/index.d.ts

@@ -0,0 +1,10 @@
+import modules from '../modules';
+export declare class UtilityClass {
+    private modules;
+    constructor(modules: any);
+    getCacheKey(storeObj: any): any;
+    navigate(name: string, params: never): void;
+}
+declare const logger: import("@cdm-logger/core/lib/interface").ILogger;
+export default modules;
+export { logger };

package/lib/utils/index.js

@@ -0,0 +1,19 @@
+import {ClientLogger}from'@cdm-logger/client';export{default}from'../modules.js';import {navigate}from'./navigator.js';/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable import/no-cycle */
+/* eslint-disable @typescript-eslint/no-var-requires */
+class UtilityClass {
+    modules;
+    // tslint:disable-next-line:no-shadowed-variable
+    constructor(modules) {
+        this.modules = modules;
+    }
+    getCacheKey(storeObj) {
+        return this.modules.getDataIdFromObject(storeObj);
+    }
+    navigate(name, params) {
+        return navigate(name, params);
+    }
+}
+const logger = ClientLogger.create(process.env.APP_NAME || 'Fullstack-Pro', {
+    level: process.env.LOG_LEVEL || 'info',
+});export{UtilityClass,logger};

package/lib/utils/navigator.d.ts

@@ -0,0 +1 @@
+export declare function navigate(name: string, params: never): void;

package/lib/utils/navigator.js

@@ -0,0 +1,5 @@
+import {navigationRef}from'@common-stack/client-react';function navigate(name, params) {
+    if (navigationRef.isReady()) {
+        navigationRef.navigate(name, params);
+    }
+}export{navigate};

package/package.json

@@ -0,0 +1,135 @@
+{
+    "name": "@common-stack/mobile-stack-react",
+    "version": "6.0.6-alpha.14",
+    "description": "Client Module for mobile app",
+    "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
+    "bugs": {
+        "url": "https://github.com/cdmbase/fullstack-pro/issues"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/cdmbase/fullstack-pro.git"
+    },
+    "license": "ISC",
+    "author": "CDMBase LLC",
+    "type": "module",
+    "main": "lib/index.js",
+    "module": "lib/index.js",
+    "typings": "lib/index.d.ts",
+    "scripts": {
+        "build": "npm run build:clean && npm run build:lib",
+        "build:clean": "rimraf lib",
+        "build:lib": "rollup -c rollup.config.mjs",
+        "build:lib:watch": "npm run build:lib -- --watch",
+        "jest": "./node_modules/.bin/jest",
+        "prepublish": "npm run build",
+        "test": "jest",
+        "test:debug": "npm test -- --runInBand",
+        "test:watch": "npm test -- --watch",
+        "watch": "npm run build:lib:watch"
+    },
+    "dependencies": {
+        "@apollo/client": "^3.9.0",
+        "@cdm-logger/client": "^9.0.3",
+        "@common-stack/client-core": "6.0.6-alpha.5",
+        "@common-stack/client-react": "6.0.6-alpha.5",
+        "@common-stack/components-pro": "6.0.6-alpha.5",
+        "@common-stack/core": "6.0.6-alpha.5",
+        "@expo/vector-icons": "~13.0.0",
+        "@react-native-async-storage/async-storage": "1.18.2",
+        "@react-native-community/datetimepicker": "7.2.0",
+        "@react-native-community/masked-view": "~0.1.10",
+        "@react-native-community/segmented-control": "~2.2.2",
+        "@react-navigation/bottom-tabs": "~6.5.9",
+        "@react-navigation/drawer": "~6.6.4",
+        "@react-navigation/native": "~6.1.8",
+        "@react-navigation/native-stack": "~6.9.14",
+        "@react-navigation/stack": "~6.3.18",
+        "@reduxjs/toolkit": "^2.2.6",
+        "apollo-link-debounce": "^3.0.0",
+        "apollo-link-logger": "^2.0.0",
+        "apollo-server-errors": "^3.3.1",
+        "big-integer": "^1.6.51",
+        "cross-fetch": "^4.0.0",
+        "envalid": "~7.2.2",
+        "expo": "~49.0.20",
+        "expo-apple-authentication": "~6.1.0",
+        "expo-asset": "~8.10.1",
+        "expo-auth-session": "~5.0.2",
+        "expo-build-properties": "~0.8.3",
+        "expo-constants": "~14.4.2",
+        "expo-dev-client": "~2.4.13",
+        "expo-device": "~5.4.0",
+        "expo-file-system": "~15.4.5",
+        "expo-image-picker": "~14.3.2",
+        "expo-linking": "~5.0.2",
+        "expo-localization": "~14.3.0",
+        "expo-notifications": "~0.20.1",
+        "expo-random": "~13.2.0",
+        "expo-secure-store": "~12.3.1",
+        "expo-splash-screen": "~0.20.5",
+        "expo-status-bar": "~1.6.0",
+        "expo-updates": "~0.18.19",
+        "expo-web-browser": "~12.3.2",
+        "graphql-ws": "^5.11.2",
+        "history": "^4.10.1",
+        "immutability-helper": "^3.0.1",
+        "inversify": "^6.0.2",
+        "isomorphic-fetch": "^2.2.1",
+        "lodash": "^4.17.15",
+        "metro-minify-terser": "^0.56.0",
+        "minilog": "^3.1.0",
+        "prop-types": "^15.8.1",
+        "query-string": "^9.0.0",
+        "ramda": "^0.26.1",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-helmet": "^6.1.0",
+        "react-native": "0.72.10",
+        "react-native-confirmation-code-field": "7.3.1",
+        "react-native-dotenv": "^3.3.1",
+        "react-native-gesture-handler": "~2.12.0",
+        "react-native-get-random-values": "~1.9.0",
+        "react-native-keyboard-aware-scroll-view": "^0.9.3",
+        "react-native-keyboard-spacer": "^0.4.1",
+        "react-native-maps": "1.7.1",
+        "react-native-mime-types": "^2.3.0",
+        "react-native-modal": "^11.6.1",
+        "react-native-pager-view": "6.2.0",
+        "react-native-reanimated": "~3.3.0",
+        "react-native-safe-area-context": "4.6.3",
+        "react-native-screens": "~3.22.0",
+        "react-native-svg": "13.9.0",
+        "react-native-tab-view": "^3.5.2",
+        "react-native-tags": "2.2.1",
+        "react-native-url-polyfill": "^2.0.0",
+        "react-native-web": "~0.19.6",
+        "react-native-web-maps": "~0.3.0",
+        "react-redux": "^9.1.1",
+        "redux-logger": "^3.0.6",
+        "redux-observable": "^1.2.0",
+        "redux-persist": "^6.0.0",
+        "redux-thunk": "^2.3.0",
+        "reflect-metadata": "^0.1.13",
+        "reselect": "^4.0.0",
+        "rxjs": "^6.5.3",
+        "rxjs-compat": "^6.5.3",
+        "rxjs-hooks": "^0.5.2",
+        "sentry-expo": "~7.1.0",
+        "subscriptions-transport-ws": "0.9.18",
+        "text-encoding-polyfill": "^0.6.7"
+    },
+    "peerDependencies": {
+        "@apollo/client": ">=3.0.0",
+        "react": ">=18",
+        "react-dom": ">=18",
+        "redux": ">=5.0.1"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "typescript": {
+        "definition": "lib/index.d.ts"
+    },
+    "gitHead": "b7a8d208e75dd7032e00cbdcc669c10699c4d629"
+}