@hedia/recommendation-screen 2.1.3-beta.6 → 2.1.3

package/src/RecommendationScreen.js

@@ -1,62 +1,38 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const Constants_1 = require("./utils/Constants");
-const Header_1 = __importDefault(require("./components/Header"));
-const InfoBars_1 = __importStar(require("./components/InfoBars"));
-const RecentInsulin_1 = __importDefault(require("./components/RecentInsulin"));
-const RecommendedCarbs_1 = __importDefault(require("./components/RecommendedCarbs"));
-const RecommendedInsulin_1 = __importDefault(require("./components/RecommendedInsulin"));
-const Remeasure_1 = __importDefault(require("./components/Remeasure"));
-const Calculator = __importStar(require("@hedia/recommendation-calculator"));
-const types_1 = require("@hedia/types");
-const react_2 = require("@lingui/react");
-const Emotion_1 = __importDefault(require("./components/mood/Emotion"));
-const TransferToLogbook_1 = __importDefault(require("./components/TransferToLogbook"));
-const macro_1 = require("@lingui/macro");
-const Activity_1 = __importDefault(require("./components/activity/Activity"));
-const LimitationMessage_1 = __importDefault(require("./components/LimitationMessage"));
-const RecommendationModal_1 = __importDefault(require("./components/RecommendationModal"));
-const TwoOptionModal_1 = __importStar(require("./components/TwoOptionModal"));
-const i18nUtils_1 = require("./locale/i18nUtils");
-const enum_1 = require("./types/enum");
-const AttentionMessages_1 = require("./utils/AttentionMessages");
-const RecommendationUtils_1 = require("./utils/RecommendationUtils");
-const Utils_1 = require("./utils/Utils");
-const Validations_1 = require("./utils/Validations");
+import React from "react";
+import { AppState, ScrollView, StyleSheet, View, YellowBox } from "react-native";
+import { BACKGROUND_COLOUR_PURPLE, BORDER_COLOUR_GREY, BORDER_COLOUR_TEAL } from "./utils/Constants";
+import Header from "./components/Header";
+import InfoBars, { infoStyles } from "./components/InfoBars";
+import RecentInsulin from "./components/RecentInsulin";
+import RecommendedCarbs from "./components/RecommendedCarbs";
+import RecommendedInsulin from "./components/RecommendedInsulin";
+import Remeasure from "./components/Remeasure";
+import * as Calculator from "@hedia/recommendation-calculator";
+import { Milliseconds } from "@hedia/types";
+import { I18nProvider } from "@lingui/react";
+import Emotion from "./components/mood/Emotion";
+import TransferToLogbook from "./components/TransferToLogbook";
+import { t } from "@lingui/macro";
+import Activity from "./components/activity/Activity";
+import LimitationMessage from "./components/LimitationMessage";
+import RecommendationModal from "./components/RecommendationModal";
+import TwoOptionModal, { modalStyle } from "./components/TwoOptionModal";
+import { changeLanguage, i18n } from "./locale/i18nUtils";
+import { InfoBarTestIds } from "./types/enum";
+import { Messages } from "./utils/AttentionMessages";
+import { getAttentionMessage, getBGLevel, getLimitationMessage, getReminder } from "./utils/RecommendationUtils";
+import { Utils } from "./utils/Utils";
+import { validateParams } from "./utils/Validations";
 // Ignoring long timer warnings
 // https://github.com/facebook/react-native/issues/12981#issuecomment-652745831
-react_native_1.YellowBox.ignoreWarnings([`Setting a timer`]);
-class RecommendationScreen extends react_1.default.Component {
+YellowBox.ignoreWarnings([`Setting a timer`]);
+export default class RecommendationScreen extends React.Component {
     constructor(props) {
         super(props);
         this.hasError = false;
         this.handleAppStateChange = (nextAppState) => {
             const time = this.recommendationDate.getTime();
-            const isOlderThan15Minutes = global.Date.now() - time > types_1.Milliseconds.Minute * 15;
+            const isOlderThan15Minutes = global.Date.now() - time > Milliseconds.Minute * 15;
             if (nextAppState === `active` && isOlderThan15Minutes) {
                 this.showTimeoutModal();
             }
@@ -67,7 +43,7 @@ class RecommendationScreen extends react_1.default.Component {
         this.recalculateInsulin = (calculatorParams) => {
             const { bolus, wasLimited, activityReduction } = Calculator.calculateRecommendation(calculatorParams);
             this.setState({
-                insulinRecommendation: Utils_1.Utils.roundValue(bolus, this.props.injectionMethod),
+                insulinRecommendation: Utils.roundValue(bolus, this.props.injectionMethod),
                 enteredInsulin: null,
                 wasLimited,
                 activityReduction,
@@ -146,30 +122,30 @@ class RecommendationScreen extends react_1.default.Component {
         this.getBGLevelAttentionMessage = () => {
             const { calculatorParams, latestLogbookFrom6Hours } = this.props;
             const { currentBGL, activity } = calculatorParams;
-            const bgLevel = RecommendationUtils_1.getBGLevel(currentBGL, latestLogbookFrom6Hours);
-            return RecommendationUtils_1.getAttentionMessage(bgLevel, activity);
+            const bgLevel = getBGLevel(currentBGL, latestLogbookFrom6Hours);
+            return getAttentionMessage(bgLevel, activity);
         };
         this.getBGLevelRemeasurementReminder = () => {
             const { calculatorParams, userReminder, latestLogbookFrom6Hours } = this.props;
             const { currentBGL, activity, carbohydrates } = calculatorParams;
-            const bgLevel = RecommendationUtils_1.getBGLevel(currentBGL, latestLogbookFrom6Hours);
-            return RecommendationUtils_1.getReminder(bgLevel, carbohydrates, userReminder, activity);
+            const bgLevel = getBGLevel(currentBGL, latestLogbookFrom6Hours);
+            return getReminder(bgLevel, carbohydrates, userReminder, activity);
         };
         this.getLimitationAttentionMessage = () => {
             const { wasLimited, activityReduction } = this.state;
-            return RecommendationUtils_1.getLimitationMessage(wasLimited, activityReduction);
+            return getLimitationMessage(wasLimited, activityReduction);
         };
         try {
-            Validations_1.validateParams(props);
+            validateParams(props);
             this.recommendationDate = new Date(global.Date.now());
-            i18nUtils_1.changeLanguage(props.language);
+            changeLanguage(props.language);
             const { recentBoluses } = props.calculatorParams;
             const { bolus, carbRecommendation, activityReduction, wasLimited, activeInsulin, } = Calculator.calculateRecommendation(props.calculatorParams);
             this.suggestedCarbs = carbRecommendation;
             this.state = {
                 remeasureTime: this.getBGLevelRemeasurementReminder(),
                 isRecommendationDisplayed: recentBoluses?.length !== 0,
-                insulinRecommendation: Utils_1.Utils.roundValue(bolus, props.injectionMethod),
+                insulinRecommendation: Utils.roundValue(bolus, props.injectionMethod),
                 wasLimited,
                 activityReduction,
                 carbRecommendation,
@@ -182,7 +158,7 @@ class RecommendationScreen extends react_1.default.Component {
                 showLimitationMessage: false,
                 showTimeoutModal: false,
             };
-            this.timer = setTimeout(this.showTimeoutModal, types_1.Milliseconds.Minute * 15);
+            this.timer = setTimeout(this.showTimeoutModal, Milliseconds.Minute * 15);
         }
         catch (error) {
             this.hasError = true;
@@ -190,69 +166,68 @@ class RecommendationScreen extends react_1.default.Component {
         }
     }
     componentDidMount() {
-        react_native_1.AppState.addEventListener(`change`, this.handleAppStateChange);
+        AppState.addEventListener(`change`, this.handleAppStateChange);
     }
     componentWillUnmount() {
         if (this.timer !== undefined) {
             clearTimeout(this.timer);
         }
-        react_native_1.AppState.removeEventListener(`change`, this.handleAppStateChange);
+        AppState.removeEventListener(`change`, this.handleAppStateChange);
     }
     render() {
         if (this.hasError) {
-            return <react_native_1.View style={containerStyles.container}/>;
+            return <View style={containerStyles.container}/>;
         }
         const { activeInsulin, recommendationModal, carbRecommendation: carbRecommendationProp, enteredCarbs, enteredInsulin, insulinRecommendation, activityReduction, isRecommendationDisplayed, } = this.state;
-        const { BloodGlucose: BGValueTestID, BloodKetone: BKValueTestID, ActiveInsulin: ActiveInsulinValueTestID, } = enum_1.InfoBarTestIds.Value;
-        const { ActiveInsulin: ActiveInsulinUnitTestID, BloodGlucose: BGUnitTestID, BloodKetone: BKUnitTestID, } = enum_1.InfoBarTestIds.Unit;
+        const { BloodGlucose: BGValueTestID, BloodKetone: BKValueTestID, ActiveInsulin: ActiveInsulinValueTestID, } = InfoBarTestIds.Value;
+        const { ActiveInsulin: ActiveInsulinUnitTestID, BloodGlucose: BGUnitTestID, BloodKetone: BKUnitTestID, } = InfoBarTestIds.Unit;
         const carbRecommendation = carbRecommendationProp !== null ? Math.round(carbRecommendationProp) : null;
         const recommendedCarbs = enteredCarbs ?? carbRecommendation;
         const { calculatorParams, bloodGlucoseUnit, currentBKL, bloodKetoneUnit } = this.props;
         const { currentBGL, carbohydrates: providedCarbs } = calculatorParams;
-        const displayedBGL = currentBGL ? Utils_1.Utils.displayedBGLValue(currentBGL, bloodGlucoseUnit) : null;
-        const displayedBKL = currentBKL !== null && bloodKetoneUnit ? Utils_1.Utils.displayedBKLValue(currentBKL, bloodKetoneUnit) : null;
-        return (<react_2.I18nProvider language={this.props.language} i18n={i18nUtils_1.i18n}>
-				<react_native_1.ScrollView style={containerStyles.container} ref={(view) => {
+        const displayedBGL = currentBGL ? Utils.displayedBGLValue(currentBGL, bloodGlucoseUnit) : null;
+        const displayedBKL = currentBKL !== null && bloodKetoneUnit ? Utils.displayedBKLValue(currentBKL, bloodKetoneUnit) : null;
+        return (<I18nProvider language={this.props.language} i18n={i18n}>
+				<ScrollView style={containerStyles.container} ref={(view) => {
             if (view !== null) {
                 this.scrollView = view;
             }
         }}>
-					<Header_1.default exitCallback={this.onExit}/>
-					<InfoBars_1.default label={i18nUtils_1.i18n._(macro_1.t `Active Insulin`)} value={activeInsulin ? `${activeInsulin.toFixed(1)}` : null} unit={i18nUtils_1.i18n._(macro_1.t `units`)} showNullAsDash={false} testID={{ unitID: ActiveInsulinUnitTestID, valueID: ActiveInsulinValueTestID }}/>
-					<InfoBars_1.default label={i18nUtils_1.i18n._(macro_1.t `Blood Glucose Level`)} value={displayedBGL} unit={this.props.bloodGlucoseUnit} showNullAsDash={true} testID={{ unitID: BGUnitTestID, valueID: BGValueTestID }}/>
-					<InfoBars_1.default label={i18nUtils_1.i18n._(macro_1.t `Blood Ketone Level`)} value={displayedBKL} unit={this.props.bloodKetoneUnit} showNullAsDash={true} testID={{ unitID: BKUnitTestID, valueID: BKValueTestID }}/>
-					<react_native_1.View style={containerStyles.calcContainer}>
-						<react_native_1.View style={containerStyles.calcMargin}>
-							<react_native_1.View style={[
+					<Header exitCallback={this.onExit}/>
+					<InfoBars label={i18n._(t `Active Insulin`)} value={activeInsulin ? `${activeInsulin.toFixed(1)}` : null} unit={i18n._(t `units`)} showNullAsDash={false} testID={{ unitID: ActiveInsulinUnitTestID, valueID: ActiveInsulinValueTestID }}/>
+					<InfoBars label={i18n._(t `Blood Glucose Level`)} value={displayedBGL} unit={this.props.bloodGlucoseUnit} showNullAsDash={true} testID={{ unitID: BGUnitTestID, valueID: BGValueTestID }}/>
+					<InfoBars label={i18n._(t `Blood Ketone Level`)} value={displayedBKL} unit={this.props.bloodKetoneUnit} showNullAsDash={true} testID={{ unitID: BKUnitTestID, valueID: BKValueTestID }}/>
+					<View style={containerStyles.calcContainer}>
+						<View style={containerStyles.calcMargin}>
+							<View style={[
             containerStyles.calcBorder,
             {
-                borderColor: recommendedCarbs ? Constants_1.BORDER_COLOUR_TEAL : Constants_1.BORDER_COLOUR_GREY,
+                borderColor: recommendedCarbs ? BORDER_COLOUR_TEAL : BORDER_COLOUR_GREY,
             },
         ]}>
-								<RecommendedCarbs_1.default enteredCarbs={`${providedCarbs}`} changedRecommendedCarbs={this.updateCarbRecommendation} recommendedCarbs={`${recommendedCarbs}`} removeRecommendedCarbs={this.removeCarbRecommendation}/>
-							</react_native_1.View>
-						</react_native_1.View>
-					</react_native_1.View>
-					{this.props.calculatorParams.activity && this.props.activityDisplayProps ? (<Activity_1.default activity={this.props.calculatorParams.activity} activityType={this.props.activityDisplayProps.activityType} activityTitle={this.props.activityDisplayProps.activityTitle} activityReduction={this.state.activityReduction}/>) : null}
-					<Remeasure_1.default onSliderChange={this.updateRemeasureTime} remeasureTime={this.state.remeasureTime}/>
-					{!this.state.isRecommendationDisplayed ? (<RecentInsulin_1.default onRecentInsulinYes={this.props.onRecentInsulinYes} onRecentInsulinNo={this.handleNoRecentInsulin}/>) : (<RecommendedInsulin_1.default injectionMethod={this.props.injectionMethod} insulinRecommendation={insulinRecommendation} enteredInsulin={enteredInsulin} activityReduction={activityReduction} updateRecommendedInsulin={this.updateInsulinRecommendation}/>)}
-					<Emotion_1.default moodSelected={this.handleMoodSelected} currentMood={this.state.selectedMood}/>
-					<TransferToLogbook_1.default visible={isRecommendationDisplayed} transfer={this.handleTransfer}/>
-					<RecommendationModal_1.default isVisible={recommendationModal} suggestedCarbohydrates={carbRecommendationProp} attentionMessage={this.getBGLevelAttentionMessage()} limitationMessage={this.getLimitationAttentionMessage()} onClickOkButton={this.hideAttentionModal} onAcceptCarbohydrates={this.acceptCarbRecommendation} onDeclineCarbohydrates={this.declineCarbRecommendation}/>
-				</react_native_1.ScrollView>
-				{this.state.showExitModal ? (<TwoOptionModal_1.default title={i18nUtils_1.i18n._(macro_1.t `Save data before closing?`)} message={i18nUtils_1.i18n._(macro_1.t `Your saved data will be used for future calculations.`)} textFirstOption={i18nUtils_1.i18n._(macro_1.t `Save to logbook`)} textSecondOption={i18nUtils_1.i18n._(macro_1.t `Close calculation`)} isCancelable={true} rowAsButtonLayout={true} firstOption={this.handleTransfer} secondOption={this.closeCalculation} onClose={this.hideExitModal}/>) : null}
-				{this.state.showLimitationMessage ? (<react_native_1.View style={TwoOptionModal_1.modalStyle.container}>
-						<LimitationMessage_1.default limitationMessage={this.getLimitationAttentionMessage()} onPressNextButton={this.hideLimitationMessage}/>
-					</react_native_1.View>) : null}
-				{this.state.showTimeoutModal ? (this.state.isRecommendationDisplayed ? (<TwoOptionModal_1.default title={AttentionMessages_1.Messages.TimeoutPrompTitle()} message={AttentionMessages_1.Messages.TimeoutRecommendationVisible(this.recommendationDate)} textFirstOption={i18nUtils_1.i18n._(macro_1.t `Yes, save to logbook`)} textSecondOption={i18nUtils_1.i18n._(macro_1.t `No, return to dashboard`)} rowAsButtonLayout={false} firstOption={this.handleTransfer} secondOption={this.closeCalculation}/>) : (<TwoOptionModal_1.default title={AttentionMessages_1.Messages.TimeoutPrompTitle()} message={AttentionMessages_1.Messages.TimeoutRecommendationNotVisible()} textFirstOption={i18nUtils_1.i18n._(macro_1.t `Start new calculation`)} textSecondOption={i18nUtils_1.i18n._(macro_1.t `Return to dashboard`)} rowAsButtonLayout={false} firstOption={this.restartCalculation} secondOption={this.closeCalculation}/>)) : null}
-			</react_2.I18nProvider>);
+								<RecommendedCarbs enteredCarbs={`${providedCarbs}`} changedRecommendedCarbs={this.updateCarbRecommendation} recommendedCarbs={`${recommendedCarbs}`} removeRecommendedCarbs={this.removeCarbRecommendation}/>
+							</View>
+						</View>
+					</View>
+					{this.props.calculatorParams.activity && this.props.activityDisplayProps ? (<Activity activity={this.props.calculatorParams.activity} activityType={this.props.activityDisplayProps.activityType} activityTitle={this.props.activityDisplayProps.activityTitle} activityReduction={this.state.activityReduction}/>) : null}
+					<Remeasure onSliderChange={this.updateRemeasureTime} remeasureTime={this.state.remeasureTime}/>
+					{!this.state.isRecommendationDisplayed ? (<RecentInsulin onRecentInsulinYes={this.props.onRecentInsulinYes} onRecentInsulinNo={this.handleNoRecentInsulin}/>) : (<RecommendedInsulin injectionMethod={this.props.injectionMethod} insulinRecommendation={insulinRecommendation} enteredInsulin={enteredInsulin} activityReduction={activityReduction} updateRecommendedInsulin={this.updateInsulinRecommendation}/>)}
+					<Emotion moodSelected={this.handleMoodSelected} currentMood={this.state.selectedMood}/>
+					<TransferToLogbook visible={isRecommendationDisplayed} transfer={this.handleTransfer}/>
+					<RecommendationModal isVisible={recommendationModal} suggestedCarbohydrates={carbRecommendationProp} attentionMessage={this.getBGLevelAttentionMessage()} limitationMessage={this.getLimitationAttentionMessage()} onClickOkButton={this.hideAttentionModal} onAcceptCarbohydrates={this.acceptCarbRecommendation} onDeclineCarbohydrates={this.declineCarbRecommendation}/>
+				</ScrollView>
+				{this.state.showExitModal ? (<TwoOptionModal title={i18n._(t `Save data before closing?`)} message={i18n._(t `Your saved data will be used for future calculations.`)} textFirstOption={i18n._(t `Save to logbook`)} textSecondOption={i18n._(t `Close calculation`)} isCancelable={true} rowAsButtonLayout={true} firstOption={this.handleTransfer} secondOption={this.closeCalculation} onClose={this.hideExitModal}/>) : null}
+				{this.state.showLimitationMessage ? (<View style={modalStyle.container}>
+						<LimitationMessage limitationMessage={this.getLimitationAttentionMessage()} onPressNextButton={this.hideLimitationMessage}/>
+					</View>) : null}
+				{this.state.showTimeoutModal ? (this.state.isRecommendationDisplayed ? (<TwoOptionModal title={Messages.TimeoutPrompTitle()} message={Messages.TimeoutRecommendationVisible(this.recommendationDate)} textFirstOption={i18n._(t `Yes, save to logbook`)} textSecondOption={i18n._(t `No, return to dashboard`)} rowAsButtonLayout={false} firstOption={this.handleTransfer} secondOption={this.closeCalculation}/>) : (<TwoOptionModal title={Messages.TimeoutPrompTitle()} message={Messages.TimeoutRecommendationNotVisible()} textFirstOption={i18n._(t `Start new calculation`)} textSecondOption={i18n._(t `Return to dashboard`)} rowAsButtonLayout={false} firstOption={this.restartCalculation} secondOption={this.closeCalculation}/>)) : null}
+			</I18nProvider>);
     }
 }
-exports.default = RecommendationScreen;
-const containerStyles = react_native_1.StyleSheet.create({
+const containerStyles = StyleSheet.create({
     container: {
         flex: 1,
-        backgroundColor: Constants_1.BACKGROUND_COLOUR_PURPLE,
+        backgroundColor: BACKGROUND_COLOUR_PURPLE,
     },
     calcContainer: {
         flex: 1,
@@ -263,7 +238,7 @@ const containerStyles = react_native_1.StyleSheet.create({
         margin: `3%`,
     },
     calcBorder: {
-        ...InfoBars_1.infoStyles.border,
-        borderColor: Constants_1.BORDER_COLOUR_TEAL,
+        ...infoStyles.border,
+        borderColor: BORDER_COLOUR_TEAL,
     },
 });