@coorpacademy/app-review 0.0.3 → 0.0.5

package/dist/actions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation';
+//# sourceMappingURL=index.d.ts.map

package/dist/actions/index.d.ts.map

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

package/dist/actions/index.js

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

package/dist/actions/navigation.d.ts

@@ -0,0 +1,13 @@
+import { ActionCreator } from 'redux';
+export declare const NAVIGATE_TO = "@@navigation/NAVIGATE_TO";
+export declare const NAVIGATE_BACK = "@@navigation/NAVIGATE_BACK";
+export declare type $NAVIGATE_TO = {
+    type: '@@navigation/NAVIGATE_TO';
+    payload: string;
+};
+export declare type $NAVIGATE_BACK = {
+    type: '@@navigation/NAVIGATE_BACK';
+};
+export declare const navigateTo: ActionCreator<$NAVIGATE_TO>;
+export declare const navigateBack: ActionCreator<$NAVIGATE_BACK>;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/actions/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/actions/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,eAAO,MAAM,WAAW,6BAA6B,CAAC;AACtD,eAAO,MAAM,aAAa,+BAA+B,CAAC;AAE1D,oBAAY,YAAY,GAAG;IACzB,IAAI,EAAE,0BAA0B,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,cAAc,GAAG;IAC3B,IAAI,EAAE,4BAA4B,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,YAAY,CAGjD,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,cAAc,CAErD,CAAC"}

package/dist/actions/navigation.js

@@ -0,0 +1,9 @@
+export const NAVIGATE_TO = '@@navigation/NAVIGATE_TO';
+export const NAVIGATE_BACK = '@@navigation/NAVIGATE_BACK';
+export const navigateTo = (newPath) => ({
+    type: NAVIGATE_TO,
+    payload: newPath
+});
+export const navigateBack = () => ({
+    type: NAVIGATE_BACK
+});

package/dist/components/revision-home.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface Props {
+    skillsToRevise: {
+        title?: string;
+        info?: string;
+    }[];
+}
+declare const RevisionHome: (props: Props) => JSX.Element;
+export default RevisionHome;
+//# sourceMappingURL=revision-home.d.ts.map

package/dist/components/revision-home.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../src/components/revision-home.tsx"],"names":[],"mappings":";AAWA,UAAU,KAAK;IACb,cAAc,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;CACnD;AAoGD,QAAA,MAAM,YAAY,UAAW,KAAK,gBASjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/revision-home.js

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import { View, FlatList, Pressable, StyleSheet, Text } from 'react-native';
+import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 20
+        // paddingTop: HEADER_HEIGHT + 20,
+        // backgroundColor: theme.colors.white
+    },
+    title: {
+        // fontSize: theme.fontSize.xlarge,
+        // fontWeight: theme.fontWeight.bold,
+        lineHeight: 28
+        // color: theme.colors.text.primary,
+        // marginBottom: theme.spacing.base,
+        // marginTop: theme.spacing.small
+    },
+    subtitle: {
+    // fontSize: theme.fontSize.xlarge,
+    // color: theme.colors.text.primary,
+    // marginBottom: theme.spacing.tiny
+    },
+    text: {
+        fontSize: 16,
+        lineHeight: 22,
+        // color: theme.colors.text.primary,
+        opacity: 0.7
+        // marginBottom: theme.spacing.base
+    },
+    noSkillsImage: {
+        flex: 1,
+        alignSelf: 'center',
+        width: 320,
+        height: 300
+    },
+    skills: {},
+    skill: {
+        display: 'flex',
+        flexDirection: 'row',
+        overflow: 'hidden',
+        alignItems: 'center',
+        height: 118,
+        borderRadius: 8
+        // backgroundColor: theme.colors.gray.lighter,
+        // marginTop: theme.spacing.micro,
+        // marginBottom: theme.spacing.micro,
+        // padding: theme.spacing.base
+    },
+    skillTexts: {
+        flex: 1,
+        flexDirection: 'column'
+    },
+    skillTitle: {
+        fontSize: 18,
+        fontWeight: '600',
+        lineHeight: 22
+        // color: theme.colors.text.primary,
+        // marginBottom: theme.spacing.tiny
+    },
+    skillInfo: {
+        fontSize: 12,
+        lineHeight: 16
+        // color: theme.colors.gray.medium
+    },
+    extraSpace: {
+        height: 100
+    }
+});
+const onSelectSkill = (title) => () => {
+    console.log('pressed on', { title });
+};
+const ExtraSpace = () => <View style={styles.extraSpace}></View>;
+const Skill = ({ title, info }) => (<Pressable style={styles.skill} onPress={onSelectSkill(title)}>
+    <View style={styles.skillTexts}>
+      <Text style={styles.skillTitle}>{title}</Text>
+      <Text style={styles.skillInfo}>{info}</Text>
+    </View>
+    <ArrowRight color="#ededed" height={20} width={20}/>
+  </Pressable>);
+const renderSkill = ({ item: { title, info, isExtraSpace = false } }) => isExtraSpace ? <ExtraSpace /> : <Skill title={title} info={info}/>;
+const Skills = (props) => (<FlatList contentContainerStyle={styles.skills} data={props.skills} renderItem={renderSkill}/>);
+const NoSkills = () => (<>
+    {/* <Text style={styles.subtitle}>{translations.revision.home.noSkills}</Text>
+    <Text style={styles.text}>{translations.revision.home.noSkillsDetails}</Text>
+    <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} /> */}
+  </>);
+const RevisionHome = (props) => (<View style={styles.container}>
+    {/* <Text style={styles.title}>{translations.revision.home.title}</Text> */}
+    {!props.skillsToRevise || props.skillsToRevise.length === 0 ? (<NoSkills />) : (<Skills skills={[...props.skillsToRevise, { isExtraSpace: true }]}/>)}
+  </View>);
+export default RevisionHome;

package/dist/components/revision-home.stories.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=revision-home.stories.d.ts.map

package/dist/components/revision-home.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-home.stories.d.ts","sourceRoot":"","sources":["../../src/components/revision-home.stories.tsx"],"names":[],"mappings":""}

package/dist/components/revision-home.stories.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { storiesOf } from '@storybook/react-native';
+import RevisionHome from './revision-home';
+const emptySkills = [];
+const skillsToRevise = [
+    { title: 'Negotiation and powers of persuasion', info: '75 questions to revise' },
+    { title: 'Negotiation and powers of persuasion', info: '75 questions to revise' },
+    { title: 'Negotiation and powers of persuasion', info: '75 questions to revise' },
+    { title: 'Negotiation and powers of persuasion', info: '75 questions to revise' },
+    { title: 'Creativity and innovation', info: '75 questions to revise' }
+];
+storiesOf('RevisionHome', module)
+    .add('No skills', () => <RevisionHome skillsToRevise={emptySkills}/>)
+    .add('Few skills', () => <RevisionHome skillsToRevise={skillsToRevise}/>);

package/dist/components/revision-onboarding.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const RevisionOnboarding: () => JSX.Element;
+export default RevisionOnboarding;
+//# sourceMappingURL=revision-onboarding.d.ts.map

package/dist/components/revision-onboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-onboarding.d.ts","sourceRoot":"","sources":["../../src/components/revision-onboarding.tsx"],"names":[],"mappings":";AAkEA,QAAA,MAAM,kBAAkB,mBAevB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/revision-onboarding.js

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+// import theme from '../../../modules/theme';
+// import translations from '../../../translations';
+// import Button from '../../../app-shared/components/button';
+// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'space-between',
+        flex: 1,
+        padding: 20
+        // paddingTop: HEADER_HEIGHT + 20
+    },
+    title: {
+        height: 72,
+        width: 268,
+        // fontSize: theme.fontSize.xxlarge,
+        // fontWeight: theme.fontWeight.bold,
+        lineHeight: 36
+        // color: theme.colors.text.primary,
+        // marginBottom: theme.spacing.small
+    },
+    text: {
+        // fontSize: theme.fontSize.large,
+        // color: theme.colors.text.primary,
+        opacity: 0.7
+        // marginBottom: theme.spacing.small
+    },
+    tip: {
+        flexDirection: 'row',
+        overflow: 'hidden',
+        alignItems: 'center',
+        height: 54,
+        borderRadius: 8
+        // backgroundColor: theme.colors.gray.extra,
+        // marginTop: theme.spacing.micro,
+        // marginBottom: theme.spacing.micro
+    },
+    tipText: {
+    // fontSize: theme.fontSize.large,
+    // color: theme.colors.text.primary
+    },
+    icon: {
+        margin: 10
+    },
+    button: {
+        height: 52,
+        borderRadius: 7
+        // marginBottom: theme.spacing.large,
+        // marginTop: theme.spacing.large
+    }
+});
+const onButtonPress = () => { };
+const Tip = ({ Icon, text }) => (<View style={styles.tip}>
+    {/* <Icon height={16} width={16} style={styles.icon} color={theme.colors.text.primary} /> */}
+    <Text style={styles.tipText}>{text}</Text>
+  </View>);
+const RevisionOnboarding = () => (<View style={styles.container}>
+    {/* <Text style={styles.title}>{translations.revision.onboarding.title}</Text>
+    <Text style={styles.text}>{translations.revision.onboarding.intro1}</Text>
+    <Text style={styles.text}>{translations.revision.onboarding.intro2}</Text>
+
+    <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip1} />
+    <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip2} />
+    <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip3} />
+    <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip4} /> */}
+
+    {/* <Button style={styles.button} onPress={onButtonPress} testID={`button-quit-revision-onboarding`}>
+      {translations.revision.onboarding.validate}
+    </Button> */}
+  </View>);
+export default RevisionOnboarding;

package/dist/components/revision-quizzer.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare type _Choice_ = {
+    text?: string;
+    selected: boolean;
+};
+export declare type _Slide_ = {
+    category: string;
+    question: string;
+    instruction: string;
+    type: 'multiSelection' | 'singleSelection' | 'trueOrFalse';
+    choices?: _Choice_[];
+};
+interface Props {
+    slide: _Slide_;
+    num: number;
+}
+declare const RevisionQuizzer: ({ slide }: Props) => JSX.Element;
+export default RevisionQuizzer;
+//# sourceMappingURL=revision-quizzer.d.ts.map

package/dist/components/revision-quizzer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../src/components/revision-quizzer.tsx"],"names":[],"mappings":";AASA,oBAAY,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CAAC;IAC3D,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;CACtB,CAAC;AAEF,UAAU,KAAK;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AA2ID,QAAA,MAAM,eAAe,cAAa,KAAK,gBAStC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/revision-quizzer.js

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { View, StyleSheet, Text, useWindowDimensions } from 'react-native';
+const quizzerStyle = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 20,
+        // paddingTop: HEADER_HEIGHT + 20,      @todo with props
+        // backgroundColor: theme.colors.white, @todo with props
+        justifyContent: 'space-between',
+        alignItems: 'center'
+    }
+});
+const SLIDE_HEIGHT = () => useWindowDimensions().height * 0.75;
+const creatSlideStyle = (num) => StyleSheet.create({
+    slide: {
+        position: 'absolute',
+        // backgroundColor: theme.colors.white, @todo with props
+        top: useWindowDimensions().height / 2 - SLIDE_HEIGHT() / 2 - num * 4,
+        flex: 1,
+        height: SLIDE_HEIGHT(),
+        width: useWindowDimensions().width - 40 - num * 8,
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        padding: 25,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: -1 },
+        shadowOpacity: 0.05,
+        shadowRadius: 16,
+        elevation: 10 - num * 1,
+        borderRadius: 16
+    },
+    category: {
+        fontSize: 12,
+        lineHeight: 16,
+        // color: theme.colors.text.primary, @todo with props
+        // marginBottom: theme.spacing.tiny, @todo with props
+        // marginTop: theme.spacing.small,   @todo with props
+        textAlign: 'center'
+    },
+    question: {
+        fontSize: 16,
+        lineHeight: 22,
+        fontWeight: '700',
+        // color: theme.colors.text.primary, @todo with props
+        textAlign: 'center'
+    },
+    instruction: {
+        fontSize: 12,
+        lineHeight: 16,
+        // color: theme.colors.gray.medium,  @todo with props
+        // marginBottom: theme.spacing.base, @todo with props
+        // marginTop: theme.spacing.small,   @todo with props
+        textAlign: 'center'
+    },
+    button: {
+        width: 287,
+        height: 52,
+        borderRadius: 7
+        // marginTop: theme.spacing.base  @todo with props
+    }
+});
+const createOptionStyle = (selected) => {
+    // const brandTheme = React.useContext(BrandThemeContext); @todo with props
+    return StyleSheet.create({
+        box: {
+            width: '100%',
+            // https://stackoverflow.com/a/66561995/959219
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: -1 },
+            shadowOpacity: 0.2,
+            shadowRadius: 16,
+            elevation: 8,
+            // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props
+            padding: 12,
+            marginTop: 4,
+            marginBottom: 4,
+            borderRadius: 8
+        },
+        text: {
+            fontSize: 15,
+            fontWeight: 'bold',
+            lineHeight: 24,
+            // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props
+            textAlign: 'center'
+        }
+    });
+};
+const choicesStyle = StyleSheet.create({
+    container: {
+        flex: 1,
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center'
+    }
+});
+const onButtonPress = () => { };
+const Choices = ({ choices }) => (<View style={choicesStyle.container}>
+    {choices.map(({ text, selected = false }) => {
+        const optionStyle = createOptionStyle(selected);
+        return (<View style={optionStyle.box}>
+          <Text style={optionStyle.text}>
+            {text} {selected}
+          </Text>
+        </View>);
+    })}
+  </View>);
+const Slide = ({ slide, num }) => {
+    const slideStyle = creatSlideStyle(num);
+    return (<View style={slideStyle.slide}>
+      <Text style={slideStyle.category}>
+        {slide.category} {num}
+      </Text>
+      <Text style={slideStyle.question}>{slide.question}</Text>
+      <Text style={slideStyle.instruction}>{slide.instruction}</Text>
+
+      <Choices choices={slide.choices}/>
+
+      {/* <Button style={slideStyle.button} onPress={onButtonPress} testID={`button-quizzer-validate`}>
+          {translations.validate}
+        </Button> */}
+    </View>);
+};
+const RevisionQuizzer = ({ slide }) => {
+    const slides = [slide, slide, slide, slide, slide];
+    return (<View style={quizzerStyle.container}>
+      {slides.reverse().map((slide, index) => (<Slide slide={slide} num={slides.length - index}/>))}
+    </View>);
+};
+export default RevisionQuizzer;

package/dist/configure-store.d.ts

@@ -0,0 +1,2 @@
+export default function configureStore(services: any): any;
+//# sourceMappingURL=configure-store.d.ts.map

package/dist/configure-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure-store.d.ts","sourceRoot":"","sources":["../src/configure-store.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,QAAQ,KAAA,OAc9C"}

package/dist/configure-store.js

@@ -0,0 +1,18 @@
+import { applyMiddleware, compose, createStore } from 'redux';
+import thunk from 'redux-thunk';
+import { composeWithDevTools } from 'redux-devtools-extension';
+import * as actionCreators from './actions';
+import rootReducer from './reducers';
+const preloadedState = undefined;
+export default function configureStore(services) {
+    const _compose = process.env.NODE_ENV !== 'production' ? composeWithDevTools : compose;
+    const composeEnhancers = _compose({
+        actionCreators,
+        name: 'app-review',
+        trace: true,
+        traceLimit: 25
+    });
+    const composedEnhancer = composeEnhancers(applyMiddleware(thunk));
+    const store = createStore(rootReducer, preloadedState, composedEnhancer);
+    return store;
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const AppRevision: ({ services }: {
+    services: any;
+}) => JSX.Element;
+export default AppRevision;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAmFA,QAAA,MAAM,WAAW;;iBAehB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/index.js

@@ -0,0 +1,72 @@
+import React, { useEffect, useState } from 'react';
+import { Text, StyleSheet, Pressable, View, BackHandler } from 'react-native';
+import { connect, Provider } from 'react-redux';
+import configureStore from './configure-store';
+import { navigateTo, navigateBack } from './actions/navigation';
+import { getCurrentViewName } from './reducers/navigation';
+// -----------------------------------------------------------------------------
+const styles = StyleSheet.create({
+    rootView: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+    }
+});
+// -----------------------------------------------------------------------------
+const NavText = ({ viewName, navigateTo }) => {
+    console.log({ viewName });
+    switch (viewName) {
+        case 'home':
+            return (<Pressable onPress={() => {
+                    navigateTo('onboarding');
+                }}>
+          <Text>view home</Text>
+        </Pressable>);
+        case 'onboarding':
+            return (<Pressable onPress={() => navigateTo('quizzer')}>
+          <Text>view onboarding</Text>
+        </Pressable>);
+        case 'quizzer':
+            return (<Pressable onPress={() => navigateTo('home')}>
+          <Text>view quizzer</Text>
+        </Pressable>);
+        default:
+            return <Text>view (none selected)</Text>;
+    }
+};
+// -----------------------------------------------------------------------------
+const RootView = (props) => {
+    const backAction = () => {
+        props.navigateBack();
+        return true;
+    };
+    useEffect(() => {
+        // https://reactnative.dev/docs/backhandler
+        const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);
+        return () => backHandler.remove();
+    }, []);
+    return (<View style={styles.rootView}>
+      <NavText viewName={props.viewName} navigateTo={props.navigateTo}/>
+    </View>);
+};
+// -----------------------------------------------------------------------------
+const mapStateToProps = (state, ownProps) => {
+    return Object.assign(Object.assign({}, ownProps), { viewName: getCurrentViewName(state) });
+};
+const mapDispatchToProps = { navigateTo, navigateBack };
+const App = connect(mapStateToProps, mapDispatchToProps)(RootView);
+// -----------------------------------------------------------------------------
+const AppRevision = ({ services }) => {
+    const [store, setStore] = useState(null);
+    useEffect(() => {
+        const store = configureStore(services);
+        setStore(store);
+    }, []);
+    if (!store)
+        return null;
+    return (<Provider store={store}>
+      <App />
+    </Provider>);
+};
+// -----------------------------------------------------------------------------
+export default AppRevision;

package/dist/reducers/index.d.ts

@@ -0,0 +1,3 @@
+declare const rootReducer: any;
+export default rootReducer;
+//# sourceMappingURL=index.d.ts.map

package/dist/reducers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/reducers/index.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW,KAEf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/reducers/index.js

@@ -0,0 +1,6 @@
+import { combineReducers } from 'redux';
+import navigation from './navigation';
+const rootReducer = combineReducers({
+    navigation
+});
+export default rootReducer;

package/dist/reducers/navigation.d.ts

@@ -0,0 +1,7 @@
+import type { $NAVIGATE_TO, $NAVIGATE_BACK } from '../actions/navigation';
+export declare type State = Array<string>;
+export declare const initialState: State;
+declare const reducer: (state: State, action: $NAVIGATE_TO | $NAVIGATE_BACK) => State;
+export declare const getCurrentViewName: (appState: any) => any;
+export default reducer;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/reducers/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/reducers/navigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAExE,oBAAY,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAElC,eAAO,MAAM,YAAY,EAAE,KAAgB,CAAC;AAE5C,QAAA,MAAM,OAAO,yBAAyC,YAAY,GAAG,cAAc,UAalF,CAAC;AAEF,eAAO,MAAM,kBAAkB,wBAAkE,CAAC;AAClG,eAAe,OAAO,CAAC"}

package/dist/reducers/navigation.js

@@ -0,0 +1,18 @@
+import { NAVIGATE_BACK, NAVIGATE_TO } from '../actions/navigation';
+export const initialState = ['home'];
+const reducer = (state = initialState, action) => {
+    switch (action.type) {
+        case NAVIGATE_TO: {
+            return [...state, action.payload];
+        }
+        case NAVIGATE_BACK: {
+            const newState = [...state];
+            newState.pop();
+            return newState;
+        }
+        default:
+            return state;
+    }
+};
+export const getCurrentViewName = appState => appState.navigation[appState.navigation.length - 1];
+export default reducer;

package/package.json

@@ -1,27 +1,36 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
-  "main": "index.js",
+  "type": "module",
   "engines": {
-    "node": ">=12.22.12"
+    "node": ">=16.15.0"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "CoorpAcademy",
   "files": [
+    "dist",
     "src",
     "readme.md"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "dependencies": {
+    "react": "^18.1.0",
     "react-native": "^0.68.2",
     "react-redux": "^8.0.1",
     "redux": "^4.2.0"
   },
   "devDependencies": {
     "@storybook/react-native": "^5.3.25",
-    "redux-devtools-extension": "^2.13.9"
+    "redux-devtools-extension": "^2.13.9",
+    "typescript": "^4.6.4"
   },
-  "gitHead": "c28143fe08c0e290c3584806812e8158ef6f65f7"
+  "gitHead": "8a5b90c6adac34b4624830d4dcef9581ba51e493"
 }

package/readme.md

@@ -1 +1,5 @@
 # App Review
+
+tmp notes:
+
+export: <https://stackoverflow.com/a/70020984/959219>

package/src/actions/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+__exportStar(require("./navigation"), exports);

package/src/actions/navigation.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.navigateBack = exports.navigateTo = exports.NAVIGATE_BACK = exports.NAVIGATE_TO = void 0;
+exports.NAVIGATE_TO = '@@navigation/NAVIGATE_TO';
+exports.NAVIGATE_BACK = '@@navigation/NAVIGATE_BACK';
+var navigateTo = function (newPath) { return ({
+    type: exports.NAVIGATE_TO,
+    payload: newPath
+}); };
+exports.navigateTo = navigateTo;
+var navigateBack = function () { return ({
+    type: exports.NAVIGATE_BACK
+}); };
+exports.navigateBack = navigateBack;

package/src/configure-store.js

@@ -0,0 +1,21 @@
+"use strict";
+exports.__esModule = true;
+var redux_1 = require("redux");
+var redux_thunk_1 = require("redux-thunk");
+var redux_devtools_extension_1 = require("redux-devtools-extension");
+var actionCreators = require("./actions");
+var reducers_1 = require("./reducers");
+var preloadedState = undefined;
+function configureStore(services) {
+    var _compose = process.env.NODE_ENV !== 'production' ? redux_devtools_extension_1.composeWithDevTools : redux_1.compose;
+    var composeEnhancers = _compose({
+        actionCreators: actionCreators,
+        name: 'app-review',
+        trace: true,
+        traceLimit: 25
+    });
+    var composedEnhancer = composeEnhancers((0, redux_1.applyMiddleware)(redux_thunk_1["default"]));
+    var store = (0, redux_1.createStore)(reducers_1["default"], preloadedState, composedEnhancer);
+    return store;
+}
+exports["default"] = configureStore;

package/src/index.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var react_redux_1 = require("react-redux");
+var configure_store_1 = require("./configure-store");
+var navigation_1 = require("./actions/navigation");
+var navigation_2 = require("./reducers/navigation");
+// -----------------------------------------------------------------------------
+var styles = react_native_1.StyleSheet.create({
+    rootView: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+    }
+});
+// -----------------------------------------------------------------------------
+var NavText = function (_a) {
+    var viewName = _a.viewName, navigateTo = _a.navigateTo;
+    console.log({ viewName: viewName });
+    switch (viewName) {
+        case 'home':
+            return (<react_native_1.Pressable onPress={function () {
+                    navigateTo('onboarding');
+                }}>
+          <react_native_1.Text>view home</react_native_1.Text>
+        </react_native_1.Pressable>);
+        case 'onboarding':
+            return (<react_native_1.Pressable onPress={function () { return navigateTo('quizzer'); }}>
+          <react_native_1.Text>view onboarding</react_native_1.Text>
+        </react_native_1.Pressable>);
+        case 'quizzer':
+            return (<react_native_1.Pressable onPress={function () { return navigateTo('home'); }}>
+          <react_native_1.Text>view quizzer</react_native_1.Text>
+        </react_native_1.Pressable>);
+        default:
+            return <react_native_1.Text>view (none selected)</react_native_1.Text>;
+    }
+};
+// -----------------------------------------------------------------------------
+var RootView = function (props) {
+    var backAction = function () {
+        props.navigateBack();
+        return true;
+    };
+    (0, react_1.useEffect)(function () {
+        // https://reactnative.dev/docs/backhandler
+        var backHandler = react_native_1.BackHandler.addEventListener('hardwareBackPress', backAction);
+        return function () { return backHandler.remove(); };
+    }, []);
+    return (<react_native_1.View style={styles.rootView}>
+      <NavText viewName={props.viewName} navigateTo={props.navigateTo}/>
+    </react_native_1.View>);
+};
+// -----------------------------------------------------------------------------
+var mapStateToProps = function (state, ownProps) {
+    return __assign(__assign({}, ownProps), { viewName: (0, navigation_2.getCurrentViewName)(state) });
+};
+var mapDispatchToProps = { navigateTo: navigation_1.navigateTo, navigateBack: navigation_1.navigateBack };
+var App = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(RootView);
+// -----------------------------------------------------------------------------
+var AppRevision = function (_a) {
+    var services = _a.services;
+    var _b = (0, react_1.useState)(null), store = _b[0], setStore = _b[1];
+    (0, react_1.useEffect)(function () {
+        var store = (0, configure_store_1["default"])(services);
+        setStore(store);
+    }, []);
+    if (!store)
+        return null;
+    return (<react_redux_1.Provider store={store}>
+      <App />
+    </react_redux_1.Provider>);
+};
+// -----------------------------------------------------------------------------
+exports["default"] = AppRevision;

package/src/reducers/index.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+var redux_1 = require("redux");
+var navigation_1 = require("./navigation");
+var rootReducer = (0, redux_1.combineReducers)({
+    navigation: navigation_1["default"]
+});
+exports["default"] = rootReducer;

package/src/reducers/navigation.js

@@ -0,0 +1,32 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+exports.__esModule = true;
+exports.getCurrentViewName = exports.initialState = void 0;
+var navigation_1 = require("../actions/navigation");
+exports.initialState = ['home'];
+var reducer = function (state, action) {
+    if (state === void 0) { state = exports.initialState; }
+    switch (action.type) {
+        case navigation_1.NAVIGATE_TO: {
+            return __spreadArray(__spreadArray([], state, true), [action.payload], false);
+        }
+        case navigation_1.NAVIGATE_BACK: {
+            var newState = __spreadArray([], state, true);
+            newState.pop();
+            return newState;
+        }
+        default:
+            return state;
+    }
+};
+var getCurrentViewName = function (appState) { return appState.navigation[appState.navigation.length - 1]; };
+exports.getCurrentViewName = getCurrentViewName;
+exports["default"] = reducer;