@hedia/recommendation-screen 2.2.0-alpha.42 → 2.2.0-alpha.43

package/dist/index.js

@@ -3,3 +3,4 @@ import * as Errors from "./src/utils/RecommendationError";
 export default RecommendationScreen;
 export { Errors };
 export * from "./src/types/enum";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,MAAM,MAAM,iCAAiC,CAAC;AAE1D,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,cAAc,kBAAkB,CAAC"}

package/dist/src/RecommendationScreen.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { AppStateStatus } from "react-native";
 import { BloodGlucoseUnit, BloodKetonesUnit, BolusCalculator, Languages, Logbook, UserSettings } from "@hedia/types";
-import { RecommendationError } from "./utils/RecommendationError";
 import { IActivityDisplayProps } from "./types/types";
+import { RecommendationError } from "./utils/RecommendationError";
 /** Represents both a suggestion by HDA and an actual amount of either insulin or carbohydrates. */
 export interface IResult {
     /** The suggested amount (of insulin in units or carbohydrates in grams) */
@@ -14,7 +14,7 @@ export interface IRecommendationProps {
     /** The blood glucose measurement unit that the user prefers. */
     bloodGlucoseUnit: BloodGlucoseUnit;
     /** The user’s preferred language. */
-    language: Languages;
+    language: keyof typeof Languages;
     /** The user’s preferred default reminder time in hours when they enter carbohydrates or an activity. */
     userReminder: number;
     /** The values needed to make an insulin recommendation calculation. */
@@ -29,6 +29,8 @@ export interface IRecommendationProps {
     latestLogbookFrom6Hours: Logbook.Types.ILogbookEntry | null;
     /** The properties of the entered activity that are not used for making the calculation itself, but will be used on the recommendation screen. */
     activityDisplayProps: IActivityDisplayProps | null;
+    /** Should the exit modal be displayed or not */
+    showExitModal: boolean;
     /**
      * Callback function taking a single boolean argument and returning nothing.
      * To be called when the user decides on a presented carbohydrate recommendation.
@@ -52,6 +54,12 @@ export interface IRecommendationProps {
      * Should allow the user to enter when they injected insulin and how much.
      */
     onRecentInsulinYes(): void;
+    /**
+     * Callback function without arguments or return values.
+     * To be called if the user taps “No” when asked if they have taken insulin recently, making the recommendation visible.
+     * Or if they have recently taken insulin and the recommendation is visible.
+     */
+    onRecommendationDisplayed(): void;
     /**
      * To be called when the “Transfer to Logbook” button is pressed.
      * @param carbs The suggested and entered amount of carbohydrates.
@@ -66,18 +74,16 @@ export interface IRecommendationProps {
      * To be called in case a serious issue with the validity of input data is detected.
      * @param error The detected error.
      */
-    onError(error: RecommendationError): void;
-    /**
-     * Callback function taking a single argument of type boolean.
-     * To be called to hide the bottom navigation bar while displaying modal dialogs.
-     * @param toggle Showing (true) or hiding (false) the bottom navigation bar on the calculation flow screens.
-     */
-    showBolusBar(toggle: boolean): void;
+    onError(error: RecommendationError | Error): void;
     /**
      * Callback function taking no arguments.
      * To be called if the user chooses to restart the calculation.
      */
     restartCalculation(): void;
+    /**
+     * Callback function taking a single argument of type boolean.
+     */
+    hideExitModal(): void;
 }
 interface IState {
     /** The time in hours in hours until a reminder notification will be sent to the user. If 0 then no notification will be sent. */
@@ -110,8 +116,10 @@ interface IState {
      * The exit modal prompts the user to consider saving the calculation to a logbook entry before closing the recommendation screen.
      */
     showExitModal: boolean;
-    /** Keeps track of whether or not a message about insulin limitation should be displayed. */
-    showLimitationMessage: boolean;
+    /**
+     * Keeps track of whether or not only the limitation page of the recommendation modal should be visible.
+     */
+    onlyShowLimitationMessage: boolean;
     /** Keeps track of whether or not a message about the recommendation being too old should be displayed. */
     showTimeoutModal: boolean;
 }
@@ -147,11 +155,6 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      * It'll allow us to later remove the subscription.
      */
     private appStateSubscription?;
-    /**
-     * A reference to the eventSubscription that'll be returned by BackHandler.addEventListener().
-     * It'll allow us to later remove the subscription.
-     */
-    private backHandlerSubscription?;
     /**
      * Steps:
      * 1. Call the super() method with the props.
@@ -161,6 +164,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      * 	- Set the language by using the language prop as argument for calling changeLanguage()
      * 	- Unpack recentBoluses from the calculatorParams prop.
      * 	- Use the calculatorParams prop as argument for calling calculateRecommendation() and unpack all of the resulting values.
+     * 	- Call the onRecommendationDisplayed() callback prop if the recommendation is visible
      * 	- Copy the carbRecommendation to the suggestedCarbs member variable.
      * 	- Set the following state variables:
      * 		- Set remeasureTime to the return value from calling the getBGLevelRemeasurementReminder() method.
@@ -172,7 +176,8 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      * 		- Set activeInsulin to the estimation returned from the calculation result.
      * 		- Set enteredCarbs, enteredInsulin, selectedMood to null.
      * 		- Set recommendationModal to be true if wasLimited is true or if carbRecommendation after being rounded is truthy or if the return value from calling the getBGLevelAttentionMessage() method is truthy.
-     * 		- Set showExitModal, showLimitationMessage, showTimeoutModal to be false.
+     * 		- Set onlyShowLimitationMessage, showTimeoutModal to be false.
+     *		- Set showExitModal with the value of the showExitModal prop.
      * 3. Start a 15 minute timer assigned to the timer member variable using the setTimeout() function. When the timer expires, call the showTimeoutModal() method.
      * @param props The data required to initialise the Recommendation Screen
      */
@@ -195,6 +200,14 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      * 2. Remove the listener for app state changes that was set by the componentDidMount() method.
      */
     componentWillUnmount(): void;
+    /**
+     * Called immediately after updating occurs. This method is not called for the initial render.
+     * Use this as an opportunity to operate on the DOM when the component has been updated.
+     * Steps:
+     * 1. If the showExitModal prop is true and it was false before, call the onExit() method.
+     * @param showExitModal The previous showExitModal props of the component.
+     */
+    componentDidUpdate({ showExitModal }: IRecommendationProps): void;
     /**
      * Steps:
      * 1. Evaluate a boolean called isOlderThan15Minutes to indicate whether the recommendationDate member variable represents a time more than 15 minutes ago.
@@ -204,7 +217,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
     handleAppStateChange: (nextAppState: AppStateStatus) => void;
     /**
      * Steps:
-     * 1. Set the showTimeoutModal state variable to be true. Use a callback function to call the showBolusBar prop callback function with false as argument when the state has been updated.
+     * 1. Set the showTimeoutModal state variable to be true.
      * */
     showTimeoutModal: () => void;
     /**
@@ -226,19 +239,11 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      *
      * Steps:
      * 1. If the insulin recommendation is being displayed (the isRecommendationDisplayed state variable is true):
-     *  	- Set the showExitModal state variable to true. When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showExitModal state variable as argument.
+     *  	- Set the showExitModal state variable to true.
      * 2. Else:
      *  	- Call the exitCallback prop callback function.
      */
     onExit: () => void;
-    /**
-     * Callback to be executed by the back handler listener.
-     *
-     * Steps:
-     * 1. Call the onExist method
-     * 2. Return true so that the default behaviour is overwritten.
-     */
-    onBackHandlerPress: () => boolean;
     /**
      * Hide the modal that shows attention messages.
      *
@@ -246,19 +251,12 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      * 1. Set the recommendationModal state variable to false.
      */
     hideAttentionModal: () => void;
-    /**
-     * Hide the modal that shows attention messages.
-     *
-     * Steps:
-     * 1. Set the showLimitationMessage state variable to false.
-     */
-    hideLimitationMessage: () => void;
     /**
      * Hide the exit modal. To be used when the user closes the modal directly or in some way exits the recommendation screen.
      *
      * Steps:
      * 1. Set the showExitModal state variable to false.
-     *    When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showExitModal state variable as argument.
+     * 2. Call the hideExitModal prop callback function.
      */
     hideExitModal: () => void;
     /**
@@ -266,7 +264,6 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      *
      * Steps:
      * 1. Set the showTimeoutModal state variable to false.
-     * 	  When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showTimeoutModal state variable as argument.
      */
     hideTimeoutModal: () => void;
     /**
@@ -284,7 +281,8 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      *
      * Steps:
      * 1. Set the isRecommendationDisplayed state variable to be true.
-     * 2. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
+     * 2. Call the onRecommendationDisplayed prop callback function.
+     * 3. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
      *    When the time expires, call the scrollToEnd() method of the scrollView member, with the animated argument set to true.
      *    This ensures that the scroll event happens after all other events that get queued to happen at the same time,
      *    so all relevant elements are visible on the screen and the scroll happens reliably.

package/dist/src/RecommendationScreen.js

@@ -1,26 +1,25 @@
 import React from "react";
-import { AppState, BackHandler, LogBox, StyleSheet, View } from "react-native";
+import { AppState, LogBox, StyleSheet, View } from "react-native";
 import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
-import Header from "./components/Header";
-import InfoBars, { infoStyles } from "./components/InfoBars";
+import * as Calculator from "@hedia/recommendation-calculator";
+import { Milliseconds, } from "@hedia/types";
+import Activity from "./components/activity/Activity";
+import ExitModal from "./components/ExitModal";
+import InfoBars from "./components/InfoBars";
+import Emotion from "./components/mood/Emotion";
 import RecentInsulin from "./components/RecentInsulin";
+import RecommendationModal from "./components/RecommendationModal";
 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 { FONTS } from "./components/styles/fonts";
+import Text from "./components/Text";
+import TimeoutModal from "./components/TimeoutModal";
 import TransferToLogbook from "./components/TransferToLogbook";
-import { colors } from "./utils/Constants";
-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 { changeLocale, translate } from "./locales/translate";
 import { Testing } from "./types/enum";
 import { Messages } from "./utils/AttentionMessages";
+import { colors } from "./utils/Constants";
 import { getAttentionMessage, getBGLevel, getLimitationMessage, getReminder } from "./utils/RecommendationUtils";
 import { Utils } from "./utils/Utils";
 import { validateParams } from "./utils/Validations";
@@ -60,11 +59,6 @@ export default class RecommendationScreen extends React.Component {
      * It'll allow us to later remove the subscription.
      */
     appStateSubscription;
-    /**
-     * A reference to the eventSubscription that'll be returned by BackHandler.addEventListener().
-     * It'll allow us to later remove the subscription.
-     */
-    backHandlerSubscription;
     /**
      * Steps:
      * 1. Call the super() method with the props.
@@ -74,6 +68,7 @@ export default class RecommendationScreen extends React.Component {
      * 	- Set the language by using the language prop as argument for calling changeLanguage()
      * 	- Unpack recentBoluses from the calculatorParams prop.
      * 	- Use the calculatorParams prop as argument for calling calculateRecommendation() and unpack all of the resulting values.
+     * 	- Call the onRecommendationDisplayed() callback prop if the recommendation is visible
      * 	- Copy the carbRecommendation to the suggestedCarbs member variable.
      * 	- Set the following state variables:
      * 		- Set remeasureTime to the return value from calling the getBGLevelRemeasurementReminder() method.
@@ -85,7 +80,8 @@ export default class RecommendationScreen extends React.Component {
      * 		- Set activeInsulin to the estimation returned from the calculation result.
      * 		- Set enteredCarbs, enteredInsulin, selectedMood to null.
      * 		- Set recommendationModal to be true if wasLimited is true or if carbRecommendation after being rounded is truthy or if the return value from calling the getBGLevelAttentionMessage() method is truthy.
-     * 		- Set showExitModal, showLimitationMessage, showTimeoutModal to be false.
+     * 		- Set onlyShowLimitationMessage, showTimeoutModal to be false.
+     *		- Set showExitModal with the value of the showExitModal prop.
      * 3. Start a 15 minute timer assigned to the timer member variable using the setTimeout() function. When the timer expires, call the showTimeoutModal() method.
      * @param props The data required to initialise the Recommendation Screen
      */
@@ -93,14 +89,18 @@ export default class RecommendationScreen extends React.Component {
         super(props);
         try {
             validateParams(props);
-            this.recommendationDate = new Date(global.Date.now());
-            changeLanguage(props.language);
+            changeLocale(props.language);
+            this.recommendationDate = new Date();
             const { recentBoluses } = props.calculatorParams;
             const { bolus, carbRecommendation, activityReduction, wasLimited, activeInsulin } = Calculator.calculateRecommendation(props.calculatorParams);
             this.suggestedCarbs = carbRecommendation;
+            const isRecommendationDisplayed = recentBoluses?.length !== 0;
+            if (isRecommendationDisplayed) {
+                this.props.onRecommendationDisplayed();
+            }
             this.state = {
                 remeasureTime: this.getBGLevelRemeasurementReminder(),
-                isRecommendationDisplayed: recentBoluses?.length !== 0,
+                isRecommendationDisplayed,
                 insulinRecommendation: Utils.roundValue(bolus, props.injectionMethod),
                 wasLimited,
                 activityReduction,
@@ -110,8 +110,8 @@ export default class RecommendationScreen extends React.Component {
                 enteredInsulin: null,
                 selectedMood: null,
                 recommendationModal: wasLimited || !!Math.round(carbRecommendation) || !!this.getBGLevelAttentionMessage(),
-                showExitModal: false,
-                showLimitationMessage: false,
+                onlyShowLimitationMessage: false,
+                showExitModal: props.showExitModal,
                 showTimeoutModal: false,
             };
             this.timer = setTimeout(this.showTimeoutModal, Milliseconds.Minute * 15);
@@ -130,7 +130,6 @@ export default class RecommendationScreen extends React.Component {
     componentDidMount() {
         if (!this.hasError) {
             this.appStateSubscription = AppState.addEventListener(`change`, this.handleAppStateChange);
-            this.backHandlerSubscription = BackHandler.addEventListener(`hardwareBackPress`, this.onBackHandlerPress);
         }
     }
     /**
@@ -148,7 +147,18 @@ export default class RecommendationScreen extends React.Component {
             clearTimeout(this.timer);
         }
         this.appStateSubscription?.remove();
-        this.backHandlerSubscription?.remove();
+    }
+    /**
+     * Called immediately after updating occurs. This method is not called for the initial render.
+     * Use this as an opportunity to operate on the DOM when the component has been updated.
+     * Steps:
+     * 1. If the showExitModal prop is true and it was false before, call the onExit() method.
+     * @param showExitModal The previous showExitModal props of the component.
+     */
+    componentDidUpdate({ showExitModal }) {
+        if (this.props.showExitModal && showExitModal !== this.props.showExitModal) {
+            this.onExit();
+        }
     }
     /**
      * Steps:
@@ -158,17 +168,17 @@ export default class RecommendationScreen extends React.Component {
      */
     handleAppStateChange = (nextAppState) => {
         const time = this.recommendationDate.getTime();
-        const isOlderThan15Minutes = global.Date.now() - time > Milliseconds.Minute * 15;
+        const isOlderThan15Minutes = new Date().getTime() - time > Milliseconds.Minute * 15;
         if (nextAppState === `active` && isOlderThan15Minutes) {
             this.showTimeoutModal();
         }
     };
     /**
      * Steps:
-     * 1. Set the showTimeoutModal state variable to be true. Use a callback function to call the showBolusBar prop callback function with false as argument when the state has been updated.
+     * 1. Set the showTimeoutModal state variable to be true.
      * */
     showTimeoutModal = () => {
-        this.setState({ showTimeoutModal: true }, () => this.props.showBolusBar(!this.state.showTimeoutModal));
+        this.setState({ showTimeoutModal: true });
     };
     /**
      * Make a new insulin calculation and set the result to be displayed to the user.
@@ -190,7 +200,7 @@ export default class RecommendationScreen extends React.Component {
             enteredInsulin: null,
             wasLimited,
             activityReduction,
-            showLimitationMessage: wasLimited,
+            onlyShowLimitationMessage: wasLimited,
         });
     };
     /**
@@ -198,29 +208,18 @@ export default class RecommendationScreen extends React.Component {
      *
      * Steps:
      * 1. If the insulin recommendation is being displayed (the isRecommendationDisplayed state variable is true):
-     *  	- Set the showExitModal state variable to true. When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showExitModal state variable as argument.
+     *  	- Set the showExitModal state variable to true.
      * 2. Else:
      *  	- Call the exitCallback prop callback function.
      */
     onExit = () => {
         if (this.state.isRecommendationDisplayed) {
-            this.setState({ showExitModal: true }, () => this.props.showBolusBar(!this.state.showExitModal));
+            this.setState({ showExitModal: true });
         }
         else {
             this.props.exitCallback();
         }
     };
-    /**
-     * Callback to be executed by the back handler listener.
-     *
-     * Steps:
-     * 1. Call the onExist method
-     * 2. Return true so that the default behaviour is overwritten.
-     */
-    onBackHandlerPress = () => {
-        this.onExit();
-        return true;
-    };
     /**
      * Hide the modal that shows attention messages.
      *
@@ -228,36 +227,26 @@ export default class RecommendationScreen extends React.Component {
      * 1. Set the recommendationModal state variable to false.
      */
     hideAttentionModal = () => {
-        this.setState({ recommendationModal: false });
-    };
-    /**
-     * Hide the modal that shows attention messages.
-     *
-     * Steps:
-     * 1. Set the showLimitationMessage state variable to false.
-     */
-    hideLimitationMessage = () => {
-        this.setState({ showLimitationMessage: false });
+        this.setState({ recommendationModal: false, onlyShowLimitationMessage: false });
     };
     /**
      * Hide the exit modal. To be used when the user closes the modal directly or in some way exits the recommendation screen.
      *
      * Steps:
      * 1. Set the showExitModal state variable to false.
-     *    When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showExitModal state variable as argument.
+     * 2. Call the hideExitModal prop callback function.
      */
     hideExitModal = () => {
-        this.setState({ showExitModal: false }, () => this.props.showBolusBar(!this.state.showExitModal));
+        this.setState({ showExitModal: false }, this.props.hideExitModal);
     };
     /**
      * Hide the modal that warns the user that their recommendation is old.
      *
      * Steps:
      * 1. Set the showTimeoutModal state variable to false.
-     * 	  When the state has been updated, call the showBolusBar prop callback function with the inverse value of the showTimeoutModal state variable as argument.
      */
     hideTimeoutModal = () => {
-        this.setState({ showTimeoutModal: false }, () => this.props.showBolusBar(!this.state.showTimeoutModal));
+        this.setState({ showTimeoutModal: false });
     };
     /**
      * Used as a callback function for the Remeasure component to update the state when the remeasure time slider’s value changes.
@@ -276,13 +265,15 @@ export default class RecommendationScreen extends React.Component {
      *
      * Steps:
      * 1. Set the isRecommendationDisplayed state variable to be true.
-     * 2. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
+     * 2. Call the onRecommendationDisplayed prop callback function.
+     * 3. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
      *    When the time expires, call the scrollToEnd() method of the scrollView member, with the animated argument set to true.
      *    This ensures that the scroll event happens after all other events that get queued to happen at the same time,
      *    so all relevant elements are visible on the screen and the scroll happens reliably.
      */
     handleNoRecentInsulin = () => {
         this.setState({ isRecommendationDisplayed: true }, () => {
+            this.props.onRecommendationDisplayed();
             setTimeout(() => {
                 this.scrollView?.scrollToEnd(true);
             }, 0);
@@ -451,69 +442,66 @@ export default class RecommendationScreen extends React.Component {
     /** Render a JSX element for displaying the insulin recommendation screen. */
     render() {
         if (this.hasError) {
-            return <View style={containerStyles.container}/>;
+            return <View style={styles.container}/>;
         }
         const { activeInsulin, recommendationModal, carbRecommendation: carbRecommendationProp, enteredCarbs, enteredInsulin, insulinRecommendation, activityReduction, isRecommendationDisplayed, } = this.state;
         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 foodBorderColor = recommendedCarbs !== null && recommendedCarbs > 0 ? colors.teal : colors.dustyDarkBlue;
         const { calculatorParams, bloodGlucoseUnit, currentBKL, bloodKetoneUnit } = this.props;
         const { currentBGL, carbohydrates: providedCarbs } = calculatorParams;
         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}>
-				<KeyboardAwareScrollView testID={RecommendationScreenTestIds.RecommendationScrollView} enableResetScrollToCoords={false} style={containerStyles.container} ref={(view) => {
+        return (<>
+				<KeyboardAwareScrollView testID={RecommendationScreenTestIds.RecommendationScrollView} enableResetScrollToCoords={false} style={styles.container} ref={(view) => {
                 if (view !== null) {
                     this.scrollView = view;
                 }
             }}>
-					<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 ? colors.teal : colors.mistBlue,
-                },
-            ]}>
-								<RecommendedCarbs enteredCarbs={`${providedCarbs}`} changedRecommendedCarbs={this.updateCarbRecommendation} recommendedCarbs={`${recommendedCarbs}`} removeRecommendedCarbs={this.removeCarbRecommendation}/>
-							</View>
-						</View>
+					<Text style={styles.header}>{translate(`Insulin recommendation`)}</Text>
+					<InfoBars label={translate(`Active Insulin`)} value={activeInsulin ? `${activeInsulin.toFixed(1)}` : null} unit={translate(`units`)} showNullAsDash={false} testID={{ unitID: ActiveInsulinUnitTestID, valueID: ActiveInsulinValueTestID }}/>
+					<InfoBars label={translate(`Blood Glucose Level`)} value={displayedBGL} unit={this.props.bloodGlucoseUnit} showNullAsDash={true} testID={{ unitID: BGUnitTestID, valueID: BGValueTestID }}/>
+					<InfoBars label={translate(`Blood Ketone Level`)} value={displayedBKL} unit={this.props.bloodKetoneUnit} showNullAsDash={true} testID={{ unitID: BKUnitTestID, valueID: BKValueTestID }}/>
+					<View style={[styles.carbsBorder, { borderColor: foodBorderColor }]}>
+						<RecommendedCarbs enteredCarbs={`${providedCarbs}`} changedRecommendedCarbs={this.updateCarbRecommendation} recommendedCarbs={`${recommendedCarbs}`} removeRecommendedCarbs={this.removeCarbRecommendation}/>
 					</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}
+					{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}/>)}
 					<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}/>
+					<RecommendationModal isVisible={recommendationModal || this.state.onlyShowLimitationMessage} onlyShowLimitationMessage={this.state.onlyShowLimitationMessage} suggestedCarbohydrates={carbRecommendationProp} attentionMessage={this.getBGLevelAttentionMessage()} limitationMessage={this.getLimitationAttentionMessage()} onClickOkButton={this.hideAttentionModal} onAcceptCarbohydrates={this.acceptCarbRecommendation} onDeclineCarbohydrates={this.declineCarbRecommendation}/>
 				</KeyboardAwareScrollView>
-				{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>);
+
+				<ExitModal isVisible={this.state.showExitModal} title={translate(`Save data before closing?`)} message={translate(`Your saved data will be used for future calculations.`)} textFirstOption={translate(`Save to logbook`)} textSecondOption={translate(`Close calculation`)} firstOption={this.handleTransfer} secondOption={this.closeCalculation} onClose={this.hideExitModal}/>
+
+				{this.state.isRecommendationDisplayed ? (<TimeoutModal isVisible={this.state.showTimeoutModal} title={Messages.TimeoutPrompTitle()} message={Messages.TimeoutRecommendationVisible(this.recommendationDate)} textFirstOption={translate(`Yes, save to logbook`)} textSecondOption={translate(`No, return to dashboard`)} firstOption={this.handleTransfer} secondOption={this.closeCalculation}/>) : (<TimeoutModal isVisible={this.state.showTimeoutModal} title={Messages.TimeoutPrompTitle()} message={Messages.TimeoutRecommendationNotVisible()} textFirstOption={translate(`Start new calculation`)} textSecondOption={translate(`Return to dashboard`)} firstOption={this.restartCalculation} secondOption={this.closeCalculation}/>)}
+			</>);
     }
 }
-const containerStyles = StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         flex: 1,
+        paddingHorizontal: 18,
         backgroundColor: colors.darkBlue,
     },
-    calcContainer: {
-        flex: 1,
+    limitationModalContainer: {
+        ...StyleSheet.absoluteFillObject,
+        justifyContent: `center`,
+        backgroundColor: colors.transparentBlack,
     },
-    calcMargin: {
-        flex: 1,
-        marginBottom: 0,
-        margin: `3%`,
+    carbsBorder: {
+        borderWidth: 1,
+        borderRadius: 5,
+        padding: 16,
     },
-    calcBorder: {
-        ...infoStyles.border,
-        borderColor: colors.teal,
+    header: {
+        ...FONTS.Poppins.medium_Base,
+        color: colors.dustyBlue,
+        marginBottom: 22,
+        textAlign: `center`,
     },
 });
+//# sourceMappingURL=RecommendationScreen.js.map

package/dist/src/RecommendationScreen.js.map

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

package/dist/src/assets/IconsSVG/Close.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+declare const Close: (props: SvgProps) => JSX.Element;
+export default Close;

package/dist/src/assets/IconsSVG/Close.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Path, Svg } from "react-native-svg";
+const Close = (props) => (<Svg viewBox="0 0 28 28" {...props}>
+		<Path d="M4.4753 23.4372C5.10827 24.0746 6.20854 24.0519 6.82281 23.4477L14.0546 16.2888L21.2957 23.4425C21.9208 24.0599 22.9955 24.072 23.6285 23.4346C24.2858 22.7973 24.2736 21.7355 23.6364 21.1181L16.4101 13.9618L23.6364 6.8228C24.2736 6.20277 24.2858 5.129 23.6285 4.50632C22.9955 3.86898 21.9208 3.88101 21.2957 4.49576L14.0546 11.6468L6.82281 4.49312C6.20854 3.88628 5.10827 3.86634 4.4753 4.50104C3.83282 5.12636 3.85301 6.21333 4.46728 6.82016L11.7139 13.9618L4.46728 21.1207C3.85301 21.7275 3.83282 22.7999 4.4753 23.4372Z" fill={props.color}/>
+	</Svg>);
+export default Close;
+//# sourceMappingURL=Close.js.map

package/dist/src/assets/IconsSVG/Close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.js","sourceRoot":"","sources":["../../../../src/assets/IconsSVG/Close.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAY,MAAM,kBAAkB,CAAC;AAEvD,MAAM,KAAK,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAClC,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAClC;EAAA,CAAC,IAAI,CACJ,CAAC,CAAC,4gBAA4gB,CAC9gB,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAEpB;CAAA,EAAE,GAAG,CAAC,CACN,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/src/assets/IconsSVG/CloseOutlined.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+declare const CloseOutlined: (props: SvgProps) => JSX.Element;
+export default CloseOutlined;

package/dist/src/assets/IconsSVG/CloseOutlined.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Path, Svg } from "react-native-svg";
+import { colors } from "../../utils/Constants";
+const CloseOutlined = (props) => (<Svg viewBox="0 0 16 16" {...props}>
+		<Path fillRule="evenodd" clipRule="evenodd" d="M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM8.00003 14.9091C4.18425 14.9091 1.09094 11.8158 1.09094 8.00005C1.09094 4.18427 4.18425 1.09096 8.00003 1.09096C11.8158 1.09096 14.9091 4.18427 14.9091 8.00005C14.9091 9.83246 14.1812 11.5898 12.8855 12.8855C11.5898 14.1812 9.83244 14.9091 8.00003 14.9091Z" fill={colors.teal}/>
+		<Path fillRule="evenodd" clipRule="evenodd" d="M10.8261 4.99334C10.6131 4.78065 10.2681 4.78065 10.0552 4.99334L7.98608 7.14607L5.73517 4.96425C5.59618 4.82218 5.39091 4.76696 5.1994 4.82011C5.00789 4.87326 4.86045 5.02638 4.81456 5.21976C4.76867 5.41314 4.83159 5.61618 4.97881 5.74971L7.21517 7.90243L4.97881 10.0552C4.83159 10.1887 4.76867 10.3917 4.81456 10.5851C4.86045 10.7785 5.00789 10.9316 5.1994 10.9848C5.39091 11.0379 5.59618 10.9827 5.73517 10.8406L7.98608 8.6588L10.0552 10.8115C10.1887 10.9587 10.3917 11.0217 10.5851 10.9758C10.7785 10.9299 10.9316 10.7824 10.9848 10.5909C11.0379 10.3994 10.9827 10.1942 10.8406 10.0552L8.75699 7.87334L10.8406 5.69153C11.0049 5.48579 10.9988 5.19206 10.8261 4.99334Z" fill={colors.teal}/>
+	</Svg>);
+export default CloseOutlined;
+//# sourceMappingURL=CloseOutlined.js.map

package/dist/src/assets/IconsSVG/CloseOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseOutlined.js","sourceRoot":"","sources":["../../../../src/assets/IconsSVG/CloseOutlined.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAY,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC1C,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAClC;EAAA,CAAC,IAAI,CACJ,QAAQ,CAAC,SAAS,CAClB,QAAQ,CAAC,SAAS,CAClB,CAAC,CAAC,8WAA8W,CAChX,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAEnB;EAAA,CAAC,IAAI,CACJ,QAAQ,CAAC,SAAS,CAClB,QAAQ,CAAC,SAAS,CAClB,CAAC,CAAC,gqBAAgqB,CAClqB,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAEpB;CAAA,EAAE,GAAG,CAAC,CACN,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/assets/IconsSVG/Edit.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+declare const Edit: (props: SvgProps) => JSX.Element;
+export default Edit;