@hedia/recommendation-screen 2.1.73 → 2.1.74-alpha.0

package/lib/module/components/RecommendedInsulin.js

@@ -0,0 +1,200 @@
+import React from "react";
+import { Alert, StyleSheet, TouchableOpacity, View } from "react-native";
+import { BolusCalculator } from "@hedia/types";
+import Edit from "../assets/IconsSVG/Edit";
+import { t } from "../locales/translate";
+import { Testing } from "../types/enum";
+import { Messages } from "../utils/AttentionMessages";
+import { colors } from "../utils/Constants";
+import { Utils } from "../utils/Utils";
+import InvisibleNumberInput from "./InvisibleNumberInput";
+import { FONTS } from "./styles/fonts";
+import Text from "./Text";
+const {
+  RecommendedInsulinTestIds
+} = Testing.Id;
+const SAFETY_INSULIN_LIMIT = BolusCalculator.Constants.SAFETY_INSULIN_LIMIT;
+
+/** Input field for displaying the entered amount of insulin (which defaults to HDA’s recommendation) and allowing the user to edit it. */
+export default class RecommendedInsulin extends React.Component {
+  /** Initialise the state partialInput variable with undefined */
+  state = {
+    partialInput: undefined
+  };
+  /**
+   *  Function taking no arguments and returning no value.
+   *  Will be bound to the function that activates input for InvisibleNumberInput when that component has been mounted.
+   */
+
+  /**
+   * Called immediately after updating occurs. Not called for the initial render.
+   * The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.
+   *
+   * Steps:
+   * 1. If the value of the enteredInsulin prop was changed, set the partialInput state variable to the new value.
+   * @param prevProps The previous component props
+   */
+  componentDidUpdate(prevProps) {
+    const {
+      enteredInsulin
+    } = this.props;
+    if (prevProps.enteredInsulin !== enteredInsulin) {
+      this.setState({
+        partialInput: enteredInsulin?.toString()
+      });
+    }
+  }
+
+  /**
+   * Handle what should happen when the InsulinRecommendation component has been pressed.
+   * Uses the InvisibleNumberInput child component to enable the user to input the amount of insulin that hey are taking.
+   *
+   * Steps:
+   * 1. Call the callbackInput() member method.
+   */
+  handleOnPress = () => {
+    this.callbackInput?.();
+  };
+
+  /**
+   * Passed to the InvisibleNumberInput child component as a callback function to be called every time the content of the input field changes.
+   *
+   * Steps:
+   * 1. Assign a new local variable, replacedZero, with the value of the insulin argument string
+   * except for the first character if insulin is longer than 1 character and starts with a '0' but doesn’t start with ‘0.’.
+   * Otherwise set it to insulin. This would be better handled by converting it to a number: replacedZero = Number(insulin);
+   * 2. Save replacedZero to the partialInput state variable.
+   * 3. Return replacedZero
+   * @param insulin  The contents of the input field.
+   * @returns The partially cleaned input.
+   */
+  updatePartially = insulin => {
+    const replacedZero = insulin.length > 1 && insulin.startsWith(`0`) && !insulin.startsWith(`0.`) ? insulin.substring(1) : insulin;
+    this.setState({
+      partialInput: replacedZero
+    });
+    return replacedZero;
+  };
+
+  /**
+   * Handle what happens when input in the InvisibleNumberInput child component is completed.
+   *
+   * Steps:
+   * 1. Get the rounded insulin amount using the value argument and the injectionMethod prop as arguments for the Utils.roundValue() function.
+   * 2. Get the adjusted safety insulin limit (due to activity) by multiplying the activity reduction factor (which is 1 minus the activityReduction prop) with the SAFETY_INSULIN_LIMIT constant.
+   * 3. If the rounded value exceeds the adjusted safety threshold:
+   * 	- Call the updatePartially() method with the adjusted safety threshold to set the insulin amount to the capped value.
+   * 	- Return an Alert with a message about the insulin limit.
+   * 4. Call the updatePartially() method with the rounded value to set the entered insulin value.
+   * 5. Call the updateRecommendedInsulin callback function prop with rounded as the argument to report back the updated insulin amount to the parent RecommendationScreen component.
+   * @param value The numerical value of the input field at completion.
+   */
+  handleUpdatedInsulin = value => {
+    const rounded = Utils.roundValue(value, this.props.injectionMethod);
+
+    // https://hedia.atlassian.net/browse/HDA-795
+    const limited = (1 - (this.props.activityReduction ?? 0)) * SAFETY_INSULIN_LIMIT;
+    if (rounded > limited) {
+      this.setState({
+        partialInput: this.props.insulinRecommendation?.toString() ?? null
+      });
+      this.props.updateRecommendedInsulin(this.props.insulinRecommendation);
+      return Alert.alert(t(`Attention`), Messages.InsulinInputWasLimited(this.props.activityReduction), [{
+        text: t(`OK`)
+      }]);
+    }
+    this.updatePartially(`${rounded}`);
+    this.props.updateRecommendedInsulin(rounded);
+  };
+
+  /**
+   * Render a JSX element to display the insulin input field with the current insulin amount value
+   * and using an InvisibleNumberInput component to enable input when the insulin amount is tapped.
+   */
+  render = () => {
+    const shownInsulin = this.state.partialInput ?? this.props.insulinRecommendation ?? `0`;
+    const {
+      EditRecommendedInsulin,
+      EditRecommendedInsulinIcon,
+      ShownInsulinText,
+      InvisibleInsulinInput
+    } = RecommendedInsulinTestIds;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: EditRecommendedInsulin,
+      onPress: this.handleOnPress,
+      style: style.container
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: style.titleText
+    }, t(`Recommended amount of insulin`)), /*#__PURE__*/React.createElement(Text, {
+      style: style.insulinText,
+      testID: ShownInsulinText
+    }, shownInsulin), /*#__PURE__*/React.createElement(Text, {
+      style: style.unitsText
+    }, t(`Units`)), /*#__PURE__*/React.createElement(View, {
+      style: style.enterManually
+    }, Edit({
+      color: colors.teal,
+      style: style.editIcon,
+      testID: EditRecommendedInsulinIcon
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: style.editText
+    }, t(`Enter Manually`)))), /*#__PURE__*/React.createElement(InvisibleNumberInput, {
+      testID: InvisibleInsulinInput,
+      decimalPlaces: 1,
+      maxLength: 4,
+      negativeAllowed: false,
+      cleanPartialInput: false,
+      partialInput: this.updatePartially,
+      onEnd: this.handleUpdatedInsulin,
+      visible: visible => this.callbackInput = visible,
+      startValue: `${shownInsulin}`
+    }));
+  };
+}
+const style = StyleSheet.create({
+  container: {
+    borderRadius: 5,
+    padding: 16,
+    backgroundColor: colors.deepPurple,
+    marginBottom: 32,
+    minHeight: 200
+  },
+  editText: {
+    ...FONTS.Poppins.regular_SM,
+    color: colors.teal,
+    textAlign: `center`
+  },
+  unitsText: {
+    ...FONTS.Poppins.medium_XS,
+    color: colors.white,
+    textAlign: `center`,
+    marginTop: -16,
+    marginBottom: 16
+  },
+  insulinText: {
+    ...FONTS.Oswald.bold_7XL,
+    color: colors.white,
+    textAlign: `center`,
+    minHeight: 110,
+    lineHeight: 90,
+    letterSpacing: 6,
+    justifyContent: `center`
+  },
+  titleText: {
+    ...FONTS.Poppins.medium_Base,
+    color: colors.white,
+    textAlign: `center`,
+    marginBottom: 16
+  },
+  editIcon: {
+    height: 16,
+    width: 16,
+    marginRight: 4,
+    alignSelf: `center`
+  },
+  enterManually: {
+    flexDirection: `row`,
+    justifyContent: `center`
+  }
+});
+//# sourceMappingURL=RecommendedInsulin.js.map

package/lib/module/components/RecommendedInsulin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","StyleSheet","TouchableOpacity","View","BolusCalculator","Edit","t","Testing","Messages","colors","Utils","InvisibleNumberInput","FONTS","Text","RecommendedInsulinTestIds","Id","SAFETY_INSULIN_LIMIT","Constants","RecommendedInsulin","Component","state","partialInput","undefined","componentDidUpdate","prevProps","enteredInsulin","props","setState","toString","handleOnPress","callbackInput","updatePartially","insulin","replacedZero","length","startsWith","substring","handleUpdatedInsulin","value","rounded","roundValue","injectionMethod","limited","activityReduction","insulinRecommendation","updateRecommendedInsulin","alert","InsulinInputWasLimited","text","render","shownInsulin","EditRecommendedInsulin","EditRecommendedInsulinIcon","ShownInsulinText","InvisibleInsulinInput","createElement","Fragment","testID","onPress","style","container","titleText","insulinText","unitsText","enterManually","color","teal","editIcon","editText","decimalPlaces","maxLength","negativeAllowed","cleanPartialInput","onEnd","visible","startValue","create","borderRadius","padding","backgroundColor","deepPurple","marginBottom","minHeight","Poppins","regular_SM","textAlign","medium_XS","white","marginTop","Oswald","bold_7XL","lineHeight","letterSpacing","justifyContent","medium_Base","height","width","marginRight","alignSelf","flexDirection"],"sourceRoot":"../../../src","sources":["components/RecommendedInsulin.tsx"],"mappings":"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"}

package/lib/module/components/Remeasure.js

@@ -0,0 +1,123 @@
+import Slider from "@react-native-community/slider";
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import { t } from "../locales/translate";
+import { Testing } from "../types/enum";
+import { colors } from "../utils/Constants";
+import { FONTS } from "./styles/fonts";
+import Text from "./Text";
+/**
+ * The Remeasure component has a slider child component that the user can drag to change
+ * when they will get a reminder notification about measuring their BGL again.
+ */
+export default class Remeasure extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      remeasureTime: props.remeasureTime
+    };
+  }
+
+  /**
+   * Steps:
+   * 1. Use limitTime() to limit/clamp the value of remeasureTime in the range 0 to 6.
+   * 2. Call the onSliderChange prop callback function with the limited value as argument.
+   * @param remeasureTime The value of the remeasurement slider.
+   */
+  handleSliderChange = remeasureTime => {
+    this.setState({
+      remeasureTime
+    });
+    const limited = this.limitTime(remeasureTime);
+    this.props.onSliderChange(limited);
+  };
+
+  /**
+   * Steps:
+   * 1.Use Math.min() and Math.max() to clamp remeasureTime in the range 0 to 6 and return the result.
+   * @param remeasureTime The value of the remeasurement slider.
+   * @returns The limited remeasurement time in hours
+   */
+  limitTime = remeasureTime => {
+    return Math.min(Math.max(0, remeasureTime), 6);
+  };
+
+  /**
+   * Compose a JSX element for displaying the currently selected remeasurement time along
+   * with a horizontal slider for changing it in increments of 0.5 hours in the range 0 to 6.
+   */
+  render() {
+    const measure = this.state.remeasureTime > 0;
+    const limited = this.limitTime(this.state.remeasureTime);
+    const {
+      RemeasureHours,
+      RemeasureSlider
+    } = Testing.Id.RemeasureTestIds;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.textContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.remeasureLabel,
+      maxFontSizeMultiplier: 1
+    }, t(`Remind me to remeasure in`)), /*#__PURE__*/React.createElement(View, {
+      style: styles.valueUnitContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.value,
+      testID: RemeasureHours,
+      maxFontSizeMultiplier: 1
+    }, measure ? limited : t(`OFF`)), measure && /*#__PURE__*/React.createElement(Text, {
+      style: styles.units,
+      maxFontSizeMultiplier: 1
+    }, t(`hours`)))), /*#__PURE__*/React.createElement(Slider, {
+      testID: RemeasureSlider,
+      maximumTrackTintColor: colors.mistBlue,
+      minimumTrackTintColor: colors.blue,
+      thumbTintColor: colors.white,
+      maximumValue: 6,
+      minimumValue: 0,
+      step: 0.5,
+      onValueChange: this.handleSliderChange,
+      value: limited
+    }));
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: `column`,
+    marginVertical: 32
+  },
+  textContainer: {
+    flexDirection: `row`,
+    marginBottom: 18
+  },
+  remeasureLabel: {
+    ...FONTS.Poppins.regular_Base,
+    color: colors.white,
+    flex: 7,
+    alignSelf: `center`
+  },
+  offText: {
+    ...FONTS.Poppins.bold_Base,
+    color: colors.white
+  },
+  valueUnitContainer: {
+    flex: 3,
+    justifyContent: `center`,
+    alignItems: `baseline`,
+    flexDirection: `row`,
+    alignSelf: `center`
+  },
+  value: {
+    ...FONTS.Poppins.medium_2XL,
+    textAlign: `right`,
+    color: colors.white
+  },
+  units: {
+    ...FONTS.Poppins.regular_XS,
+    textAlign: `left`,
+    paddingLeft: 4,
+    color: colors.white
+  }
+});
+//# sourceMappingURL=Remeasure.js.map

package/lib/module/components/Remeasure.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Slider","React","StyleSheet","View","t","Testing","colors","FONTS","Text","Remeasure","Component","constructor","props","state","remeasureTime","handleSliderChange","setState","limited","limitTime","onSliderChange","Math","min","max","render","measure","RemeasureHours","RemeasureSlider","Id","RemeasureTestIds","createElement","style","styles","container","textContainer","remeasureLabel","maxFontSizeMultiplier","valueUnitContainer","value","testID","units","maximumTrackTintColor","mistBlue","minimumTrackTintColor","blue","thumbTintColor","white","maximumValue","minimumValue","step","onValueChange","create","flexDirection","marginVertical","marginBottom","Poppins","regular_Base","color","flex","alignSelf","offText","bold_Base","justifyContent","alignItems","medium_2XL","textAlign","regular_XS","paddingLeft"],"sourceRoot":"../../../src","sources":["components/Remeasure.tsx"],"mappings":"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"}

package/lib/module/components/Text.js

@@ -0,0 +1,16 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+import { StyleSheet, Text as RNText } from "react-native";
+import { FONTS } from "./styles/fonts";
+const maxFontSizeMultiplier = 1.235;
+const Text = props => /*#__PURE__*/React.createElement(RNText, _extends({}, props, {
+  style: [styles.defaultText, props.style],
+  maxFontSizeMultiplier: maxFontSizeMultiplier
+}), props.children);
+const styles = StyleSheet.create({
+  defaultText: {
+    ...FONTS.Poppins.regular_Base
+  }
+});
+export default Text;
+//# sourceMappingURL=Text.js.map

package/lib/module/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","RNText","FONTS","maxFontSizeMultiplier","props","createElement","_extends","style","styles","defaultText","children","create","Poppins","regular_Base"],"sourceRoot":"../../../src","sources":["components/Text.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,IAAIC,MAAM,QAA8B,cAAc;AAE/E,SAAqBC,KAAK,QAAQ,gBAAgB;AAElD,MAAMC,qBAAqB,GAAG,KAAK;AAUnC,MAAMH,IAAI,GAAII,KAA2B,iBACxCN,KAAA,CAAAO,aAAA,CAACJ,MAAM,EAAAK,QAAA,KAAKF,KAAK;EAAEG,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAEL,KAAK,CAACG,KAAK,CAAE;EAACJ,qBAAqB,EAAEA;AAAsB,IACxGC,KAAK,CAACM,QAAQ,CAEhB;AAED,MAAMF,MAAM,GAAGT,UAAU,CAACY,MAAM,CAAC;EAChCF,WAAW,EAAE;IACZ,GAAGP,KAAK,CAACU,OAAO,CAACC;EAClB;AACD,CAAC,CAAC;AACF,eAAeb,IAAI"}

package/lib/module/components/TimeoutModal.js

@@ -0,0 +1,103 @@
+import * as React from "react";
+import { StatusBar, StyleSheet, TouchableOpacity, View } from "react-native";
+import ReactNativeModal from "react-native-modal";
+import { Testing } from "../types/enum";
+import { colors } from "../utils/Constants";
+import { FONTS } from "./styles/fonts";
+import Text from "./Text";
+const {
+  TimeOutModalTestIds
+} = Testing.Id;
+/** Display a modal with two buttons for the user to choose between. */
+export default class TimeoutModal extends React.Component {
+  /** Compose a JSX element for displaying the modal. */
+  render() {
+    return /*#__PURE__*/React.createElement(ReactNativeModal, {
+      style: style.container,
+      isVisible: this.props.isVisible,
+      onModalHide: this.props.onModalHide,
+      animationIn: `fadeIn`,
+      animationOut: `fadeOut`
+    }, /*#__PURE__*/React.createElement(StatusBar, {
+      backgroundColor: colors.black
+    }), /*#__PURE__*/React.createElement(View, {
+      style: style.modalContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: style.textContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: style.title
+    }, this.props.title), /*#__PURE__*/React.createElement(Text, {
+      style: style.message
+    }, this.props.message)), /*#__PURE__*/React.createElement(View, {
+      style: style.buttonContainer
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: TimeOutModalTestIds.FirstOption,
+      onPress: this.props.firstOption,
+      style: [style.button, {
+        backgroundColor: colors.teal,
+        marginBottom: 16
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: style.textFirstButton
+    }, this.props.textFirstOption)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: TimeOutModalTestIds.SecondOption,
+      onPress: this.props.secondOption,
+      style: style.button
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: style.textSecondButton
+    }, this.props.textSecondOption)))));
+  }
+}
+/** @internal */
+const style = StyleSheet.create({
+  container: {
+    margin: 0,
+    justifyContent: `center`,
+    backgroundColor: colors.transparentBlack
+  },
+  modalContainer: {
+    margin: 16,
+    padding: 24,
+    backgroundColor: colors.semiDarkBlue,
+    borderRadius: 24
+  },
+  textContainer: {
+    alignSelf: `flex-start`,
+    marginBottom: 24
+  },
+  title: {
+    ...FONTS.Poppins.bold_XL,
+    color: colors.white,
+    textAlign: `center`,
+    marginBottom: 24
+  },
+  message: {
+    ...FONTS.Poppins.regular_Base,
+    color: colors.lightBlue,
+    textAlign: `center`
+  },
+  buttonContainer: {
+    flexDirection: `column`,
+    justifyContent: `space-around`
+  },
+  button: {
+    borderRadius: 50,
+    borderWidth: 1,
+    borderColor: colors.teal
+  },
+  textFirstButton: {
+    ...FONTS.Poppins.bold_LG,
+    textAlign: `center`,
+    color: colors.black,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  textSecondButton: {
+    ...FONTS.Poppins.bold_LG,
+    textAlign: `center`,
+    color: colors.teal,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  }
+});
+//# sourceMappingURL=TimeoutModal.js.map

package/lib/module/components/TimeoutModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StatusBar","StyleSheet","TouchableOpacity","View","ReactNativeModal","Testing","colors","FONTS","Text","TimeOutModalTestIds","Id","TimeoutModal","Component","render","createElement","style","container","isVisible","props","onModalHide","animationIn","animationOut","backgroundColor","black","modalContainer","textContainer","title","message","buttonContainer","testID","FirstOption","onPress","firstOption","button","teal","marginBottom","textFirstButton","textFirstOption","SecondOption","secondOption","textSecondButton","textSecondOption","create","margin","justifyContent","transparentBlack","padding","semiDarkBlue","borderRadius","alignSelf","Poppins","bold_XL","color","white","textAlign","regular_Base","lightBlue","flexDirection","borderWidth","borderColor","bold_LG","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../src","sources":["components/TimeoutModal.tsx"],"mappings":"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"}

package/lib/module/components/TransferToLogbook.js

@@ -0,0 +1,75 @@
+import React from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { t } from "../locales/translate";
+import { Testing } from "../types/enum";
+import { colors } from "../utils/Constants";
+import { FONTS } from "./styles/fonts";
+import Text from "./Text";
+/**
+ * Render a button for transferring the recommendation to a logbook entry.
+ * The button has a visually distinct pressed state to signal to the user that the button was actually activated before returning to the dashboard screen.
+ */
+export default class TransferToLogbook extends React.Component {
+  /** Initialise the state pressed variable with false */
+  state = {
+    pressed: false
+  };
+
+  /**
+   * Handle what happens when the button is pressed.
+   *
+   * Steps:
+   * 1. Toggle the pressed state to the opposite of its current value.
+   * 2. Call the transfer prop callback function.
+   */
+  handlePress = () => {
+    this.setState({
+      pressed: !this.state.pressed
+    });
+    this.props.transfer();
+  };
+
+  /**
+   * Steps:
+   * 1. If the visible prop is false, display an empty space to keep the correct margins in the screen.
+   * 2. Return a JSX element to display a touchable button (that is disabled when the pressed state is true)
+   * @returns JSX element for displaying the transfer button
+   */
+  render() {
+    if (!this.props.visible) {
+      return;
+    }
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: Testing.Id.TransferToLogbookTestIds.TransferButton,
+      onPress: this.handlePress,
+      disabled: this.state.pressed,
+      style: addToLogbookStyles.container
+    }, /*#__PURE__*/React.createElement(View, {
+      style: addToLogbookStyles.textContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: addToLogbookStyles.transferText
+    }, t(`Transfer to logbook`))));
+  }
+}
+const addToLogbookStyles = StyleSheet.create({
+  container: {
+    minWidth: 230,
+    borderRadius: 50,
+    backgroundColor: colors.teal,
+    marginBottom: 32,
+    justifyContent: `center`,
+    alignSelf: `center`
+  },
+  textContainer: {
+    flexDirection: `row`,
+    justifyContent: `center`
+  },
+  transferText: {
+    ...FONTS.Poppins.bold_Base,
+    color: colors.black,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    textAlign: `center`
+  }
+});
+//# sourceMappingURL=TransferToLogbook.js.map

package/lib/module/components/TransferToLogbook.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","View","t","Testing","colors","FONTS","Text","TransferToLogbook","Component","state","pressed","handlePress","setState","props","transfer","render","visible","createElement","testID","Id","TransferToLogbookTestIds","TransferButton","onPress","disabled","style","addToLogbookStyles","container","textContainer","transferText","create","minWidth","borderRadius","backgroundColor","teal","marginBottom","justifyContent","alignSelf","flexDirection","Poppins","bold_Base","color","black","paddingVertical","paddingHorizontal","textAlign"],"sourceRoot":"../../../src","sources":["components/TransferToLogbook.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAEjE,SAASC,CAAC,QAAQ,sBAAsB;AACxC,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,KAAK,QAAQ,gBAAgB;AACtC,OAAOC,IAAI,MAAM,QAAQ;AAczB;AACA;AACA;AACA;AACA,eAAe,MAAMC,iBAAiB,SAAST,KAAK,CAACU,SAAS,CAAiB;EAC9E;EACOC,KAAK,GAAW;IACtBC,OAAO,EAAE;EACV,CAAC;;EAED;AACD;AACA;AACA;AACA;AACA;AACA;EACQC,WAAW,GAAGA,CAAA,KAAY;IAChC,IAAI,CAACC,QAAQ,CAAC;MACbF,OAAO,EAAE,CAAC,IAAI,CAACD,KAAK,CAACC;IACtB,CAAC,CAAC;IACF,IAAI,CAACG,KAAK,CAACC,QAAQ,EAAE;EACtB,CAAC;;EAED;AACD;AACA;AACA;AACA;AACA;EACQC,MAAMA,CAAA,EAAG;IACf,IAAI,CAAC,IAAI,CAACF,KAAK,CAACG,OAAO,EAAE;MACxB;IACD;IAEA,oBACClB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB;MAChBkB,MAAM,EAAEf,OAAO,CAACgB,EAAE,CAACC,wBAAwB,CAACC,cAAe;MAC3DC,OAAO,EAAE,IAAI,CAACX,WAAY;MAC1BY,QAAQ,EAAE,IAAI,CAACd,KAAK,CAACC,OAAQ;MAC7Bc,KAAK,EAAEC,kBAAkB,CAACC;IAAU,gBAEpC5B,KAAA,CAAAmB,aAAA,CAAChB,IAAI;MAACuB,KAAK,EAAEC,kBAAkB,CAACE;IAAc,gBAC7C7B,KAAA,CAAAmB,aAAA,CAACX,IAAI;MAACkB,KAAK,EAAEC,kBAAkB,CAACG;IAAa,GAAE1B,CAAC,CAAE,qBAAoB,CAAC,CAAQ,CACzE,CACW;EAErB;AACD;AAEA,MAAMuB,kBAAkB,GAAG1B,UAAU,CAAC8B,MAAM,CAAC;EAC5CH,SAAS,EAAE;IACVI,QAAQ,EAAE,GAAG;IACbC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE5B,MAAM,CAAC6B,IAAI;IAC5BC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAG,QAAO;IACxBC,SAAS,EAAG;EACb,CAAC;EACDT,aAAa,EAAE;IACdU,aAAa,EAAG,KAAI;IACpBF,cAAc,EAAG;EAClB,CAAC;EACDP,YAAY,EAAE;IACb,GAAGvB,KAAK,CAACiC,OAAO,CAACC,SAAS;IAC1BC,KAAK,EAAEpC,MAAM,CAACqC,KAAK;IACnBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,SAAS,EAAG;EACb;AACD,CAAC,CAAC"}

package/lib/module/components/activity/Activity.js

@@ -0,0 +1,104 @@
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import { t } from "../../locales/translate";
+import { Testing } from "../../types/enum";
+import { colors } from "../../utils/Constants";
+import { infoStyles } from "../InfoBars";
+import { FONTS } from "../styles/fonts";
+import Text from "../Text";
+import ActivityIcon from "./ActivityIcon";
+import ActivityIntensity from "./ActivityIntensity";
+/**
+ * Component for displaying a summary of the entered physical activity along with the effect it has on the insulin recommendation.
+ */
+export default class Activity extends React.Component {
+  /**
+   * Steps:
+   * 1. Unpack activity, activityType, activityReduction, and activityTitle from props.
+   * 2. Compute the reductionPercentage by multiplying the activityReduction prop by 100 and rounding to the nearest integer.
+   * 3. Generate and return the JSX element to display the following on the screen:
+   * 	- Print the activity duration.
+   * 	- Display the ActivityIcon that corresponds to the type of activity.
+   * 	- Display the ActivityIntensity for the activity.
+   * 	- Print the reductionPercentage.
+   * @returns JSX Element containing all the user's physical activity details
+   */
+  render() {
+    const {
+      activity,
+      activityType,
+      activityReduction,
+      activityTitle
+    } = this.props;
+    const reductionPercentage = ((activityReduction ?? 0) * 100).toFixed(0);
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.activityTextContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: infoStyles.labelContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.label
+    }, t(`Activity`))), /*#__PURE__*/React.createElement(View, {
+      style: infoStyles.valueUnitContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: infoStyles.value,
+      testID: Testing.Id.ActivityTestIds.ActivityDuration
+    }, activity.activityDuration), /*#__PURE__*/React.createElement(Text, {
+      style: infoStyles.units
+    }, t(`min`)))), /*#__PURE__*/React.createElement(ActivityIcon, {
+      activityType: activityType,
+      activityTitle: activityTitle
+    }), /*#__PURE__*/React.createElement(ActivityIntensity, {
+      activityIntensity: activity.activityIntensity
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.infoText
+    }, t(`Based on the selected activity your insulin recommendation is reduced by:`)), /*#__PURE__*/React.createElement(View, {
+      style: styles.reductionContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.reductionPercentage,
+      testID: Testing.Id.ActivityTestIds.ActivityReduction
+    }, reductionPercentage), /*#__PURE__*/React.createElement(Text, {
+      style: styles.percentage
+    }, `%`)));
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginTop: 8,
+    padding: 16,
+    borderWidth: 1,
+    borderColor: colors.dustyDarkBlue,
+    borderRadius: 5
+  },
+  activityTextContainer: {
+    flex: 1,
+    flexDirection: `row`,
+    marginBottom: 6,
+    alignItems: `center`
+  },
+  infoText: {
+    ...FONTS.Poppins.regular_Base,
+    color: colors.lightBlue,
+    marginBottom: 4
+  },
+  reductionContainer: {
+    flexDirection: `row`,
+    alignItems: `baseline`
+  },
+  reductionPercentage: {
+    ...FONTS.Poppins.medium_2XL,
+    color: colors.white
+  },
+  percentage: {
+    ...FONTS.Poppins.regular_XS,
+    color: colors.white,
+    marginLeft: 4
+  },
+  label: {
+    ...FONTS.Poppins.regular_Base,
+    color: colors.white
+  }
+});
+//# sourceMappingURL=Activity.js.map