@hedia/recommendation-screen 1.1.0 → 1.1.1

package/App.jsx

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const RecommendationCalculator_1 = require("@hedia/recommendation-calculator/src/RecommendationCalculator");
+const react_1 = __importDefault(require("react"));
+const RecommendationScreen_1 = __importDefault(require("./src/RecommendationScreen"));
+const enum_1 = require("./src/types/enum");
+class App extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.exitCallback = () => {
+            console.log(`Exiting...`);
+        };
+        this.removeCarbs = () => {
+            this.setState({
+                carbs: null,
+            });
+        };
+        this.changeCarbs = (carbs) => {
+            this.setState({
+                carbs,
+            });
+        };
+        this.onYes = () => {
+            console.log(`Navigate to recent bolus screen`);
+        };
+        this.updatedRecommendedInsulin = (val) => {
+            console.log(`Updated recommended insulin: `, val);
+        };
+        this.transferToLogbook = (...params) => {
+            console.log(`Transfered:`, params);
+        };
+        this.updateRemeasureTime = (remeasureTime) => {
+            console.log(`updateRemeasureTime:`, remeasureTime);
+        };
+        this.handleError = (error) => {
+            console.log(JSON.stringify(error));
+            switch (error.type) {
+                default:
+                    throw error;
+            }
+        };
+        const params = {
+            currentBGL: 3,
+            carbohydrates: 120,
+            carbohydrateRatio: 22,
+            insulinSensitivity: 0.3,
+            targetBGL: 7,
+            recentBoluses: [],
+            activity: {
+                activityDate: new Date(Date.now() - enum_1.Milliseconds.Minute * 2),
+                activityDuration: 5,
+                activityIntensity: RecommendationCalculator_1.ActivityIntensity.Moderate,
+                activitySettings: {
+                    hard: { fromZero: 0.25, fromThirty: 0.55, fromFortysix: 0 },
+                    light: { fromZero: 0.25, fromThirty: 0.55, fromFortysix: 0.25 },
+                    post: { fromZero: 1, fromThirty: 0, fromFortysix: 0.25 },
+                    moderate: { fromZero: 0.25, fromThirty: 0.5, fromFortysix: 0.75 },
+                    target: 8.3,
+                },
+                activityTitle: `Moderate Activity Test Title`,
+            },
+        };
+        this.state = {
+            params,
+            carbs: 25,
+            injectionMethod: enum_1.InjectionMethod.Pump,
+        };
+    }
+    render() {
+        const logbook1 = {
+            blood_glucose_millimolar: 15,
+            carbohydrates_entered_grams: 25,
+            carbohydrates_suggested_grams: 25,
+            client_timestamp: `25`,
+            client_version: 25,
+            entry_timestamp: `25`,
+            event_uuid: null,
+            insulin_entered_units: 25,
+            insulin_suggested_units: 25,
+            is_deleted: null,
+            mood: 2,
+            settings_uuid: `25`,
+            uuid: `aaa`,
+        };
+        return (<RecommendationScreen_1.default latestLogbookFrom6Hours={logbook1} language={enum_1.Languages.en} injectionMethod={this.state.injectionMethod} calculatorParams={this.state.params} userReminder={5} units={enum_1.BGUnit.MMOL_L} exitCallback={this.exitCallback} onRecentInsulinYes={this.onYes} transferToLogbook={this.transferToLogbook} onError={this.handleError} activityType={enum_1.ActivityEnum.Walking}/>);
+    }
+}
+exports.default = App;

package/index.d.ts

@@ -0,0 +1,5 @@
+import RecommendationScreen from "./src/RecommendationScreen";
+import { ActivityEnum, RecommendationErrorEnum } from "./src/types/enum";
+import * as Errors from "./src/utils/RecommendationError";
+export default RecommendationScreen;
+export { ActivityEnum, Errors, RecommendationErrorEnum };

package/index.js

@@ -0,0 +1,32 @@
+"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.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 });
+exports.RecommendationErrorEnum = exports.Errors = exports.ActivityEnum = void 0;
+const RecommendationScreen_1 = __importDefault(require("./src/RecommendationScreen"));
+const enum_1 = require("./src/types/enum");
+Object.defineProperty(exports, "ActivityEnum", { enumerable: true, get: function () { return enum_1.ActivityEnum; } });
+Object.defineProperty(exports, "RecommendationErrorEnum", { enumerable: true, get: function () { return enum_1.RecommendationErrorEnum; } });
+const Errors = __importStar(require("./src/utils/RecommendationError"));
+exports.Errors = Errors;
+exports.default = RecommendationScreen_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedia/recommendation-screen",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Hedia Recommendation Screen for Bolus and Carbohydrates",
   "main": "index.js",
   "scripts": {

package/src/RecommendationScreen.d.ts

@@ -0,0 +1,57 @@
+import React from "react";
+import { ActivityEnum, BGUnit, InjectionMethod, Languages, MoodEnum } from "./types/enum";
+import * as Calculator from "@hedia/recommendation-calculator";
+import { RecommendationError } from "./utils/RecommendationError";
+import { IActivity, logbookEntry } from "./types/types";
+import { AttentionMessage } from "./utils/AttentionMessages";
+interface IResult {
+    suggested: number;
+    entered?: number;
+}
+export interface IRecommendationProps {
+    units: BGUnit;
+    language: Languages;
+    userReminder: number;
+    calculatorParams: Calculator.IRecommendationParams & IActivity;
+    activityType: ActivityEnum;
+    injectionMethod: InjectionMethod;
+    latestLogbookFrom6Hours: logbookEntry;
+    exitCallback(): void;
+    onRecentInsulinYes(): void;
+    transferToLogbook(carbs: IResult, insulin: IResult, reminder: number): void;
+    onError(error: RecommendationError): void;
+}
+interface IState {
+    remeasureTime: number;
+    showRecentInsulin: boolean;
+    insulinRecommendation: number;
+    activityReduction?: number;
+    wasLimited: boolean;
+    carbRecommendation: number;
+    bolus: number;
+    activeInsulin: number;
+    selectedMood?: MoodEnum;
+    enteredCarbs?: number;
+    enteredInsulin?: number;
+    recommendationModal: boolean;
+}
+export default class RecommendationScreen extends React.Component<IRecommendationProps, IState> {
+    private readonly timer;
+    private readonly suggestedCarbs;
+    private scrollView;
+    constructor(props: IRecommendationProps);
+    updateRemeasureTime: (remeasureTime: number) => void;
+    handleNoRecentInsulin: () => void;
+    updateCarbRecommendation: (enteredCarbs: number) => void;
+    removeCarbRecommendation: () => void;
+    declineCarbRecommendation: () => void;
+    hideAttentionModal: () => void;
+    handleMoodSelected: (selectedMood: IState["selectedMood"]) => void;
+    updateInsulinRecommendation: (enteredInsulin: number) => void;
+    handleTransfer: () => void;
+    getBGLevelAttentionMessage: () => AttentionMessage;
+    getBGLevelRemeasurementReminder: () => number;
+    getLimitationAttentionMessage: () => AttentionMessage;
+    render(): JSX.Element;
+}
+export {};

package/src/RecommendationScreen.jsx

@@ -0,0 +1,194 @@
+"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.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 enum_1 = require("./types/enum");
+const Constants_1 = require("./utils/Constants");
+const Header_1 = __importStar(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 react_2 = require("@lingui/react");
+const Emotion_1 = __importDefault(require("./components/mood/Emotion"));
+const TransferToLogbook_1 = __importDefault(require("./components/TransferToLogbook"));
+const RecommendationError_1 = require("./utils/RecommendationError");
+const macro_1 = require("@lingui/macro");
+const Activity_1 = __importDefault(require("./components/activity/Activity"));
+const HediaRecommendationModal_1 = __importDefault(require("./components/HediaRecommendationModal"));
+const i18nUtils_1 = require("./locale/i18nUtils");
+const RecommendationUtils_1 = require("./utils/RecommendationUtils");
+const Utils_1 = require("./utils/Utils");
+const Validations_1 = require("./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 {
+    constructor(props) {
+        super(props);
+        this.updateRemeasureTime = (remeasureTime) => {
+            this.setState({ remeasureTime });
+        };
+        this.handleNoRecentInsulin = () => {
+            this.setState({
+                showRecentInsulin: false,
+            }, () => {
+                setTimeout(() => {
+                    this.scrollView?.scrollToEnd({
+                        animated: true,
+                    });
+                }, 0);
+            });
+        };
+        this.updateCarbRecommendation = (enteredCarbs) => {
+            this.setState({ enteredCarbs });
+        };
+        this.removeCarbRecommendation = () => {
+            this.setState({
+                enteredCarbs: null,
+                carbRecommendation: null,
+            });
+        };
+        this.declineCarbRecommendation = () => {
+            this.removeCarbRecommendation();
+            this.hideAttentionModal();
+        };
+        this.hideAttentionModal = () => {
+            this.setState({ recommendationModal: false });
+        };
+        this.handleMoodSelected = (selectedMood) => {
+            this.setState({
+                selectedMood,
+            });
+        };
+        this.updateInsulinRecommendation = (enteredInsulin) => {
+            this.setState({
+                enteredInsulin,
+            });
+        };
+        this.handleTransfer = () => {
+            this.props.transferToLogbook({
+                suggested: this.suggestedCarbs,
+                entered: this.state.enteredCarbs,
+            }, {
+                suggested: this.state.insulinRecommendation,
+                entered: this.state.enteredInsulin,
+            }, this.state.remeasureTime);
+            clearTimeout(this.timer);
+        };
+        this.getBGLevelAttentionMessage = () => {
+            const { calculatorParams, latestLogbookFrom6Hours } = this.props;
+            const { currentBGL, activity } = calculatorParams;
+            const bgLevel = RecommendationUtils_1.getBGLevel(currentBGL, latestLogbookFrom6Hours);
+            return RecommendationUtils_1.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);
+        };
+        this.getLimitationAttentionMessage = () => {
+            const { wasLimited, activityReduction } = this.state;
+            return RecommendationUtils_1.getLimitationMessage(wasLimited, activityReduction);
+        };
+        try {
+            Validations_1.validateParams(props);
+        }
+        catch (error) {
+            props.onError(error);
+        }
+        i18nUtils_1.changeLanguage(props.language);
+        const { recentBoluses } = props?.calculatorParams;
+        const { bolus, carbRecommendation, activityReduction, wasLimited } = Calculator.calculateRecommendation(RecommendationUtils_1.getParams(this.props));
+        this.suggestedCarbs = carbRecommendation;
+        const activeInsulin = Calculator.calculateActiveInsulin(recentBoluses ?? []);
+        this.state = {
+            remeasureTime: this.getBGLevelRemeasurementReminder(),
+            showRecentInsulin: recentBoluses?.length === 0,
+            insulinRecommendation: Utils_1.Utils.roundValue(bolus, props.injectionMethod),
+            wasLimited,
+            activityReduction,
+            bolus,
+            carbRecommendation,
+            activeInsulin,
+            selectedMood: null,
+            recommendationModal: wasLimited || !!carbRecommendation || !!this.getBGLevelAttentionMessage(),
+        };
+        this.timer = setTimeout(() => {
+            props.onError(RecommendationError_1.TimeoutLimitError());
+        }, enum_1.Milliseconds.Minute * 15);
+    }
+    render() {
+        const { activeInsulin, recommendationModal, carbRecommendation, enteredCarbs } = this.state;
+        const { calculatorParams } = this.props;
+        const { currentBGL, carbohydrates } = calculatorParams;
+        return (<react_2.I18nProvider language={this.props.language} i18n={i18nUtils_1.i18n}>
+				<react_native_1.ScrollView style={containerStyles.container} ref={(view) => (this.scrollView = view)}>
+					<Header_1.default exitCallback={this.props.exitCallback}/>
+					<InfoBars_1.default label={i18nUtils_1.i18n._(macro_1.t `Active Insulin`)} value={activeInsulin ? `${activeInsulin.toFixed(1)}` : null} units={i18nUtils_1.i18n._(macro_1.t `units`)} showZeroAsDash={false}/>
+					<InfoBars_1.default label={i18nUtils_1.i18n._(macro_1.t `Blood Glucose Level`)} value={currentBGL ? `${currentBGL}` : null} units={this.props.units} showZeroAsDash={true}/>
+					<react_native_1.View style={containerStyles.calcContainer}>
+						<react_native_1.View style={containerStyles.calcMargin}>
+							<react_native_1.View style={[
+            containerStyles.calcBorder,
+            {
+                borderColor: carbRecommendation ? Constants_1.BORDER_COLOUR_TEAL : Constants_1.BORDER_COLOUR_GREY,
+            },
+        ]}>
+								<RecommendedCarbs_1.default enteredCarbs={`${carbohydrates}`} changedRecommendedCarbs={this.updateCarbRecommendation} recommendedCarbs={`${enteredCarbs ?? carbRecommendation}`} removeRecommendedCarbs={this.removeCarbRecommendation} onError={this.props.onError}/>
+								<Remeasure_1.default onSliderChange={this.updateRemeasureTime} remeasureTime={this.state.remeasureTime}/>
+							</react_native_1.View>
+						</react_native_1.View>
+					</react_native_1.View>
+					{this.props.calculatorParams.activity && this.props.activityType !== null ? (<Activity_1.default activity={this.props.calculatorParams.activity} activityType={this.props.activityType} activityReduction={this.state.activityReduction}/>) : null}
+					{this.state.showRecentInsulin ? (<RecentInsulin_1.default onRecentInsulinYes={this.props.onRecentInsulinYes} onRecentInsulinNo={this.handleNoRecentInsulin}/>) : (<RecommendedInsulin_1.default injectionMethod={this.props.injectionMethod} insulinRecommendation={this.state.enteredInsulin ?? this.state.insulinRecommendation} activityReduction={this.state.activityReduction} updateRecommendedInsulin={this.updateInsulinRecommendation} onError={this.props.onError}/>)}
+					<Emotion_1.default moodSelected={this.handleMoodSelected} currentMood={this.state.selectedMood}/>
+					<TransferToLogbook_1.default visible={!this.state.showRecentInsulin} transfer={this.handleTransfer}/>
+					<HediaRecommendationModal_1.default isVisible={recommendationModal} suggestedCarbohydrates={carbRecommendation} attentionMessage={this.getBGLevelAttentionMessage()} limitationMessage={this.getLimitationAttentionMessage()} onClickOkButton={this.hideAttentionModal} onAcceptCarbohydrates={this.hideAttentionModal} onDeclineCarbohydrates={this.declineCarbRecommendation}/>
+				</react_native_1.ScrollView>
+			</react_2.I18nProvider>);
+    }
+}
+exports.default = RecommendationScreen;
+const containerStyles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: Constants_1.BACKGROUND_COLOUR_PURPLE,
+    },
+    calcContainer: {
+        flex: 1,
+    },
+    calcMargin: {
+        flex: 1,
+        margin: Header_1.headerStyles.margin.margin,
+    },
+    calcBorder: {
+        ...InfoBars_1.infoStyles.border,
+        borderColor: Constants_1.BORDER_COLOUR_TEAL,
+    },
+});

package/src/components/Header.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { IRecommendationProps } from "../RecommendationScreen";
+interface IProps {
+    exitCallback: IRecommendationProps["exitCallback"];
+}
+export default class Header extends React.Component<IProps> {
+    render(): JSX.Element;
+}
+export declare const headerStyles: {
+    backgroundColour: {
+        backgroundColor: string;
+    };
+    margin: {
+        margin: string;
+        flexDirection: "row";
+        flex: number;
+    };
+    headerContainer: {
+        flexDirection: "row";
+        flex: number;
+    };
+    exitButtonContainer: {
+        flex: number;
+    };
+    exitButton: {
+        flex: number;
+    };
+    iconStyle: {
+        fontSize: number;
+        color: string;
+    };
+    headerTextContainer: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+        marginTop: string;
+    };
+    headerText: {
+        fontSize: number;
+        fontWeight: "bold";
+        textAlign: "center";
+        color: string;
+    };
+    headerFiller: {
+        flex: number;
+    };
+};
+export {};

package/src/components/Header.jsx

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerStyles = void 0;
+const macro_1 = require("@lingui/macro");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const i18nUtils_1 = require("../locale/i18nUtils");
+const Constants_1 = require("../utils/Constants");
+const Icon_1 = __importDefault(require("./Icon"));
+class Header extends react_1.default.Component {
+    render() {
+        return (<react_1.default.Fragment>
+				<react_native_1.SafeAreaView style={exports.headerStyles.backgroundColour}/>
+				<react_native_1.View style={exports.headerStyles.headerContainer}>
+					<react_native_1.View style={exports.headerStyles.margin}>
+						<react_native_1.View style={exports.headerStyles.exitButtonContainer}>
+							<react_native_1.View style={exports.headerStyles.exitButton}>
+								<react_native_1.TouchableOpacity accessibilityLabel="exitButton" style={exports.headerStyles.exitButton} onPress={this.props.exitCallback}>
+									<Icon_1.default iconIdentifier={`Ionicons/ios-close-circle-outline`} style={exports.headerStyles.iconStyle}/>
+								</react_native_1.TouchableOpacity>
+								<react_native_1.View style={exports.headerStyles.headerFiller}/>
+							</react_native_1.View>
+						</react_native_1.View>
+						<react_native_1.View style={exports.headerStyles.headerTextContainer}>
+							<react_native_1.Text style={exports.headerStyles.headerText} testID="headerText">
+								{i18nUtils_1.i18n._(macro_1.t `INSULIN${`\n`}RECOMMENDATION`)}
+							</react_native_1.Text>
+						</react_native_1.View>
+						<react_native_1.View style={exports.headerStyles.headerFiller}/>
+					</react_native_1.View>
+				</react_native_1.View>
+			</react_1.default.Fragment>);
+    }
+}
+exports.default = Header;
+exports.headerStyles = react_native_1.StyleSheet.create({
+    backgroundColour: {
+        backgroundColor: Constants_1.BACKGROUND_COLOUR_PURPLE,
+    },
+    margin: {
+        margin: `3%`,
+        flexDirection: `row`,
+        flex: 1,
+    },
+    headerContainer: {
+        flexDirection: `row`,
+        flex: 1,
+    },
+    exitButtonContainer: {
+        flex: 1,
+    },
+    exitButton: {
+        flex: 1,
+    },
+    iconStyle: {
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 10,
+        color: Constants_1.BORDER_COLOUR_GREY,
+    },
+    headerTextContainer: {
+        flex: 6,
+        justifyContent: `center`,
+        alignItems: `center`,
+        marginTop: `5%`,
+    },
+    headerText: {
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 14,
+        fontWeight: `bold`,
+        textAlign: `center`,
+        color: `white`,
+    },
+    headerFiller: {
+        flex: 1,
+    },
+});

package/src/components/HediaRecommendationModal.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { AttentionMessage } from "../utils/AttentionMessages";
+interface IModalProps {
+    isVisible: boolean;
+    suggestedCarbohydrates?: number;
+    attentionMessage: AttentionMessage;
+    limitationMessage: AttentionMessage;
+    onClickOkButton(): void;
+    onAcceptCarbohydrates(): void;
+    onDeclineCarbohydrates(): void;
+}
+interface IModalState {
+    firstPageVisible: boolean;
+}
+export default class HediaRecommendationModal extends React.Component<IModalProps, IModalState> {
+    constructor(props: IModalProps);
+    okayButton(): JSX.Element;
+    nextButton(): JSX.Element;
+    onPressNextButton: () => void;
+    recommendationButtons: () => JSX.Element;
+    recommendCarbohydrates: () => JSX.Element;
+    secondPage: () => JSX.Element;
+    firstPage: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};