@coorpacademy/app-review 0.0.7 → 0.0.9

package/es/src/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/es/src/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/es/src/components/__tmp-backup-vues-mobile/revision-home.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../../../src/components/__tmp-backup-vues-mobile/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/es/src/components/__tmp-backup-vues-mobile/revision-home.stories.d.ts.map

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

package/es/src/components/__tmp-backup-vues-mobile/revision-onboarding.d.ts.map

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

package/es/src/components/__tmp-backup-vues-mobile/revision-quizzer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../../../src/components/__tmp-backup-vues-mobile/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/es/src/components/root-view.d.ts

@@ -0,0 +1,6 @@
+declare const RootView: ({ viewName, navigateTo }: {
+    viewName: any;
+    navigateTo: any;
+}) => JSX.Element;
+export default RootView;
+//# sourceMappingURL=root-view.d.ts.map

package/es/src/components/root-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-view.d.ts","sourceRoot":"","sources":["../../../src/components/root-view.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,QAAQ;;;iBAWb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/es/src/components/root-view.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import styles from './root-view.modules.css';
+// -----------------------------------------------------------------------------
+const Button = (props) => React.createElement("p", { ...props, className: styles.textButton });
+// -----------------------------------------------------------------------------
+const RootView = ({ viewName, navigateTo }) => {
+    switch (viewName) {
+        case 'home':
+            return React.createElement(Button, { onClick: () => navigateTo('onboarding') }, "view home");
+        case 'onboarding':
+            return React.createElement(Button, { onClick: () => navigateTo('quizzer') }, "view onboarding");
+        case 'quizzer':
+            return React.createElement(Button, { onClick: () => navigateTo('home') }, "view quizzer");
+        default:
+            return React.createElement(Button, null, "view (none selected)");
+    }
+};
+// -----------------------------------------------------------------------------
+export default RootView;

package/es/src/components/root-view.native.d.ts

@@ -0,0 +1,3 @@
+declare const RootView: (props: any) => JSX.Element;
+export default RootView;
+//# sourceMappingURL=root-view.native.d.ts.map

package/es/src/components/root-view.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-view.native.d.ts","sourceRoot":"","sources":["../../../src/components/root-view.native.tsx"],"names":[],"mappings":"AA8CA,QAAA,MAAM,QAAQ,6BAkBb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/{dist/index.js → es/src/components/root-view.native.js}

@@ -1,9 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } 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: {
@@ -14,7 +10,6 @@ const styles = StyleSheet.create({
 });
 // -----------------------------------------------------------------------------
 const NavText = ({ viewName, navigateTo }) => {
-    console.log({ viewName });
     switch (viewName) {
         case 'home':
             return (React.createElement(Pressable, { onPress: () => {
@@ -46,22 +41,4 @@ const RootView = (props) => {
         React.createElement(NavText, { viewName: props.viewName, navigateTo: props.navigateTo })));
 };
 // -----------------------------------------------------------------------------
-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 (React.createElement(Provider, { store: store },
-        React.createElement(App, null)));
-};
-// -----------------------------------------------------------------------------
-export default AppRevision;
+export default RootView;

package/es/src/configure-store.d.ts.map

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

package/es/src/configure-store.js

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

package/es/src/index.d.ts.map

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

package/es/src/index.js

@@ -0,0 +1,26 @@
+import React, { useEffect, useState } from 'react';
+import { connect, Provider } from 'react-redux';
+import configureStore from './configure-store';
+import { navigateTo, navigateBack } from './actions/navigation';
+import { getCurrentViewName } from './reducers/navigation';
+import RootView from './components/root-view';
+// -----------------------------------------------------------------------------
+const mapStateToProps = (state, ownProps) => {
+    return { ...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 (React.createElement(Provider, { store: store },
+        React.createElement(App, null)));
+};
+// -----------------------------------------------------------------------------
+export default AppRevision;

package/es/src/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;;8BAEf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/es/src/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/lib/src/actions/index.d.ts

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

package/lib/src/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/lib/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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./navigation"), exports);

package/lib/src/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/lib/src/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/lib/src/actions/navigation.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: 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/lib/src/components/__tmp-backup-vues-mobile/revision-home.d.ts

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

package/lib/src/components/__tmp-backup-vues-mobile/revision-home.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-home.d.ts","sourceRoot":"","sources":["../../../../src/components/__tmp-backup-vues-mobile/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/lib/src/components/__tmp-backup-vues-mobile/revision-home.js

@@ -0,0 +1,100 @@
+"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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var react_native_1 = require("react-native");
+var nova_icons_1 = require("@coorpacademy/nova-icons");
+var styles = react_native_1.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
+    }
+});
+var onSelectSkill = function (title) { return function () {
+    console.log('pressed on', { title: title });
+}; };
+var ExtraSpace = function () { return React.createElement(react_native_1.View, { style: styles.extraSpace }); };
+var Skill = function (_a) {
+    var title = _a.title, info = _a.info;
+    return (React.createElement(react_native_1.Pressable, { style: styles.skill, onPress: onSelectSkill(title) },
+        React.createElement(react_native_1.View, { style: styles.skillTexts },
+            React.createElement(react_native_1.Text, { style: styles.skillTitle }, title),
+            React.createElement(react_native_1.Text, { style: styles.skillInfo }, info)),
+        React.createElement(nova_icons_1.NovaCompositionNavigationArrowRight, { color: "#ededed", height: 20, width: 20 })));
+};
+var renderSkill = function (_a) {
+    var _b = _a.item, title = _b.title, info = _b.info, _c = _b.isExtraSpace, isExtraSpace = _c === void 0 ? false : _c;
+    return isExtraSpace ? React.createElement(ExtraSpace, null) : React.createElement(Skill, { title: title, info: info });
+};
+var Skills = function (props) { return (React.createElement(react_native_1.FlatList, { contentContainerStyle: styles.skills, data: props.skills, renderItem: renderSkill })); };
+var NoSkills = function () { return (React.createElement(React.Fragment, null)); };
+var RevisionHome = function (props) { return (React.createElement(react_native_1.View, { style: styles.container }, !props.skillsToRevise || props.skillsToRevise.length === 0 ? (React.createElement(NoSkills, null)) : (React.createElement(Skills, { skills: __spreadArray(__spreadArray([], props.skillsToRevise, true), [{ isExtraSpace: true }], false) })))); };
+exports.default = RevisionHome;

package/lib/src/components/__tmp-backup-vues-mobile/revision-home.stories.d.ts

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

package/lib/src/components/__tmp-backup-vues-mobile/revision-home.stories.d.ts.map

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

package/lib/src/components/__tmp-backup-vues-mobile/revision-home.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var react_native_1 = require("@storybook/react-native");
+var revision_home_1 = require("./revision-home");
+var emptySkills = [];
+var 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' }
+];
+(0, react_native_1.storiesOf)('RevisionHome', module)
+    .add('No skills', function () { return React.createElement(revision_home_1.default, { skillsToRevise: emptySkills }); })
+    .add('Few skills', function () { return React.createElement(revision_home_1.default, { skillsToRevise: skillsToRevise }); });

package/lib/src/components/__tmp-backup-vues-mobile/revision-onboarding.d.ts

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

package/lib/src/components/__tmp-backup-vues-mobile/revision-onboarding.d.ts.map

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

package/lib/src/components/__tmp-backup-vues-mobile/revision-onboarding.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var react_native_1 = require("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';
+var styles = react_native_1.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
+    }
+});
+var onButtonPress = function () { };
+var Tip = function (_a) {
+    var Icon = _a.Icon, text = _a.text;
+    return (React.createElement(react_native_1.View, { style: styles.tip },
+        React.createElement(react_native_1.Text, { style: styles.tipText }, text)));
+};
+var RevisionOnboarding = function () { return (React.createElement(react_native_1.View, { style: styles.container })); };
+exports.default = RevisionOnboarding;

package/lib/src/components/__tmp-backup-vues-mobile/revision-quizzer.d.ts

@@ -0,0 +1,18 @@
+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/lib/src/components/__tmp-backup-vues-mobile/revision-quizzer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revision-quizzer.d.ts","sourceRoot":"","sources":["../../../../src/components/__tmp-backup-vues-mobile/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/lib/src/components/__tmp-backup-vues-mobile/revision-quizzer.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var react_native_1 = require("react-native");
+var quizzerStyle = react_native_1.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'
+    }
+});
+var SLIDE_HEIGHT = function () { return (0, react_native_1.useWindowDimensions)().height * 0.75; };
+var creatSlideStyle = function (num) {
+    return react_native_1.StyleSheet.create({
+        slide: {
+            position: 'absolute',
+            // backgroundColor: theme.colors.white, @todo with props
+            top: (0, react_native_1.useWindowDimensions)().height / 2 - SLIDE_HEIGHT() / 2 - num * 4,
+            flex: 1,
+            height: SLIDE_HEIGHT(),
+            width: (0, react_native_1.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
+        }
+    });
+};
+var createOptionStyle = function (selected) {
+    // const brandTheme = React.useContext(BrandThemeContext); @todo with props
+    return react_native_1.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'
+        }
+    });
+};
+var choicesStyle = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center'
+    }
+});
+var onButtonPress = function () { };
+var Choices = function (_a) {
+    var choices = _a.choices;
+    return (React.createElement(react_native_1.View, { style: choicesStyle.container }, choices.map(function (_a) {
+        var text = _a.text, _b = _a.selected, selected = _b === void 0 ? false : _b;
+        var optionStyle = createOptionStyle(selected);
+        return (React.createElement(react_native_1.View, { style: optionStyle.box },
+            React.createElement(react_native_1.Text, { style: optionStyle.text },
+                text,
+                " ",
+                selected)));
+    })));
+};
+var Slide = function (_a) {
+    var slide = _a.slide, num = _a.num;
+    var slideStyle = creatSlideStyle(num);
+    return (React.createElement(react_native_1.View, { style: slideStyle.slide },
+        React.createElement(react_native_1.Text, { style: slideStyle.category },
+            slide.category,
+            " ",
+            num),
+        React.createElement(react_native_1.Text, { style: slideStyle.question }, slide.question),
+        React.createElement(react_native_1.Text, { style: slideStyle.instruction }, slide.instruction),
+        React.createElement(Choices, { choices: slide.choices })));
+};
+var RevisionQuizzer = function (_a) {
+    var slide = _a.slide;
+    var slides = [slide, slide, slide, slide, slide];
+    return (React.createElement(react_native_1.View, { style: quizzerStyle.container }, slides.reverse().map(function (slide, index) { return (React.createElement(Slide, { slide: slide, num: slides.length - index })); })));
+};
+exports.default = RevisionQuizzer;

package/lib/src/components/root-view.d.ts

@@ -0,0 +1,6 @@
+declare const RootView: ({ viewName, navigateTo }: {
+    viewName: any;
+    navigateTo: any;
+}) => JSX.Element;
+export default RootView;
+//# sourceMappingURL=root-view.d.ts.map

package/lib/src/components/root-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-view.d.ts","sourceRoot":"","sources":["../../../src/components/root-view.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,QAAQ;;;iBAWb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/lib/src/components/root-view.js

@@ -0,0 +1,33 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var root_view_modules_css_1 = require("./root-view.modules.css");
+// -----------------------------------------------------------------------------
+var Button = function (props) { return react_1.default.createElement("p", __assign({}, props, { className: root_view_modules_css_1.default.textButton })); };
+// -----------------------------------------------------------------------------
+var RootView = function (_a) {
+    var viewName = _a.viewName, navigateTo = _a.navigateTo;
+    switch (viewName) {
+        case 'home':
+            return react_1.default.createElement(Button, { onClick: function () { return navigateTo('onboarding'); } }, "view home");
+        case 'onboarding':
+            return react_1.default.createElement(Button, { onClick: function () { return navigateTo('quizzer'); } }, "view onboarding");
+        case 'quizzer':
+            return react_1.default.createElement(Button, { onClick: function () { return navigateTo('home'); } }, "view quizzer");
+        default:
+            return react_1.default.createElement(Button, null, "view (none selected)");
+    }
+};
+// -----------------------------------------------------------------------------
+exports.default = RootView;

package/lib/src/components/root-view.native.d.ts

@@ -0,0 +1,3 @@
+declare const RootView: (props: any) => JSX.Element;
+export default RootView;
+//# sourceMappingURL=root-view.native.d.ts.map