@hedia/recommendation-screen 2.1.42 → 2.1.43-alpha.0

package/dist/src/RecommendationScreen.js

@@ -35,6 +35,36 @@ LogBox.ignoreLogs([`Setting a timer`]);
  * @noInheritDoc
  */
 export default class RecommendationScreen extends React.Component {
+    /** Reference to the timer that prompts the user to make a new calculation after 15 minutes. */
+    timer;
+    /**
+     * The carbohydrate recommendation for the user.
+     * This value is saved in a member variable because we want to store it unmodified if the logbook entry
+     * gets saved regardless of what other changes were made on the recommendation screen.
+     */
+    suggestedCarbs;
+    /**
+     * A guard against displaying wrong or dangerous information to the user.
+     * If an error has occurred, this variable will be set to true and an empty placeholder will be rendered instead of the normal recommendation screen.
+     */
+    hasError = false;
+    /** The timestamp when the current recommendation was made. For determining if the recommendation is too old and should be hidden from the user. */
+    recommendationDate;
+    /**
+     * A reference to the screens scrollview allowing us to programmatically scroll the screen in the handleNoRecentInsulin() method.
+     * The member is initiated without a value but will be set as soon as the component is being rendered.
+     */
+    scrollView;
+    /**
+     * A reference to the eventSubscription that'll be returned by AppState.addEventListener().
+     * 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.
@@ -61,309 +91,6 @@ export default class RecommendationScreen extends React.Component {
      */
     constructor(props) {
         super(props);
-        /**
-         * A guard against displaying wrong or dangerous information to the user.
-         * If an error has occurred, this variable will be set to true and an empty placeholder will be rendered instead of the normal recommendation screen.
-         */
-        this.hasError = false;
-        /**
-         * Steps:
-         * 1. Evaluate a boolean called isOlderThan15Minutes to indicate whether the recommendationDate member variable represents a time more than 15 minutes ago.
-         * 2. If nextAppState is ‘active’ and isOlderThan15Minutes is true then call the showTimeoutModal() method.
-         * @param nextAppState The new state of the app.
-         */
-        this.handleAppStateChange = (nextAppState) => {
-            const time = this.recommendationDate.getTime();
-            const isOlderThan15Minutes = global.Date.now() - 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.
-         * */
-        this.showTimeoutModal = () => {
-            this.setState({ showTimeoutModal: true }, () => this.props.showBolusBar(!this.state.showTimeoutModal));
-        };
-        /**
-         * Make a new insulin calculation and set the result to be displayed to the user.
-         *
-         * Steps:
-         * 1. Use calculatorParams as an argument for calling calculateRecommendation(). Unpack bolus, wasLimited, and activityReduction from the result.
-         * 2. Set the following state variables:
-         * 	- Set insulinRecommendation to the bolus rounded using the roundValue() function.
-         * 	- Set enteredInsulin to be undefined.
-         * 	- Set wasLimited to be the value returned from the insulin calculator.
-         * 	- Set activityReduction to be the value returned from the insulin calculator.
-         * 	- Set showLimitationMessage to be the wasLimited value returned from the insulin calculator.
-         * @param calculatorParams The input values for the bolus calculator itself.
-         */
-        this.recalculateInsulin = (calculatorParams) => {
-            const { bolus, wasLimited, activityReduction } = Calculator.calculateRecommendation(calculatorParams);
-            this.setState({
-                insulinRecommendation: Utils.roundValue(bolus, this.props.injectionMethod),
-                enteredInsulin: null,
-                wasLimited,
-                activityReduction,
-                showLimitationMessage: wasLimited,
-            });
-        };
-        /**
-         * Handle presses on the exit button in the header bar.
-         *
-         * 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.
-         * 2. Else:
-         *  	- Call the exitCallback prop callback function.
-         */
-        this.onExit = () => {
-            if (this.state.isRecommendationDisplayed) {
-                this.setState({ showExitModal: true }, () => this.props.showBolusBar(!this.state.showExitModal));
-            }
-            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.
-         */
-        this.onBackHandlerPress = () => {
-            this.onExit();
-            return true;
-        };
-        /**
-         * Hide the modal that shows attention messages.
-         *
-         * Steps:
-         * 1. Set the recommendationModal state variable to false.
-         */
-        this.hideAttentionModal = () => {
-            this.setState({ recommendationModal: false });
-        };
-        /**
-         * Hide the modal that shows attention messages.
-         *
-         * Steps:
-         * 1. Set the showLimitationMessage state variable to false.
-         */
-        this.hideLimitationMessage = () => {
-            this.setState({ showLimitationMessage: 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.
-         */
-        this.hideExitModal = () => {
-            this.setState({ showExitModal: false }, () => this.props.showBolusBar(!this.state.showExitModal));
-        };
-        /**
-         * 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.
-         */
-        this.hideTimeoutModal = () => {
-            this.setState({ showTimeoutModal: false }, () => this.props.showBolusBar(!this.state.showTimeoutModal));
-        };
-        /**
-         * Used as a callback function for the Remeasure component to update the state when the remeasure time slider’s value changes.
-         *
-         * Steps:
-         * 1. Set the remeasureTime state variable to the value of the remeasureTime argument.
-         * @param remeasureTime The number of hours for which to wait before reminding the user to measure their BGL again. 0 indicates that the user should not be reminded.
-         */
-        this.updateRemeasureTime = (remeasureTime) => {
-            this.setState({ remeasureTime });
-        };
-        /**
-         * Handle what happens if the user taps “No” to the question about injecting insulin within the last 4 hours.
-         * The card that prompts the user to answer if they have injected insulin within the last 4 hours shall be hidden and
-         * the screen shall automatically be scrolled to the bottom so the user can see the now visible “Transfer to logbook” button.
-         *
-         * 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.
-         *    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.
-         */
-        this.handleNoRecentInsulin = () => {
-            this.setState({ isRecommendationDisplayed: true }, () => {
-                setTimeout(() => {
-                    this.scrollView?.scrollToEnd({ animated: true });
-                }, 0);
-            });
-        };
-        /**
-         * Handle what happens when the user changes the content of the additional carbohydrates input field.
-         *
-         * Steps:
-         * 1. Set the enteredCarbs state variable to the value of the enteredCarbs argument.
-         * 2. As a callback to the setState() method, define a new anonymous function that calls the recalculateInsulin() function using
-         *    a copy of the calculatorParams prop where the carbohydrates property has been overwritten to be
-         *    the sum of the carbohydrates property of the calculatorParams prop and the enteredCarbs argument.
-         * @param enteredCarbs The amount of carbohydrates in grams that has been entered in the additional carbohydrates input field.
-         */
-        this.updateCarbRecommendation = (enteredCarbs) => {
-            const providedCarbs = this.props.calculatorParams.carbohydrates;
-            this.setState({ enteredCarbs }, () => {
-                this.recalculateInsulin({ ...this.props.calculatorParams, carbohydrates: providedCarbs + enteredCarbs });
-            });
-        };
-        /**
-         * Handle what happens when the cross button by the additional carbohydrates button is tapped.
-         *
-         * Steps:
-         * 1. Set both the enteredCarbs and the carbRecommendation state variables to null.
-         * 2. As a callback to the setState() method, define a new anonymous function that calls the recalculateInsulin() function using a copy of the calculatorParams prop.
-         */
-        this.removeCarbRecommendation = () => {
-            this.setState({ enteredCarbs: null, carbRecommendation: null }, () => this.recalculateInsulin({ ...this.props.calculatorParams }));
-        };
-        /**
-         * Handle what happens when the user is recommended to eat additional carbohydrates but taps the decline button.
-         *
-         * Steps:
-         * 1. Call the hideAttentionModal() method.
-         * 2. Call the removeCarbRecommendation() method.
-         * 3. Call the carbRecommendationAnswer() prop callback function with false as argument.
-         */
-        this.declineCarbRecommendation = () => {
-            this.hideAttentionModal();
-            this.removeCarbRecommendation();
-            this.props.carbRecommendationAnswer(false);
-        };
-        /**
-         * Handle what happens when the user is recommended to eat additional carbohydrates and they tap the accept button.
-         *
-         * Steps:
-         * 1. Call the hideAttentionModal() method.
-         * 2. Call the carbRecommendationAnswer() prop callback function with true as argument.
-         */
-        this.acceptCarbRecommendation = () => {
-            this.hideAttentionModal();
-            this.props.carbRecommendationAnswer(true);
-        };
-        /**
-         * Handles what happens when the user hits the “close calculation”-button on the exit modal.
-         *
-         * Steps:
-         * 1. If the showExitModal state variable is true then call the hideExitModal() method. Otherwise, call the hideTimeoutModal() method
-         * 2. Call the closeCalculationCallback prop callback function.
-         */
-        this.closeCalculation = () => {
-            this.state.showExitModal ? this.hideExitModal() : this.hideTimeoutModal();
-            this.props.closeCalculationCallback();
-        };
-        /**
-         * Close the current recommendation and start a new bolus calculation.
-         *
-         * Steps:
-         * 1. Call the hideTimeoutModal() method.
-         * 2. Call the restartCalculation prop callback function.
-         */
-        this.restartCalculation = () => {
-            this.hideTimeoutModal();
-            this.props.restartCalculation();
-        };
-        /**
-         * Used as a callback function for the Emotion component to update the state when a mood icon is tapped.
-         *
-         * Steps:
-         * 1. Set the selectedMood state variable to the value of the selectedMood argument.
-         * @param selectedMood he mood that should be selected going forward or null if no mood should be selected.
-         */
-        this.handleMoodSelected = (selectedMood) => {
-            this.setState({ selectedMood });
-        };
-        /**
-         * Handle what happens when the user changes the content of the insulin input field.
-         *
-         * Steps:
-         * 1. Set the enteredInsulin state variable to the value of the enteredInsulin argument.
-         * @param enteredInsulin The amount of insulin (in units) that has been entered in the insulin input field.
-         */
-        this.updateInsulinRecommendation = (enteredInsulin) => {
-            this.setState({ enteredInsulin });
-        };
-        /**
-         * Handle what happens when the “Transfer to Logbook” button is pressed.
-         * Namely, the entered data should be saved in a logbook entry and the recommendation screen should be closed.
-         *
-         * Steps:
-         * 1. Unpack the enteredCarbs, enteredInsulin, insulinRecommendation, remeasureTime, and showExitModal state variables
-         * 2. Create an IResult object called carbs consisting of suggestedCarbs and enteredCarbs.
-         * 3. Create an IResult object called Insulin consisting of insulinRecommendation and enteredInsulin.
-         * 4. If showExitModal is true then call the hideExitModal() method. otherwise call the hideTimeoutModal() method.
-         * 5. Call the transferToLogbook prop callback function with the following arguments:
-         * 	- Set the carbs argument to the carbs IResult object.
-         * 	- Set the insulin argument to the insulin IResult object.
-         * 	- Set the reminder argument to the remeasureTime state variable.
-         * 	- Set the recommendationDate argument to the recommendationDate member variable.
-         */
-        this.handleTransfer = () => {
-            const { enteredCarbs, enteredInsulin, insulinRecommendation, remeasureTime, showExitModal, selectedMood } = this.state;
-            const carbs = { suggested: this.suggestedCarbs, entered: enteredCarbs };
-            const insulin = { suggested: insulinRecommendation, entered: enteredInsulin };
-            showExitModal ? this.hideExitModal() : this.hideTimeoutModal();
-            this.props.transferToLogbook(carbs, insulin, remeasureTime, this.recommendationDate, selectedMood);
-        };
-        /**
-         * Get the attention message that should be displayed for the user to draw their attention to noteworthy circumstances regarding their current blood glucose level.
-         *
-         * Steps:
-         * 1. Unpack calculatorParams and latestLogbookFrom6Hours from the props.
-         * 2. Unpack currentBGL and activity from calculatorparams.
-         * 3. Get bgLevel, the categorisation of the blood glucose level, by calling the getBGLevel() function with the currentBGL and latestLogbookFrom6Hours as arguments.
-         * 4. Return the attention message that is returned when calling getAttentionMessage() using bgLevel and activity as arguments.
-         * @returns A string describing what the user needs to be aware of regarding their current blood glucose level.
-         * If there is nothing noteworthy, null will be returned instead.
-         */
-        this.getBGLevelAttentionMessage = () => {
-            const { calculatorParams, latestLogbookFrom6Hours } = this.props;
-            const { currentBGL, activity } = calculatorParams;
-            const bgLevel = getBGLevel(currentBGL, latestLogbookFrom6Hours);
-            return getAttentionMessage(bgLevel, activity);
-        };
-        /**
-         * Get the initial value for the remeasurement reminder time slider depending on the user’s entered information.
-         *
-         * Steps:
-         * 1. Unpack calculatorParams, userReminder, and latestLogbookFrom6Hours from the props.
-         * 2. Unpack currentBGL, activity,  and carbohydrates from calculatorParams.
-         * 3. Get bgLevel, the categorisation of the blood glucose level, by calling the getBGLevel() function with the currentBGL and latestLogbookFrom6Hours as arguments.
-         * 4. Return the attention message that is returned when calling getReminder() using bgLevel, carbohydrates, userReminder, and activity as arguments.
-         * @returns The time interval in hours that should be used as the initial value for the remeasurement reminder time slider.
-         */
-        this.getBGLevelRemeasurementReminder = () => {
-            const { calculatorParams, userReminder, latestLogbookFrom6Hours } = this.props;
-            const { currentBGL, activity, carbohydrates } = calculatorParams;
-            const bgLevel = getBGLevel(currentBGL, latestLogbookFrom6Hours);
-            return getReminder(bgLevel, carbohydrates, userReminder, activity);
-        };
-        /**
-         * Get the attention message that should be displayed to the user to let them know that the insulin recommendation that
-         * is being displayed to them was limited by the maximum insulin threshold.
-         *
-         * Steps:
-         * 1. Unpack the wasLimited and activityReduction state variables.
-         * 2. Return the result from calling getLimitationMessage() with wasLimited and activityReduction as arguments.
-         * @returns A message to inform the user how the insulin recommendation was limited. If there is no limitation attention message, null will be returned instead.
-         */
-        this.getLimitationAttentionMessage = () => {
-            const { wasLimited, activityReduction } = this.state;
-            return getLimitationMessage(wasLimited, activityReduction);
-        };
         try {
             validateParams(props);
             this.recommendationDate = new Date(global.Date.now());
@@ -423,6 +150,304 @@ export default class RecommendationScreen extends React.Component {
         this.appStateSubscription?.remove();
         this.backHandlerSubscription?.remove();
     }
+    /**
+     * Steps:
+     * 1. Evaluate a boolean called isOlderThan15Minutes to indicate whether the recommendationDate member variable represents a time more than 15 minutes ago.
+     * 2. If nextAppState is ‘active’ and isOlderThan15Minutes is true then call the showTimeoutModal() method.
+     * @param nextAppState The new state of the app.
+     */
+    handleAppStateChange = (nextAppState) => {
+        const time = this.recommendationDate.getTime();
+        const isOlderThan15Minutes = global.Date.now() - 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.
+     * */
+    showTimeoutModal = () => {
+        this.setState({ showTimeoutModal: true }, () => this.props.showBolusBar(!this.state.showTimeoutModal));
+    };
+    /**
+     * Make a new insulin calculation and set the result to be displayed to the user.
+     *
+     * Steps:
+     * 1. Use calculatorParams as an argument for calling calculateRecommendation(). Unpack bolus, wasLimited, and activityReduction from the result.
+     * 2. Set the following state variables:
+     * 	- Set insulinRecommendation to the bolus rounded using the roundValue() function.
+     * 	- Set enteredInsulin to be undefined.
+     * 	- Set wasLimited to be the value returned from the insulin calculator.
+     * 	- Set activityReduction to be the value returned from the insulin calculator.
+     * 	- Set showLimitationMessage to be the wasLimited value returned from the insulin calculator.
+     * @param calculatorParams The input values for the bolus calculator itself.
+     */
+    recalculateInsulin = (calculatorParams) => {
+        const { bolus, wasLimited, activityReduction } = Calculator.calculateRecommendation(calculatorParams);
+        this.setState({
+            insulinRecommendation: Utils.roundValue(bolus, this.props.injectionMethod),
+            enteredInsulin: null,
+            wasLimited,
+            activityReduction,
+            showLimitationMessage: wasLimited,
+        });
+    };
+    /**
+     * Handle presses on the exit button in the header bar.
+     *
+     * 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.
+     * 2. Else:
+     *  	- Call the exitCallback prop callback function.
+     */
+    onExit = () => {
+        if (this.state.isRecommendationDisplayed) {
+            this.setState({ showExitModal: true }, () => this.props.showBolusBar(!this.state.showExitModal));
+        }
+        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.
+     *
+     * Steps:
+     * 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 });
+    };
+    /**
+     * 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.
+     */
+    hideExitModal = () => {
+        this.setState({ showExitModal: false }, () => this.props.showBolusBar(!this.state.showExitModal));
+    };
+    /**
+     * 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));
+    };
+    /**
+     * Used as a callback function for the Remeasure component to update the state when the remeasure time slider’s value changes.
+     *
+     * Steps:
+     * 1. Set the remeasureTime state variable to the value of the remeasureTime argument.
+     * @param remeasureTime The number of hours for which to wait before reminding the user to measure their BGL again. 0 indicates that the user should not be reminded.
+     */
+    updateRemeasureTime = (remeasureTime) => {
+        this.setState({ remeasureTime });
+    };
+    /**
+     * Handle what happens if the user taps “No” to the question about injecting insulin within the last 4 hours.
+     * The card that prompts the user to answer if they have injected insulin within the last 4 hours shall be hidden and
+     * the screen shall automatically be scrolled to the bottom so the user can see the now visible “Transfer to logbook” button.
+     *
+     * 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.
+     *    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 }, () => {
+            setTimeout(() => {
+                this.scrollView?.scrollToEnd({ animated: true });
+            }, 0);
+        });
+    };
+    /**
+     * Handle what happens when the user changes the content of the additional carbohydrates input field.
+     *
+     * Steps:
+     * 1. Set the enteredCarbs state variable to the value of the enteredCarbs argument.
+     * 2. As a callback to the setState() method, define a new anonymous function that calls the recalculateInsulin() function using
+     *    a copy of the calculatorParams prop where the carbohydrates property has been overwritten to be
+     *    the sum of the carbohydrates property of the calculatorParams prop and the enteredCarbs argument.
+     * @param enteredCarbs The amount of carbohydrates in grams that has been entered in the additional carbohydrates input field.
+     */
+    updateCarbRecommendation = (enteredCarbs) => {
+        const providedCarbs = this.props.calculatorParams.carbohydrates;
+        this.setState({ enteredCarbs }, () => {
+            this.recalculateInsulin({ ...this.props.calculatorParams, carbohydrates: providedCarbs + enteredCarbs });
+        });
+    };
+    /**
+     * Handle what happens when the cross button by the additional carbohydrates button is tapped.
+     *
+     * Steps:
+     * 1. Set both the enteredCarbs and the carbRecommendation state variables to null.
+     * 2. As a callback to the setState() method, define a new anonymous function that calls the recalculateInsulin() function using a copy of the calculatorParams prop.
+     */
+    removeCarbRecommendation = () => {
+        this.setState({ enteredCarbs: null, carbRecommendation: null }, () => this.recalculateInsulin({ ...this.props.calculatorParams }));
+    };
+    /**
+     * Handle what happens when the user is recommended to eat additional carbohydrates but taps the decline button.
+     *
+     * Steps:
+     * 1. Call the hideAttentionModal() method.
+     * 2. Call the removeCarbRecommendation() method.
+     * 3. Call the carbRecommendationAnswer() prop callback function with false as argument.
+     */
+    declineCarbRecommendation = () => {
+        this.hideAttentionModal();
+        this.removeCarbRecommendation();
+        this.props.carbRecommendationAnswer(false);
+    };
+    /**
+     * Handle what happens when the user is recommended to eat additional carbohydrates and they tap the accept button.
+     *
+     * Steps:
+     * 1. Call the hideAttentionModal() method.
+     * 2. Call the carbRecommendationAnswer() prop callback function with true as argument.
+     */
+    acceptCarbRecommendation = () => {
+        this.hideAttentionModal();
+        this.props.carbRecommendationAnswer(true);
+    };
+    /**
+     * Handles what happens when the user hits the “close calculation”-button on the exit modal.
+     *
+     * Steps:
+     * 1. If the showExitModal state variable is true then call the hideExitModal() method. Otherwise, call the hideTimeoutModal() method
+     * 2. Call the closeCalculationCallback prop callback function.
+     */
+    closeCalculation = () => {
+        this.state.showExitModal ? this.hideExitModal() : this.hideTimeoutModal();
+        this.props.closeCalculationCallback();
+    };
+    /**
+     * Close the current recommendation and start a new bolus calculation.
+     *
+     * Steps:
+     * 1. Call the hideTimeoutModal() method.
+     * 2. Call the restartCalculation prop callback function.
+     */
+    restartCalculation = () => {
+        this.hideTimeoutModal();
+        this.props.restartCalculation();
+    };
+    /**
+     * Used as a callback function for the Emotion component to update the state when a mood icon is tapped.
+     *
+     * Steps:
+     * 1. Set the selectedMood state variable to the value of the selectedMood argument.
+     * @param selectedMood he mood that should be selected going forward or null if no mood should be selected.
+     */
+    handleMoodSelected = (selectedMood) => {
+        this.setState({ selectedMood });
+    };
+    /**
+     * Handle what happens when the user changes the content of the insulin input field.
+     *
+     * Steps:
+     * 1. Set the enteredInsulin state variable to the value of the enteredInsulin argument.
+     * @param enteredInsulin The amount of insulin (in units) that has been entered in the insulin input field.
+     */
+    updateInsulinRecommendation = (enteredInsulin) => {
+        this.setState({ enteredInsulin });
+    };
+    /**
+     * Handle what happens when the “Transfer to Logbook” button is pressed.
+     * Namely, the entered data should be saved in a logbook entry and the recommendation screen should be closed.
+     *
+     * Steps:
+     * 1. Unpack the enteredCarbs, enteredInsulin, insulinRecommendation, remeasureTime, and showExitModal state variables
+     * 2. Create an IResult object called carbs consisting of suggestedCarbs and enteredCarbs.
+     * 3. Create an IResult object called Insulin consisting of insulinRecommendation and enteredInsulin.
+     * 4. If showExitModal is true then call the hideExitModal() method. otherwise call the hideTimeoutModal() method.
+     * 5. Call the transferToLogbook prop callback function with the following arguments:
+     * 	- Set the carbs argument to the carbs IResult object.
+     * 	- Set the insulin argument to the insulin IResult object.
+     * 	- Set the reminder argument to the remeasureTime state variable.
+     * 	- Set the recommendationDate argument to the recommendationDate member variable.
+     */
+    handleTransfer = () => {
+        const { enteredCarbs, enteredInsulin, insulinRecommendation, remeasureTime, showExitModal, selectedMood } = this.state;
+        const carbs = { suggested: this.suggestedCarbs, entered: enteredCarbs };
+        const insulin = { suggested: insulinRecommendation, entered: enteredInsulin };
+        showExitModal ? this.hideExitModal() : this.hideTimeoutModal();
+        this.props.transferToLogbook(carbs, insulin, remeasureTime, this.recommendationDate, selectedMood);
+    };
+    /**
+     * Get the attention message that should be displayed for the user to draw their attention to noteworthy circumstances regarding their current blood glucose level.
+     *
+     * Steps:
+     * 1. Unpack calculatorParams and latestLogbookFrom6Hours from the props.
+     * 2. Unpack currentBGL and activity from calculatorparams.
+     * 3. Get bgLevel, the categorisation of the blood glucose level, by calling the getBGLevel() function with the currentBGL and latestLogbookFrom6Hours as arguments.
+     * 4. Return the attention message that is returned when calling getAttentionMessage() using bgLevel and activity as arguments.
+     * @returns A string describing what the user needs to be aware of regarding their current blood glucose level.
+     * If there is nothing noteworthy, null will be returned instead.
+     */
+    getBGLevelAttentionMessage = () => {
+        const { calculatorParams, latestLogbookFrom6Hours } = this.props;
+        const { currentBGL, activity } = calculatorParams;
+        const bgLevel = getBGLevel(currentBGL, latestLogbookFrom6Hours);
+        return getAttentionMessage(bgLevel, activity);
+    };
+    /**
+     * Get the initial value for the remeasurement reminder time slider depending on the user’s entered information.
+     *
+     * Steps:
+     * 1. Unpack calculatorParams, userReminder, and latestLogbookFrom6Hours from the props.
+     * 2. Unpack currentBGL, activity,  and carbohydrates from calculatorParams.
+     * 3. Get bgLevel, the categorisation of the blood glucose level, by calling the getBGLevel() function with the currentBGL and latestLogbookFrom6Hours as arguments.
+     * 4. Return the attention message that is returned when calling getReminder() using bgLevel, carbohydrates, userReminder, and activity as arguments.
+     * @returns The time interval in hours that should be used as the initial value for the remeasurement reminder time slider.
+     */
+    getBGLevelRemeasurementReminder = () => {
+        const { calculatorParams, userReminder, latestLogbookFrom6Hours } = this.props;
+        const { currentBGL, activity, carbohydrates } = calculatorParams;
+        const bgLevel = getBGLevel(currentBGL, latestLogbookFrom6Hours);
+        return getReminder(bgLevel, carbohydrates, userReminder, activity);
+    };
+    /**
+     * Get the attention message that should be displayed to the user to let them know that the insulin recommendation that
+     * is being displayed to them was limited by the maximum insulin threshold.
+     *
+     * Steps:
+     * 1. Unpack the wasLimited and activityReduction state variables.
+     * 2. Return the result from calling getLimitationMessage() with wasLimited and activityReduction as arguments.
+     * @returns A message to inform the user how the insulin recommendation was limited. If there is no limitation attention message, null will be returned instead.
+     */
+    getLimitationAttentionMessage = () => {
+        const { wasLimited, activityReduction } = this.state;
+        return getLimitationMessage(wasLimited, activityReduction);
+    };
     /** Render a JSX element for displaying the insulin recommendation screen. */
     render() {
         if (this.hasError) {
@@ -440,10 +465,10 @@ export default class RecommendationScreen extends React.Component {
         return (<I18nProvider language={this.props.language} i18n={i18n}>
 				<KeyboardAwareScrollView>
 					<ScrollView testID={RecommendationScreenTestIds.RecommendationScrollView} style={containerStyles.container} ref={(view) => {
-            if (view !== null) {
-                this.scrollView = 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 }}/>
@@ -451,11 +476,11 @@ export default class RecommendationScreen extends React.Component {
 						<View style={containerStyles.calcContainer}>
 							<View style={containerStyles.calcMargin}>
 								<View style={[
-            containerStyles.calcBorder,
-            {
-                borderColor: recommendedCarbs ? BORDER_COLOUR_TEAL : BORDER_COLOUR_GREY,
-            },
-        ]}>
+                containerStyles.calcBorder,
+                {
+                    borderColor: recommendedCarbs ? BORDER_COLOUR_TEAL : BORDER_COLOUR_GREY,
+                },
+            ]}>
 									<RecommendedCarbs enteredCarbs={`${providedCarbs}`} changedRecommendedCarbs={this.updateCarbRecommendation} recommendedCarbs={`${recommendedCarbs}`} removeRecommendedCarbs={this.removeCarbRecommendation}/>
 								</View>
 							</View>