@ovok/native 0.3.4

package/lib/module/modules/theme/types/theme-provider-props.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=theme-provider-props.js.map

package/lib/module/modules/theme/types/theme-provider-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["modules/theme/types/theme-provider-props.ts"],"mappings":"","ignoreList":[]}

package/lib/module/modules/theme/utils/generate-theme.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { MD3DarkTheme, MD3LightTheme } from "react-native-paper";
+export const generateTheme = theme => {
+  const base = theme.dark ? MD3DarkTheme : MD3LightTheme;
+  return {
+    ...base,
+    colors: {
+      ...base.colors,
+      ...theme.colors
+    },
+    roundness: theme.borderRadiusMultiplier,
+    spacing: value => value * theme.spacingMultiplier,
+    borderRadius: value => value * theme.borderRadiusMultiplier,
+    dark: theme.dark
+  };
+};
+//# sourceMappingURL=generate-theme.js.map

package/lib/module/modules/theme/utils/generate-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MD3DarkTheme","MD3LightTheme","generateTheme","theme","base","dark","colors","roundness","borderRadiusMultiplier","spacing","value","spacingMultiplier","borderRadius"],"sourceRoot":"../../../../../src","sources":["modules/theme/utils/generate-theme.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,oBAAoB;AAIhE,OAAO,MAAMC,aAAa,GAAIC,KAAkC,IAAK;EACnE,MAAMC,IAAI,GAAGD,KAAK,CAACE,IAAI,GAAGL,YAAY,GAAGC,aAAa;EAEtD,OAAO;IACL,GAAGG,IAAI;IACPE,MAAM,EAAE;MACN,GAAGF,IAAI,CAACE,MAAM;MACd,GAAGH,KAAK,CAACG;IACX,CAAC;IACDC,SAAS,EAAEJ,KAAK,CAACK,sBAAsB;IACvCC,OAAO,EAAGC,KAAa,IAAKA,KAAK,GAAGP,KAAK,CAACQ,iBAAiB;IAC3DC,YAAY,EAAGF,KAAa,IAAKA,KAAK,GAAGP,KAAK,CAACK,sBAAsB;IAErEH,IAAI,EAAEF,KAAK,CAACE;EACd,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/complete-animation.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { TickCircle } from "iconsax-react-nativejs";
+import { StyleSheet } from "react-native";
+import { Text } from "react-native-paper";
+import Animated, { FadeIn, FadeOut, runOnJS } from "react-native-reanimated";
+import { useAppTheme } from "../../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CompleteAnimation = ({
+  testID,
+  onAnimationEnd
+}) => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.surface
+    }],
+    entering: FadeIn,
+    exiting: FadeOut,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.content, {
+        gap: theme.spacing(2)
+      }],
+      entering: FadeIn.duration(3000).withCallback(finished => {
+        if (finished && onAnimationEnd) {
+          runOnJS(onAnimationEnd)();
+        }
+      }),
+      exiting: FadeOut,
+      children: [/*#__PURE__*/_jsx(TickCircle, {
+        size: 50,
+        color: theme.colors.success,
+        variant: "Bold",
+        testID: "tick-icon"
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "bodyMedium",
+        children: "Completed"
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  content: {
+    justifyContent: "center",
+    alignItems: "center",
+    flex: 1
+  }
+});
+//# sourceMappingURL=complete-animation.js.map

package/lib/module/modules/tile/components/complete-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TickCircle","StyleSheet","Text","Animated","FadeIn","FadeOut","runOnJS","useAppTheme","jsx","_jsx","jsxs","_jsxs","CompleteAnimation","testID","onAnimationEnd","theme","View","style","styles","container","backgroundColor","colors","surface","entering","exiting","children","content","gap","spacing","duration","withCallback","finished","size","color","success","variant","create","position","top","left","right","bottom","justifyContent","alignItems","flex"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/complete-animation.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,wBAAwB;AACnD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,OAAOC,QAAQ,IAAIC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,yBAAyB;AAE5E,SAASC,WAAW,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,MAAM;EACNC;AACsB,CAAC,KAAK;EAC5B,MAAMC,KAAK,GAAGR,WAAW,CAAC,CAAC;EAE3B,oBACEE,IAAA,CAACN,QAAQ,CAACa,IAAI;IACZC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACC;IAAQ,CAAC,CAAE;IACrEC,QAAQ,EAAEnB,MAAO;IACjBoB,OAAO,EAAEnB,OAAQ;IACjBQ,MAAM,EAAEA,MAAO;IAAAY,QAAA,eAEfd,KAAA,CAACR,QAAQ,CAACa,IAAI;MACZC,KAAK,EAAE,CAACC,MAAM,CAACQ,OAAO,EAAE;QAAEC,GAAG,EAAEZ,KAAK,CAACa,OAAO,CAAC,CAAC;MAAE,CAAC,CAAE;MACnDL,QAAQ,EAAEnB,MAAM,CAACyB,QAAQ,CAAC,IAAI,CAAC,CAACC,YAAY,CAAEC,QAAQ,IAAK;QACzD,IAAIA,QAAQ,IAAIjB,cAAc,EAAE;UAC9BR,OAAO,CAACQ,cAAc,CAAC,CAAC,CAAC;QAC3B;MACF,CAAC,CAAE;MACHU,OAAO,EAAEnB,OAAQ;MAAAoB,QAAA,gBAEjBhB,IAAA,CAACT,UAAU;QACTgC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAElB,KAAK,CAACM,MAAM,CAACa,OAAQ;QAC5BC,OAAO,EAAC,MAAM;QACdtB,MAAM,EAAC;MAAW,CACnB,CAAC,eAEFJ,IAAA,CAACP,IAAI;QAACiC,OAAO,EAAC,YAAY;QAAAV,QAAA,EAAC;MAAS,CAAM,CAAC;IAAA,CAC9B;EAAC,CACH,CAAC;AAEpB,CAAC;AAED,MAAMP,MAAM,GAAGjB,UAAU,CAACmC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTkB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDf,OAAO,EAAE;IACPgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/measured-value.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { StyleSheet, View } from "react-native";
+import { Text } from "react-native-paper";
+import { useAppTheme } from "../../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MeasuredValue = props => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: props.style,
+    testID: props.testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.valueContainer, {
+        gap: theme.spacing(1)
+      }],
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "titleLarge",
+        style: [styles.value, {
+          color: theme.colors.primary
+        }],
+        children: props.value
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.unit, {
+          color: theme.colors.onSurfaceDisabled
+        }],
+        children: props.unit
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.time, {
+        color: theme.colors.onSurfaceDisabled
+      }],
+      children: props.time
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  valueContainer: {
+    flexDirection: "row",
+    alignItems: "baseline"
+  },
+  value: {
+    fontFamily: "DMSans_700Bold",
+    fontSize: 24
+  },
+  unit: {
+    fontFamily: "DMSans_400Regular",
+    fontSize: 14
+  },
+  time: {
+    fontFamily: "DMSans_400Regular",
+    fontSize: 12
+  }
+});
+//# sourceMappingURL=measured-value.js.map

package/lib/module/modules/tile/components/measured-value.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Text","useAppTheme","jsx","_jsx","jsxs","_jsxs","MeasuredValue","props","theme","style","testID","children","styles","valueContainer","gap","spacing","variant","value","color","colors","primary","unit","onSurfaceDisabled","time","create","flexDirection","alignItems","fontFamily","fontSize"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/measured-value.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,IAAI,QAAQ,oBAAoB;AAEzC,SAASC,WAAW,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAMC,KAAK,GAAGP,WAAW,CAAC,CAAC;EAE3B,oBACEI,KAAA,CAACN,IAAI;IAACU,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACC,MAAM,EAAEH,KAAK,CAACG,MAAO;IAAAC,QAAA,gBAC7CN,KAAA,CAACN,IAAI;MAACU,KAAK,EAAE,CAACG,MAAM,CAACC,cAAc,EAAE;QAAEC,GAAG,EAAEN,KAAK,CAACO,OAAO,CAAC,CAAC;MAAE,CAAC,CAAE;MAAAJ,QAAA,gBAC9DR,IAAA,CAACH,IAAI;QACHgB,OAAO,EAAC,YAAY;QACpBP,KAAK,EAAE,CAACG,MAAM,CAACK,KAAK,EAAE;UAAEC,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACC;QAAQ,CAAC,CAAE;QAAAT,QAAA,EAEtDJ,KAAK,CAACU;MAAK,CACR,CAAC,eACPd,IAAA,CAACH,IAAI;QAACS,KAAK,EAAE,CAACG,MAAM,CAACS,IAAI,EAAE;UAAEH,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACG;QAAkB,CAAC,CAAE;QAAAX,QAAA,EACnEJ,KAAK,CAACc;MAAI,CACP,CAAC;IAAA,CACH,CAAC,eAEPlB,IAAA,CAACH,IAAI;MAACS,KAAK,EAAE,CAACG,MAAM,CAACW,IAAI,EAAE;QAAEL,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACG;MAAkB,CAAC,CAAE;MAAAX,QAAA,EACnEJ,KAAK,CAACgB;IAAI,CACP,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGd,UAAU,CAAC0B,MAAM,CAAC;EAC/BX,cAAc,EAAE;IACdY,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDT,KAAK,EAAE;IACLU,UAAU,EAAE,gBAAgB;IAC5BC,QAAQ,EAAE;EACZ,CAAC;EACDP,IAAI,EAAE;IACJM,UAAU,EAAE,mBAAmB;IAC/BC,QAAQ,EAAE;EACZ,CAAC;EACDL,IAAI,EAAE;IACJI,UAAU,EAAE,mBAAmB;IAC/BC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/measuring-spinner.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { ActivityIndicator } from "react-native-paper";
+import { useAppTheme } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MeasuringSpinner = props => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: "small",
+    color: theme.colors.primary,
+    ...props
+  });
+};
+//# sourceMappingURL=measuring-spinner.js.map

package/lib/module/modules/tile/components/measuring-spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","useAppTheme","jsx","_jsx","MeasuringSpinner","props","theme","size","color","colors","primary"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/measuring-spinner.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,oBAAoB;AAEtD,SAASC,WAAW,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAChE,MAAMC,KAAK,GAAGL,WAAW,CAAC,CAAC;EAE3B,oBACEE,IAAA,CAACH,iBAAiB;IAACO,IAAI,EAAC,OAAO;IAACC,KAAK,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAQ;IAAA,GAAKL;EAAK,CAAG,CAAC;AAE9E,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/no-measured-value.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { useTranslation } from "react-i18next";
+import { StyleSheet } from "react-native";
+import { Text } from "react-native-paper";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const NoMeasuredValue = props => {
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/_jsx(Text, {
+    ...props,
+    style: [styles.text, props.style],
+    children: props.children || t("tile.no-measured-value")
+  });
+};
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 13,
+    fontWeight: "400"
+  }
+});
+//# sourceMappingURL=no-measured-value.js.map

package/lib/module/modules/tile/components/no-measured-value.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTranslation","StyleSheet","Text","jsx","_jsx","NoMeasuredValue","props","t","style","styles","text","children","create","fontSize","fontWeight"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/no-measured-value.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,eAAe;AAC9C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAA0BC,IAAI,QAAmB,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMtE,OAAO,MAAMC,eAAe,GAC1BC,KAA8B,IAC3B;EACH,MAAM;IAAEC;EAAE,CAAC,GAAGP,cAAc,CAAC,CAAC;EAE9B,oBACEI,IAAA,CAACF,IAAI;IAAA,GAAKI,KAAK;IAAEE,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEJ,KAAK,CAACE,KAAK,CAAE;IAAAG,QAAA,EAChDL,KAAK,CAACK,QAAQ,IAAIJ,CAAC,CAAC,wBAAwB;EAAC,CAC1C,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGR,UAAU,CAACW,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/start-section.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { TickCircle } from "iconsax-react-nativejs";
+import { StyleSheet, View } from "react-native";
+import { Conditional } from "../../helpers/conditional.js";
+import { useAppTheme } from "../../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const StartSection = props => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    testID: props.testID,
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Conditional, {
+      condition: !props.isCompleted,
+      children: props.left?.()
+    }), /*#__PURE__*/_jsx(Conditional, {
+      condition: props.isCompleted,
+      children: /*#__PURE__*/_jsx(TickCircle, {
+        testID: props.completedIconTestID,
+        size: 24,
+        color: props.completedIconColor ?? theme.colors.success,
+        variant: "Bold"
+      })
+    }), props.right?.()]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }
+});
+//# sourceMappingURL=start-section.js.map

package/lib/module/modules/tile/components/start-section.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TickCircle","StyleSheet","View","Conditional","useAppTheme","jsx","_jsx","jsxs","_jsxs","StartSection","props","theme","testID","style","styles","container","children","condition","isCompleted","left","completedIconTestID","size","color","completedIconColor","colors","success","variant","right","create","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/start-section.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,wBAAwB;AACnD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,WAAW,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACxD,MAAMC,KAAK,GAAGP,WAAW,CAAC,CAAC;EAE3B,oBACEI,KAAA,CAACN,IAAI;IAACU,MAAM,EAAEF,KAAK,CAACE,MAAO;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAClDV,IAAA,CAACH,WAAW;MAACc,SAAS,EAAE,CAACP,KAAK,CAACQ,WAAY;MAAAF,QAAA,EAAEN,KAAK,CAACS,IAAI,GAAG;IAAC,CAAc,CAAC,eAE1Eb,IAAA,CAACH,WAAW;MAACc,SAAS,EAAEP,KAAK,CAACQ,WAAY;MAAAF,QAAA,eACxCV,IAAA,CAACN,UAAU;QACTY,MAAM,EAAEF,KAAK,CAACU,mBAAoB;QAClCC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAEZ,KAAK,CAACa,kBAAkB,IAAIZ,KAAK,CAACa,MAAM,CAACC,OAAQ;QACxDC,OAAO,EAAC;MAAM,CACf;IAAC,CACS,CAAC,EAEbhB,KAAK,CAACiB,KAAK,GAAG,CAAC;EAAA,CACZ,CAAC;AAEX,CAAC;AAED,MAAMb,MAAM,GAAGb,UAAU,CAAC2B,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/status.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { StyleSheet, Text } from "react-native";
+import { DeviceStatus } from "../../bt-management/index.js";
+import { useAppTheme } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Status = props => {
+  const {
+    t
+  } = useTranslation();
+  const theme = useAppTheme();
+  const color = React.useMemo(() => {
+    const colorIndex = 700;
+    const colors = {
+      [DeviceStatus.CONNECTED]: theme.colors.green[colorIndex],
+      [DeviceStatus.DISCONNECTED]: theme.colors.red[colorIndex],
+      [DeviceStatus.MEASURING]: theme.colors.blue[colorIndex],
+      [DeviceStatus.LOW_BATTERY]: theme.colors.orange[colorIndex]
+    };
+    return colors[props.status];
+  }, [props.status, theme.colors.blue, theme.colors.green, theme.colors.orange, theme.colors.red]);
+  return /*#__PURE__*/_jsx(Text, {
+    ...props,
+    style: [styles.text, {
+      color
+    }, props.style],
+    children: t(`tile.status.${props.status.toLowerCase()}`)
+  });
+};
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 12,
+    fontWeight: "400"
+  }
+});
+//# sourceMappingURL=status.js.map

package/lib/module/modules/tile/components/status.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTranslation","StyleSheet","Text","DeviceStatus","useAppTheme","jsx","_jsx","Status","props","t","theme","color","useMemo","colorIndex","colors","CONNECTED","green","DISCONNECTED","red","MEASURING","blue","LOW_BATTERY","orange","status","style","styles","text","children","toLowerCase","create","fontSize","fontWeight"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/status.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG/C,SAASC,YAAY,QAAQ,8BAAqB;AAClD,SAASC,WAAW,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM1C,OAAO,MAAMC,MAAM,GAA+BC,KAAqB,IAAK;EAC1E,MAAM;IAAEC;EAAE,CAAC,GAAGT,cAAc,CAAC,CAAC;EAC9B,MAAMU,KAAK,GAAGN,WAAW,CAAC,CAAC;EAE3B,MAAMO,KAAK,GAAGZ,KAAK,CAACa,OAAO,CAAC,MAAM;IAChC,MAAMC,UAAU,GAAG,GAAY;IAE/B,MAAMC,MAAM,GAAG;MACb,CAACX,YAAY,CAACY,SAAS,GAAGL,KAAK,CAACI,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC;MACxD,CAACV,YAAY,CAACc,YAAY,GAAGP,KAAK,CAACI,MAAM,CAACI,GAAG,CAACL,UAAU,CAAC;MACzD,CAACV,YAAY,CAACgB,SAAS,GAAGT,KAAK,CAACI,MAAM,CAACM,IAAI,CAACP,UAAU,CAAC;MACvD,CAACV,YAAY,CAACkB,WAAW,GAAGX,KAAK,CAACI,MAAM,CAACQ,MAAM,CAACT,UAAU;IAC5D,CAAC;IAED,OAAOC,MAAM,CAACN,KAAK,CAACe,MAAM,CAAC;EAC7B,CAAC,EAAE,CACDf,KAAK,CAACe,MAAM,EACZb,KAAK,CAACI,MAAM,CAACM,IAAI,EACjBV,KAAK,CAACI,MAAM,CAACE,KAAK,EAClBN,KAAK,CAACI,MAAM,CAACQ,MAAM,EACnBZ,KAAK,CAACI,MAAM,CAACI,GAAG,CACjB,CAAC;EAEF,oBACEZ,IAAA,CAACJ,IAAI;IAAA,GAAKM,KAAK;IAAEgB,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEf;IAAM,CAAC,EAAEH,KAAK,CAACgB,KAAK,CAAE;IAAAG,QAAA,EAC3DlB,CAAC,CAAC,eAAeD,KAAK,CAACe,MAAM,CAACK,WAAW,CAAC,CAAC,EAAE;EAAC,CAC3C,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/task-icon.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import * as React from "react";
+import { SvgXml } from "react-native-svg";
+import { useAppTheme } from "../../theme/index.js";
+import { measurementIconSvg } from "../constants/measurement-icon-svg.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TaskIcon = ({
+  size = 20,
+  ...props
+}) => {
+  const theme = useAppTheme();
+  const iconXML = React.useMemo(() => {
+    return measurementIconSvg[props.measurementTypeKey](props.color || theme.colors.primary);
+  }, [props.measurementTypeKey, props.color, theme.colors.primary]);
+  if (!iconXML) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(SvgXml, {
+    testID: props.testID,
+    xml: iconXML,
+    width: size,
+    height: size
+  });
+};
+//# sourceMappingURL=task-icon.js.map

package/lib/module/modules/tile/components/task-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SvgXml","useAppTheme","measurementIconSvg","jsx","_jsx","TaskIcon","size","props","theme","iconXML","useMemo","measurementTypeKey","color","colors","primary","testID","xml","width","height"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/task-icon.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,SAASC,WAAW,QAAQ,sBAAa;AACzC,SAASC,kBAAkB,QAAQ,sCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvE,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAE,GAAGC;AAAqB,CAAC,KAAK;EAClE,MAAMC,KAAK,GAAGP,WAAW,CAAC,CAAC;EAE3B,MAAMQ,OAAO,GAAGV,KAAK,CAACW,OAAO,CAAC,MAAM;IAClC,OAAOR,kBAAkB,CAACK,KAAK,CAACI,kBAAkB,CAAC,CACjDJ,KAAK,CAACK,KAAK,IAAIJ,KAAK,CAACK,MAAM,CAACC,OAC9B,CAAC;EACH,CAAC,EAAE,CAACP,KAAK,CAACI,kBAAkB,EAAEJ,KAAK,CAACK,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACC,OAAO,CAAC,CAAC;EAEjE,IAAI,CAACL,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEL,IAAA,CAACJ,MAAM;IAACe,MAAM,EAAER,KAAK,CAACQ,MAAO;IAACC,GAAG,EAAEP,OAAQ;IAACQ,KAAK,EAAEX,IAAK;IAACY,MAAM,EAAEZ;EAAK,CAAE,CAAC;AAE7E,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/tile.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { StyleSheet, View } from "react-native";
+import { useAppTheme } from "../../theme/index.js";
+import { CompleteAnimation } from "./complete-animation.js";
+import { MeasuredValue } from "./measured-value.js";
+import { MeasuringSpinner } from "./measuring-spinner.js";
+import { NoMeasuredValue } from "./no-measured-value.js";
+import { StartSection } from "./start-section.js";
+import { Status } from "./status.js";
+import { TaskIcon } from "./task-icon.js";
+import { Title } from "./title.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Tile = props => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(View, {
+    testID: props.testID,
+    style: [styles.container, {
+      backgroundColor: theme.colors.surface,
+      borderColor: theme.colors.outlineVariant,
+      shadowColor: theme.colors.shadow,
+      padding: theme.spacing(4),
+      borderRadius: theme.borderRadius(4),
+      gap: theme.spacing(2)
+    }, props.isMeasuring && styles.measuringContainer, props.isOtherDeviceMeasuring && styles.notMeasuringContainer, props.style],
+    children: props.children
+  });
+};
+Tile.StartSection = StartSection;
+Tile.Title = Title;
+Tile.CompleteAnimation = CompleteAnimation;
+Tile.TaskIcon = TaskIcon;
+Tile.MeasuredValue = MeasuredValue;
+Tile.MeasuringSpinner = MeasuringSpinner;
+Tile.NoMeasuredValue = NoMeasuredValue;
+Tile.Status = Status;
+const styles = StyleSheet.create({
+  container: {
+    position: "relative",
+    overflow: "hidden",
+    borderWidth: StyleSheet.hairlineWidth,
+    justifyContent: "space-between",
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.22,
+    shadowRadius: 2.22,
+    elevation: 3
+  },
+  measuringContainer: {
+    elevation: 10,
+    zIndex: 10
+  },
+  notMeasuringContainer: {
+    opacity: 0.5
+  }
+});
+//# sourceMappingURL=tile.js.map

package/lib/module/modules/tile/components/tile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","useAppTheme","CompleteAnimation","MeasuredValue","MeasuringSpinner","NoMeasuredValue","StartSection","Status","TaskIcon","Title","jsx","_jsx","Tile","props","theme","testID","style","styles","container","backgroundColor","colors","surface","borderColor","outlineVariant","shadowColor","shadow","padding","spacing","borderRadius","gap","isMeasuring","measuringContainer","isOtherDeviceMeasuring","notMeasuringContainer","children","create","position","overflow","borderWidth","hairlineWidth","justifyContent","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","opacity"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/tile.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,sBAAa;AAGzC,SAASC,iBAAiB,QAAQ,yBAAsB;AACxD,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,eAAe,QAAQ,wBAAqB;AACrD,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,QAAQ,QAAQ,gBAAa;AACtC,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhC,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAMC,KAAK,GAAGb,WAAW,CAAC,CAAC;EAE3B,oBACEU,IAAA,CAACX,IAAI;IACHe,MAAM,EAAEF,KAAK,CAACE,MAAO;IACrBC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO;MACrCC,WAAW,EAAER,KAAK,CAACM,MAAM,CAACG,cAAc;MACxCC,WAAW,EAAEV,KAAK,CAACM,MAAM,CAACK,MAAM;MAChCC,OAAO,EAAEZ,KAAK,CAACa,OAAO,CAAC,CAAC,CAAC;MACzBC,YAAY,EAAEd,KAAK,CAACc,YAAY,CAAC,CAAC,CAAC;MACnCC,GAAG,EAAEf,KAAK,CAACa,OAAO,CAAC,CAAC;IACtB,CAAC,EACDd,KAAK,CAACiB,WAAW,IAAIb,MAAM,CAACc,kBAAkB,EAC9ClB,KAAK,CAACmB,sBAAsB,IAAIf,MAAM,CAACgB,qBAAqB,EAC5DpB,KAAK,CAACG,KAAK,CACX;IAAAkB,QAAA,EAEDrB,KAAK,CAACqB;EAAQ,CACX,CAAC;AAEX,CAAC;AAEDtB,IAAI,CAACN,YAAY,GAAGA,YAAY;AAChCM,IAAI,CAACH,KAAK,GAAGA,KAAK;AAClBG,IAAI,CAACV,iBAAiB,GAAGA,iBAAiB;AAC1CU,IAAI,CAACJ,QAAQ,GAAGA,QAAQ;AACxBI,IAAI,CAACT,aAAa,GAAGA,aAAa;AAClCS,IAAI,CAACR,gBAAgB,GAAGA,gBAAgB;AACxCQ,IAAI,CAACP,eAAe,GAAGA,eAAe;AACtCO,IAAI,CAACL,MAAM,GAAGA,MAAM;AAEpB,MAAMU,MAAM,GAAGlB,UAAU,CAACoC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTkB,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAEvC,UAAU,CAACwC,aAAa;IACrCC,cAAc,EAAE,eAAe;IAE/BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,IAAI;IAElBC,SAAS,EAAE;EACb,CAAC;EACDf,kBAAkB,EAAE;IAClBe,SAAS,EAAE,EAAE;IACbC,MAAM,EAAE;EACV,CAAC;EACDd,qBAAqB,EAAE;IACrBe,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/tile/components/title.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import { Text } from "react-native-paper";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Title = ({
+  children,
+  style,
+  testID
+}) => {
+  return /*#__PURE__*/_jsx(Text, {
+    variant: "titleLarge",
+    style: [styles.title, style],
+    testID: testID,
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  title: {
+    fontFamily: "DMSans_700Bold",
+    fontSize: 16
+  }
+});
+//# sourceMappingURL=title.js.map

package/lib/module/modules/tile/components/title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","jsx","_jsx","Title","children","style","testID","variant","styles","title","create","fontFamily","fontSize"],"sourceRoot":"../../../../../src","sources":["modules/tile/components/title.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAwC,cAAc;AACzE,SAASC,IAAI,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACpBC,QAAQ;EACRC,KAAK;EACLC;AAKF,CAAC,KAAK;EACJ,oBACEJ,IAAA,CAACF,IAAI;IAACO,OAAO,EAAC,YAAY;IAACF,KAAK,EAAE,CAACG,MAAM,CAACC,KAAK,EAAEJ,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAF,QAAA,EACrEA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,UAAU,EAAE,gBAAgB;IAC5BC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/tile/constants/measurement-icon-svg.js

@@ -0,0 +1,152 @@
+"use strict";
+
+import { MeasurementTypeKey } from "@ovok/core";
+export const measurementIconSvg = {
+  [MeasurementTypeKey.symptomQuestionnaire]: fillColor => {
+    return `
+    <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path id="Vector" d="M18.7504 9.00042C18.7504 9.19933 18.6714 9.3901 18.5307 9.53075C18.3901 9.6714 18.1993 9.75042 18.0004 9.75042H9.75042C9.55151 9.75042 9.36074 9.6714 9.22009 9.53075C9.07943 9.3901 9.00042 9.19933 9.00042 9.00042C9.00042 8.80151 9.07943 8.61074 9.22009 8.47009C9.36074 8.32943 9.55151 8.25042 9.75042 8.25042H18.0004C18.1993 8.25042 18.3901 8.32943 18.5307 8.47009C18.6714 8.61074 18.7504 8.80151 18.7504 9.00042ZM9.75042 3.75042H18.0004C18.1993 3.75042 18.3901 3.6714 18.5307 3.53075C18.6714 3.39009 18.7504 3.19933 18.7504 3.00042C18.7504 2.8015 18.6714 2.61074 18.5307 2.47009C18.3901 2.32943 18.1993 2.25042 18.0004 2.25042H9.75042C9.55151 2.25042 9.36074 2.32943 9.22009 2.47009C9.07943 2.61074 9.00042 2.8015 9.00042 3.00042C9.00042 3.19933 9.07943 3.39009 9.22009 3.53075C9.36074 3.6714 9.55151 3.75042 9.75042 3.75042ZM18.0004 14.2504H9.75042C9.55151 14.2504 9.36074 14.3294 9.22009 14.4701C9.07943 14.6107 9.00042 14.8015 9.00042 15.0004C9.00042 15.1993 9.07943 15.3901 9.22009 15.5307C9.36074 15.6714 9.55151 15.7504 9.75042 15.7504H18.0004C18.1993 15.7504 18.3901 15.6714 18.5307 15.5307C18.6714 15.3901 18.7504 15.1993 18.7504 15.0004C18.7504 14.8015 18.6714 14.6107 18.5307 14.4701C18.3901 14.3294 18.1993 14.2504 18.0004 14.2504ZM5.46979 0.969792L3.00042 3.4401L2.03104 2.46979C1.89031 2.32906 1.69944 2.25 1.50042 2.25C1.30139 2.25 1.11052 2.32906 0.969792 2.46979C0.829062 2.61052 0.75 2.80139 0.75 3.00042C0.75 3.19944 0.829062 3.39031 0.969792 3.53104L2.46979 5.03104C2.53945 5.10077 2.62216 5.15609 2.71321 5.19384C2.80426 5.23158 2.90186 5.25101 3.00042 5.25101C3.09898 5.25101 3.19657 5.23158 3.28762 5.19384C3.37867 5.15609 3.46139 5.10077 3.53104 5.03104L6.53104 2.03104C6.67177 1.89031 6.75083 1.69944 6.75083 1.50042C6.75083 1.30139 6.67177 1.11052 6.53104 0.969792C6.39031 0.829062 6.19944 0.75 6.00042 0.75C5.80139 0.75 5.61052 0.829062 5.46979 0.969792ZM5.46979 6.96979L3.00042 9.4401L2.03104 8.46979C1.89031 8.32906 1.69944 8.25 1.50042 8.25C1.30139 8.25 1.11052 8.32906 0.969792 8.46979C0.829062 8.61052 0.75 8.80139 0.75 9.00042C0.75 9.09896 0.76941 9.19654 0.807122 9.28759C0.844834 9.37863 0.900109 9.46136 0.969792 9.53104L2.46979 11.031C2.53945 11.1008 2.62216 11.1561 2.71321 11.1938C2.80426 11.2316 2.90186 11.251 3.00042 11.251C3.09898 11.251 3.19657 11.2316 3.28762 11.1938C3.37867 11.1561 3.46139 11.1008 3.53104 11.031L6.53104 8.03104C6.67177 7.89031 6.75083 7.69944 6.75083 7.50042C6.75083 7.30139 6.67177 7.11052 6.53104 6.96979C6.39031 6.82906 6.19944 6.75 6.00042 6.75C5.80139 6.75 5.61052 6.82906 5.46979 6.96979ZM5.46979 12.9698L3.00042 15.4401L2.03104 14.4698C1.96136 14.4001 1.87863 14.3448 1.78759 14.3071C1.69654 14.2694 1.59896 14.25 1.50042 14.25C1.40187 14.25 1.30429 14.2694 1.21324 14.3071C1.1222 14.3448 1.03947 14.4001 0.969792 14.4698C0.900109 14.5395 0.844834 14.6222 0.807122 14.7132C0.76941 14.8043 0.75 14.9019 0.75 15.0004C0.75 15.099 0.76941 15.1965 0.807122 15.2876C0.844834 15.3786 0.900109 15.4614 0.969792 15.531L2.46979 17.031C2.53945 17.1008 2.62216 17.1561 2.71321 17.1938C2.80426 17.2316 2.90186 17.251 3.00042 17.251C3.09898 17.251 3.19657 17.2316 3.28762 17.1938C3.37867 17.1561 3.46139 17.1008 3.53104 17.031L6.53104 14.031C6.67177 13.8903 6.75083 13.6994 6.75083 13.5004C6.75083 13.3014 6.67177 13.1105 6.53104 12.9698C6.39031 12.8291 6.19944 12.75 6.00042 12.75C5.80139 12.75 5.61052 12.8291 5.46979 12.9698Z" fill="${fillColor}"/>
+    </svg>`;
+  },
+  [MeasurementTypeKey.bloodGlucose]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g id="Blood Glucose">
+            <path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M8.22754 4.106L17.2275 4.09863L17.2349 13.0986L8.23494 13.106L8.22754 4.106ZM14.7316 9.02929C14.7324 10.0959 13.8531 10.9347 12.7331 10.9357C11.6131 10.9366 10.7324 10.0992 10.7316 9.03254C10.7307 7.96589 12.7288 5.60234 12.7288 5.60234C12.7288 5.60234 14.7308 8.03879 14.7316 9.02929Z" fill="${fillColor}"/>
+            <path id="Vector_2" d="M9.24174 13.9929C8.96564 13.9931 8.74194 14.2172 8.74219 14.4933C8.74239 14.7694 8.96644 14.9931 9.24259 14.9929L11.2426 14.9912C11.5187 14.991 11.7424 14.767 11.7422 14.4908C11.7419 14.2147 11.5179 13.991 11.2417 13.9912L9.24174 13.9929Z" fill="${fillColor}"/>
+            <path id="Vector_3" d="M13.7422 14.4894C13.7419 14.2132 13.9656 13.9892 14.2417 13.9889L16.2417 13.9873C16.5179 13.9871 16.7419 14.2108 16.7422 14.4869C16.7424 14.763 16.5187 14.9871 16.2426 14.9873L14.2426 14.9889C13.9664 14.9892 13.7424 14.7655 13.7422 14.4894Z" fill="${fillColor}"/>
+            <path id="Vector_4" d="M12.741 20.1016C13.2933 20.1011 13.7407 19.653 13.7402 19.1007C13.7398 18.5485 13.2917 18.1011 12.7394 18.1016C12.1871 18.102 11.7398 18.5501 11.7402 19.1024C11.7407 19.6547 12.1888 20.102 12.741 20.1016Z" fill="${fillColor}"/>
+            <path id="Vector_5" fill-rule="evenodd" clip-rule="evenodd" d="M7.239 17.6067L9.73895 17.6046L9.74265 22.1046L15.7427 22.0997L15.7389 17.5997L18.239 17.5977C19.0675 17.597 19.7384 16.9249 19.7377 16.0964L19.7276 3.59643C19.7269 2.768 19.0547 2.09698 18.2263 2.09766L7.2263 2.10667C6.3979 2.10735 5.72686 2.77947 5.72754 3.6079L5.73778 16.1079C5.73845 16.9363 6.4106 17.6074 7.239 17.6067ZM18.2271 3.09766L7.22715 3.10667C6.951 3.10689 6.7273 3.33093 6.72755 3.60708L6.7378 16.1071C6.738 16.3832 6.96205 16.6069 7.2382 16.6067L9.7381 16.6046L9.7373 15.6046L15.7373 15.5997L15.7381 16.5997L18.2382 16.5977C18.5143 16.5974 18.738 16.3734 18.7378 16.0973L18.7276 3.59725C18.7273 3.32111 18.5033 3.09743 18.2271 3.09766ZM14.7381 16.6005L10.7381 16.6038L10.7418 21.1038L14.7418 21.1005L14.7381 16.6005Z" fill="${fillColor}"/>
+        </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.bloodPressure]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g id="Blood Pressure">
+            <path id="Vector" d="M12.5 13.25L13.25 10.75L14 13.25L13.25 14.25L12.5 13.25Z" fill="${fillColor}"/>
+            <path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M20.5038 9.4264C21.2247 9.21005 21.75 8.54135 21.75 7.75V4.75C21.75 3.7835 20.9665 3 20 3C19.0335 3 18.25 3.7835 18.25 4.75V7.75C18.25 8.5441 18.7789 9.21465 19.5037 9.4286C19.5078 9.991 19.515 10.5282 19.5219 11.0414V11.042C19.5463 12.8675 19.5666 14.389 19.4335 15.6538C19.2451 17.4443 18.7635 18.5367 17.6922 19.1682C16.2524 20.0167 14.0733 20.3105 12.2393 20.0796C11.326 19.9646 10.5452 19.7248 10.0084 19.3967C9.7916 19.2642 9.626 19.1255 9.5057 18.9825C10.4177 18.9311 11.3081 18.7662 12.0323 18.4715C12.9208 18.1099 13.7263 17.4721 13.7495 16.4646C15.4459 16.2222 16.75 14.7634 16.75 13C16.75 11.2367 15.4461 9.77805 13.75 9.53545V6.56105H13.7486C13.7495 6.54075 13.75 6.5204 13.75 6.5C13.75 5.1193 11.5114 4 8.75 4C5.9886 4 3.75 5.1193 3.75 6.5C3.75 6.5204 3.75049 6.54075 3.75146 6.56105H3.75V16.4198C3.75 17.4123 4.58261 18.0468 5.46476 18.4125C6.28515 18.7526 7.3224 18.9422 8.36505 18.9887C8.55895 19.5203 8.97975 19.9399 9.4869 20.2499C10.1864 20.6775 11.1191 20.9465 12.1144 21.0718C14.0976 21.3215 16.5163 21.0219 18.1999 20.0297C19.6825 19.1559 20.2279 17.6603 20.428 15.7584C20.5676 14.4318 20.5461 12.8173 20.5213 10.9569C20.5147 10.4637 20.5079 9.95335 20.5038 9.4264ZM20 4C20.4142 4 20.75 4.33579 20.75 4.75V7.75C20.75 8.1642 20.4142 8.5 20 8.5C19.5858 8.5 19.25 8.1642 19.25 7.75V4.75C19.25 4.33579 19.5858 4 20 4ZM12.75 6.5C12.75 6.60755 12.6368 6.9741 11.8383 7.37335C11.0996 7.7427 10.0092 8 8.75 8C7.49085 8 6.4004 7.7427 5.66168 7.37335C4.86316 6.9741 4.75 6.60755 4.75 6.5C4.75 6.39245 4.86316 6.0259 5.66168 5.62665C6.4004 5.2573 7.49085 5 8.75 5C10.0092 5 11.0996 5.2573 11.8383 5.62665C12.6368 6.0259 12.75 6.39245 12.75 6.5ZM12.75 8.00025C11.8378 8.60735 10.3856 9 8.75 9C8.5968 9 8.44515 8.99655 8.29545 8.9898V17.984C8.44785 17.9924 8.6015 17.9976 8.7557 17.9994C9.8395 18.0117 10.8929 17.8555 11.6552 17.5452C12.4121 17.2372 12.7266 16.8535 12.7487 16.4643C11.0532 16.2212 9.75 14.7628 9.75 13C9.75 11.2367 11.0539 9.77805 12.75 9.53545V8.00025ZM15.75 13C15.75 14.3807 14.6307 15.5 13.25 15.5C11.8693 15.5 10.75 14.3807 10.75 13C10.75 11.6193 11.8693 10.5 13.25 10.5C14.6307 10.5 15.75 11.6193 15.75 13Z" fill="${fillColor}"/>
+        </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.ecg]: fillColor => {
+    return `
+    <svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g id="BP stroke" clip-path="url(#clip0_57_7390)">
+            <g id="Group 938">
+                <path id="Rectangle 5008 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M0.220703 2.77702C0.220703 1.16619 1.52654 -0.139648 3.13737 -0.139648H10.1374C11.7482 -0.139648 13.054 1.16619 13.054 2.77702V15.2215C13.054 16.8323 11.7482 18.1381 10.1374 18.1381H3.13737C1.52654 18.1381 0.220703 16.8323 0.220703 15.2215V2.77702ZM3.13737 1.02702C2.17087 1.02702 1.38737 1.81052 1.38737 2.77702V15.2215C1.38737 16.188 2.17087 16.9715 3.13737 16.9715H10.1374C11.1039 16.9715 11.8874 16.188 11.8874 15.2215V2.77702C11.8874 1.81052 11.1039 1.02702 10.1374 1.02702H3.13737Z" fill="${fillColor}"/>
+                <g id="Group 937">
+                    <path id="Vector 1391 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M3.91536 12.3057C4.23753 12.3057 4.4987 12.5668 4.4987 12.889V14.8334C4.4987 15.1556 4.23753 15.4168 3.91536 15.4168C3.5932 15.4168 3.33203 15.1556 3.33203 14.8334V12.889C3.33203 12.5668 3.5932 12.3057 3.91536 12.3057Z" fill="${fillColor}"/>
+                    <path id="Vector 1392 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M3.91536 9.97168C4.23753 9.97168 4.4987 10.2328 4.4987 10.555V10.5628C4.4987 10.885 4.23753 11.1461 3.91536 11.1461C3.5932 11.1461 3.33203 10.885 3.33203 10.5628V10.555C3.33203 10.2328 3.5932 9.97168 3.91536 9.97168Z" fill="${fillColor}"/>
+                </g>
+                <path id="Rectangle 5009 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M6.44336 3.55447C6.44336 2.80275 7.05275 2.19336 7.80447 2.19336H9.36003C10.1117 2.19336 10.7211 2.80275 10.7211 3.55447V14.4434C10.7211 15.1951 10.1117 15.8045 9.36003 15.8045H7.80447C7.05275 15.8045 6.44336 15.1951 6.44336 14.4434V3.55447ZM7.80447 3.36003C7.69708 3.36003 7.61003 3.44708 7.61003 3.55447V14.4434C7.61003 14.5507 7.69708 14.6378 7.80447 14.6378H9.36003C9.46741 14.6378 9.55447 14.5507 9.55447 14.4434V3.55447C9.55447 3.44708 9.46741 3.36003 9.36003 3.36003H7.80447Z" fill="${fillColor}"/>
+            </g>
+        </g>
+        <defs>
+            <clipPath id="clip0_57_7390">
+                <rect width="13" height="18" fill="white" transform="translate(0.249023)"/>
+            </clipPath>
+        </defs>
+    </svg>`;
+  },
+  [MeasurementTypeKey.bloodOxygenPulseRate]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Blood Oxygen">
+        <path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M17.75 3H16.9632L16.8132 3.11454C16.4646 3.38078 16.038 3.525 15.5993 3.525H14.9007C14.462 3.525 14.0355 3.38078 13.6868 3.11454L13.5368 3L12.75 3V8.825C12.75 10.3489 13.9147 11.5 15.25 11.5C16.5853 11.5 17.75 10.3489 17.75 8.825V3ZM18.75 2.7875C18.75 2.35257 18.4142 2 18 2H16.9632C16.7438 2 16.5305 2.07212 16.3562 2.20523L16.2063 2.31977C16.032 2.45289 15.8187 2.525 15.5993 2.525H14.9007C14.6814 2.525 14.4681 2.45289 14.2937 2.31977L14.1438 2.20523C13.9694 2.07212 13.7562 2 13.5368 2H12.5C12.0858 2 11.75 2.35257 11.75 2.7875V8.825C11.75 10.8546 13.317 12.5 15.25 12.5C17.183 12.5 18.75 10.8546 18.75 8.825V2.7875Z" fill="${fillColor}"/>
+        <path id="Vector_2" d="M15.25 11C14.6977 11 14.25 10.5523 14.25 10C14.25 9.4477 14.6977 9 15.25 9C15.8023 9 16.25 9.4477 16.25 10C16.25 10.5523 15.8023 11 15.25 11Z" fill="${fillColor}"/>
+        <path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd" d="M16.25 7.5V5H14.25V7.5H16.25ZM17.25 4H13.25V8.5H17.25V4Z" fill="${fillColor}"/>
+        <path id="Vector_4" fill-rule="evenodd" clip-rule="evenodd" d="M14.2315 11.5H13.2315V13.5299C12.9601 13.3821 12.6488 13.2981 12.318 13.2981C11.6394 13.2981 11.0432 13.6513 10.7035 14.184C10.3734 13.9133 9.95114 13.7509 9.49094 13.7509C8.43414 13.7509 7.57744 14.6076 7.57744 15.6644V16.002C7.30594 15.8542 6.99474 15.7703 6.66389 15.7703C5.60709 15.7703 4.75034 16.6269 4.75034 17.6838V21.9924H5.75034V17.6838C5.75034 17.1792 6.15934 16.7703 6.66389 16.7703C7.16839 16.7703 7.57744 17.1792 7.57744 17.6838V19.7064H8.57744V15.6644C8.57744 15.1599 8.98644 14.7509 9.49094 14.7509C9.99549 14.7509 10.4045 15.1599 10.4045 15.6644V18.3407H11.4045V15.2116C11.4045 14.7071 11.8135 14.2981 12.318 14.2981C12.8225 14.2981 13.2315 14.7071 13.2315 15.2116V18.3407H14.2315V11.5ZM16.0586 11.75V19.6559C16.0586 20.7482 17.5596 21.0494 17.9811 20.0417L18.9757 17.664C19.202 17.1228 19.909 16.9915 20.3147 17.4151C20.5322 17.6422 20.5995 17.9737 20.4878 18.2673L19.1254 22H20.1375L21.4224 18.6229C21.6715 17.9682 21.5212 17.2291 21.037 16.7234C20.1329 15.7794 18.5575 16.0723 18.0531 17.2781L17.0586 19.6559V11.75H16.0586Z" fill="${fillColor}"/>
+      </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.bodyWeight]: fillColor => {
+    return `
+    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="vuesax/outline/weight">
+        <g id="vuesax/outline/weight_2">
+          <g id="weight">
+            <path id="Vector" d="M12.5 20.4063H9C4.24875 20.4063 2.21875 18.3763 2.21875 13.625V8.375C2.21875 3.62375 4.24875 1.59375 9 1.59375H12.5C17.2513 1.59375 19.2812 3.62375 19.2812 8.375V13.625C19.2812 18.3763 17.2513 20.4063 12.5 20.4063ZM9 2.90625C4.96625 2.90625 3.53125 4.34125 3.53125 8.375V13.625C3.53125 17.6588 4.96625 19.0938 9 19.0938H12.5C16.5338 19.0938 17.9688 17.6588 17.9688 13.625V8.375C17.9688 4.34125 16.5338 2.90625 12.5 2.90625H9Z" fill="${fillColor}"/>
+            <path id="Vector_2" d="M13.4358 11.4729C13.2783 11.4729 13.1208 11.4116 12.9983 11.3066C11.7208 10.1691 9.7783 10.1691 8.5008 11.3066C8.3608 11.4379 8.1683 11.4904 7.96705 11.4641C7.77455 11.4379 7.6083 11.3241 7.5033 11.1579L5.5958 8.09539C5.42955 7.82414 5.48205 7.47414 5.7183 7.25539C8.5883 4.70914 12.9108 4.70914 15.7808 7.25539C16.017 7.46539 16.0695 7.82414 15.9033 8.09539L13.9958 11.1579C13.8908 11.3241 13.7245 11.4291 13.532 11.4641C13.497 11.4641 13.462 11.4729 13.4358 11.4729ZM10.7495 9.13664C11.6245 9.13664 12.4908 9.38164 13.252 9.86289L14.477 7.89414C12.2633 6.24914 9.22705 6.24914 7.0133 7.89414L8.2383 9.86289C9.0083 9.37289 9.87455 9.13664 10.7495 9.13664Z" fill="${fillColor}"/>
+          </g>
+        </g>
+      </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.temperature]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Temperature">
+        <path id="Vector" d="M13.5 14.3438V8.25C13.5 8.05109 13.421 7.86032 13.2803 7.71967C13.1397 7.57902 12.9489 7.5 12.75 7.5C12.5511 7.5 12.3603 7.57902 12.2197 7.71967C12.079 7.86032 12 8.05109 12 8.25V14.3438C11.293 14.5263 10.6769 14.9604 10.267 15.5648C9.85724 16.1691 9.68191 16.9021 9.77391 17.6265C9.86592 18.3509 10.2189 19.0168 10.7668 19.4995C11.3147 19.9822 12.0198 20.2485 12.75 20.2485C13.4802 20.2485 14.1853 19.9822 14.7332 19.4995C15.2811 19.0168 15.6341 18.3509 15.7261 17.6265C15.8181 16.9021 15.6428 16.1691 15.233 15.5648C14.8231 14.9604 14.207 14.5263 13.5 14.3438ZM12.75 18.75C12.4533 18.75 12.1633 18.662 11.9166 18.4972C11.67 18.3324 11.4777 18.0981 11.3642 17.824C11.2506 17.5499 11.2209 17.2483 11.2788 16.9574C11.3367 16.6664 11.4796 16.3991 11.6893 16.1893C11.8991 15.9796 12.1664 15.8367 12.4574 15.7788C12.7483 15.7209 13.0499 15.7507 13.324 15.8642C13.5981 15.9777 13.8324 16.17 13.9972 16.4166C14.162 16.6633 14.25 16.9533 14.25 17.25C14.25 17.6478 14.092 18.0294 13.8107 18.3107C13.5294 18.592 13.1478 18.75 12.75 18.75ZM16.5 12.5625V4.5C16.5 3.50544 16.1049 2.55161 15.4017 1.84835C14.6984 1.14509 13.7446 0.75 12.75 0.75C11.7554 0.75 10.8016 1.14509 10.0984 1.84835C9.39509 2.55161 9 3.50544 9 4.5V12.5625C8.02961 13.3394 7.32449 14.3986 6.98209 15.5936C6.63969 16.7886 6.67692 18.0605 7.08862 19.2334C7.50032 20.4063 8.26617 21.4224 9.28034 22.1413C10.2945 22.8601 11.5069 23.2463 12.75 23.2463C13.9931 23.2463 15.2055 22.8601 16.2197 22.1413C17.2338 21.4224 17.9997 20.4063 18.4114 19.2334C18.8231 18.0605 18.8603 16.7886 18.5179 15.5936C18.1755 14.3986 17.4704 13.3394 16.5 12.5625ZM12.75 21.75C11.7918 21.7501 10.8586 21.4443 10.0863 20.8772C9.31396 20.3101 8.7428 19.5113 8.45598 18.597C8.16915 17.6828 8.18164 16.7009 8.49161 15.7942C8.80159 14.8876 9.39287 14.1035 10.1794 13.5563C10.2789 13.4868 10.3601 13.3942 10.4159 13.2864C10.4718 13.1786 10.5006 13.0589 10.5 12.9375V4.5C10.5 3.90326 10.7371 3.33097 11.159 2.90901C11.581 2.48705 12.1533 2.25 12.75 2.25C13.3467 2.25 13.919 2.48705 14.341 2.90901C14.7629 3.33097 15 3.90326 15 4.5V12.9375C15 13.0583 15.0291 13.1772 15.085 13.2843C15.1408 13.3914 15.2216 13.4834 15.3206 13.5525C16.1088 14.0992 16.7016 14.8835 17.0126 15.7908C17.3237 16.6982 17.3366 17.6812 17.0496 18.5965C16.7626 19.5117 16.1906 20.3113 15.4172 20.8786C14.6437 21.4459 13.7092 21.7512 12.75 21.75Z" fill="${fillColor}"/>
+      </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.cosinussMultiParam]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Cosinuss">
+        <path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M12.7496 2.60526C9.39235 2.60526 6.67069 5.32692 6.67069 8.68421H5.56543C5.56543 4.71648 8.78191 1.5 12.7496 1.5C16.7174 1.5 19.9339 4.71648 19.9339 8.68421C19.9339 11.1717 18.6692 13.3636 16.7503 14.6522C15.4407 15.5318 14.4075 16.7015 14.4075 18.0299V18.0789C14.4075 20.5206 12.4282 22.5 9.98648 22.5C7.54479 22.5 5.56543 20.5206 5.56543 18.0789V17.6048C5.56543 16.2006 6.05136 14.8463 6.93004 13.767L6.58404 13.421C6.38697 13.2239 6.36746 12.911 6.53856 12.691L8.9792 9.55306C8.9151 9.27376 8.88122 8.98296 8.88122 8.68421C8.88122 6.54774 10.6132 4.81579 12.7496 4.81579C14.8861 4.81579 16.6181 6.54774 16.6181 8.68421C16.6181 10.8207 14.8861 12.5526 12.7496 12.5526C12.5374 12.5526 12.329 12.5356 12.126 12.5026L8.87719 15.0295C8.65718 15.2007 8.34417 15.1812 8.1471 14.9841L7.7166 14.5536C7.04228 15.4216 6.67069 16.4941 6.67069 17.6048V18.0789C6.67069 19.9102 8.15523 21.3947 9.98648 21.3947C11.8177 21.3947 13.3023 19.9102 13.3023 18.0789V18.0299C13.3023 16.1193 14.7547 14.6611 16.1341 13.7347C17.7603 12.6425 18.8286 10.788 18.8286 8.68421C18.8286 5.32692 16.1069 2.60526 12.7496 2.60526ZM10.88 12.0716C10.3016 11.7517 9.81384 11.288 9.46502 10.7287L7.71052 12.9845L8.58368 13.8576L10.88 12.0716ZM12.7496 5.92105C11.2236 5.92105 9.98648 7.15817 9.98648 8.68421C9.98648 10.2102 11.2236 11.4474 12.7496 11.4474C14.2757 11.4474 15.5128 10.2102 15.5128 8.68421C15.5128 7.15817 14.2757 5.92105 12.7496 5.92105Z" fill="${fillColor}"/>
+      </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.uricAcid]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Urine Analysis">
+        <path id="Vector" d="M5.25 6V4.5H6.25V6H5.25Z" fill="${fillColor}"/>
+        <path id="Vector_2" d="M7.25 4.5V6H8.25V4.5H7.25Z" fill="${fillColor}"/>
+        <path id="Vector_3" d="M9.25 6V4.5H10.25V6H9.25Z" fill="${fillColor}"/>
+        <path id="Vector_4" d="M11.25 4.5V6H12.25V4.5H11.25Z" fill="${fillColor}"/>
+        <path id="Vector_5" d="M13.25 6V4.5H14.25V6H13.25Z" fill="${fillColor}"/>
+        <path id="Vector_6" d="M15.25 4.5V6H16.25V4.5H15.25Z" fill="${fillColor}"/>
+        <path id="Vector_7" d="M17.25 6V4.5H18.25V6H17.25Z" fill="${fillColor}"/>
+        <path id="Vector_8" d="M19.25 4.5V6H20.25V4.5H19.25Z" fill="${fillColor}"/>
+        <path id="Vector_9" fill-rule="evenodd" clip-rule="evenodd" d="M20.1787 7.5H21.75V4.5C21.75 3.67158 21.0784 3 20.25 3H5.25C4.42158 3 3.75 3.67158 3.75 4.5V7.5H4.82129C4.82132 7.5228 4.82212 7.5457 4.82371 7.5688L5.47413 17H5.45654L5.55858 18.2243L5.68577 20.0688C5.69154 20.1525 5.70749 20.2331 5.73235 20.3096L5.7899 21H19.2243L19.2593 20.334C19.289 20.2503 19.3078 20.1614 19.3142 20.0688L20.1763 7.5688C20.1779 7.5457 20.1786 7.5228 20.1787 7.5ZM20.75 6.5V4.5C20.75 4.22386 20.5261 4 20.25 4H5.25C4.97386 4 4.75 4.22386 4.75 4.5V6.5H20.75ZM18.9718 10.5L19.1786 7.5H5.82135L5.9248 9H11.25C11.8023 9 12.25 9.4477 12.25 10V10.5H18.9718ZM11.5476 17.955C11.9545 17.8283 12.25 17.4487 12.25 17V11.5H18.7229L18.2756 20H6.71L6.5557 18.1484L6.5455 18H11.5176L11.5476 17.955ZM11.25 10H6.3071L6.696 17H10.9824L11.25 16.5986L11.25 10Z" fill="${fillColor}"/>
+      </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.photoUpload]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Photo">
+        <path id="Vector" d="M20.25 5.25H17.6512L16.3734 3.33375C16.305 3.23114 16.2123 3.147 16.1035 3.08879C15.9948 3.03057 15.8733 3.00007 15.75 3H9.75C9.62665 3.00007 9.50522 3.03057 9.39648 3.08879C9.28773 3.147 9.19502 3.23114 9.12656 3.33375L7.84781 5.25H5.25C4.65326 5.25 4.08097 5.48705 3.65901 5.90901C3.23705 6.33097 3 6.90326 3 7.5V18C3 18.5967 3.23705 19.169 3.65901 19.591C4.08097 20.0129 4.65326 20.25 5.25 20.25H20.25C20.8467 20.25 21.419 20.0129 21.841 19.591C22.2629 19.169 22.5 18.5967 22.5 18V7.5C22.5 6.90326 22.2629 6.33097 21.841 5.90901C21.419 5.48705 20.8467 5.25 20.25 5.25ZM21 18C21 18.1989 20.921 18.3897 20.7803 18.5303C20.6397 18.671 20.4489 18.75 20.25 18.75H5.25C5.05109 18.75 4.86032 18.671 4.71967 18.5303C4.57902 18.3897 4.5 18.1989 4.5 18V7.5C4.5 7.30109 4.57902 7.11032 4.71967 6.96967C4.86032 6.82902 5.05109 6.75 5.25 6.75H8.25C8.37351 6.75008 8.49512 6.71966 8.60405 6.66143C8.71297 6.60321 8.80583 6.51899 8.87438 6.41625L10.1512 4.5H15.3478L16.6256 6.41625C16.6942 6.51899 16.787 6.60321 16.896 6.66143C17.0049 6.71966 17.1265 6.75008 17.25 6.75H20.25C20.4489 6.75 20.6397 6.82902 20.7803 6.96967C20.921 7.11032 21 7.30109 21 7.5V18ZM12.75 8.25C11.9342 8.25 11.1366 8.49193 10.4583 8.94519C9.77992 9.39845 9.25121 10.0427 8.939 10.7964C8.62679 11.5502 8.5451 12.3796 8.70426 13.1797C8.86343 13.9799 9.25629 14.7149 9.83318 15.2918C10.4101 15.8687 11.1451 16.2616 11.9453 16.4207C12.7454 16.5799 13.5748 16.4982 14.3286 16.186C15.0823 15.8738 15.7266 15.3451 16.1798 14.6667C16.6331 13.9884 16.875 13.1908 16.875 12.375C16.8738 11.2814 16.4388 10.2329 15.6654 9.45955C14.8921 8.68624 13.8436 8.25124 12.75 8.25ZM12.75 15C12.2308 15 11.7233 14.846 11.2916 14.5576C10.8599 14.2692 10.5235 13.8592 10.3248 13.3795C10.1261 12.8999 10.0742 12.3721 10.1754 11.8629C10.2767 11.3537 10.5267 10.886 10.8938 10.5188C11.261 10.1517 11.7287 9.90172 12.2379 9.80044C12.7471 9.69915 13.2749 9.75114 13.7545 9.94982C14.2342 10.1485 14.6442 10.4849 14.9326 10.9166C15.221 11.3483 15.375 11.8558 15.375 12.375C15.375 13.0712 15.0984 13.7389 14.6062 14.2312C14.1139 14.7234 13.4462 15 12.75 15Z" fill="${fillColor}"/>
+      </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.spirometryPanel]: fillColor => {
+    return `
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Spirometer">
+        <path id="Vector 1535" d="M7.53165 7.13455H4.81707C4.1943 7.13455 3.68945 6.6297 3.68945 6.00694V6.00694C3.68945 5.38417 4.1943 4.87932 4.81707 4.87932H7.53165M7.53165 7.13455V4.87932M7.53165 7.13455C7.53165 7.13455 8.8807 8.30542 9.74511 9.05566M7.53165 4.87932C7.53165 4.87932 8.8807 3.73392 9.74511 3M9.74511 3C9.74511 5.36488 9.74511 6.69078 9.74511 9.05566M9.74511 3C12.26 3 15.6772 3 17.8124 3C18.917 3 19.8101 3.89543 19.8101 5V7.59394V9.05566M9.74511 9.05566C10.3323 9.05566 11.2486 9.05566 11.2486 9.05566M19.8101 9.05566V19C19.8101 20.1046 18.9147 21 17.8101 21H13.2486C12.144 21 11.2486 20.1046 11.2486 19V9.05566M19.8101 9.05566H13.1279M11.2486 9.05566H13.1279M13.1279 9.05566V4.87932" stroke="${fillColor}" stroke-width="1.5"/>
+      </g>
+    </svg>`;
+  },
+  [MeasurementTypeKey.stepCount]: fillColor => {
+    return `
+    <svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path 
+        d="M20.3544 14.906L17.6703 13.5645C16.9211 13.193 16.291 12.619 15.8514 11.9076C15.4118 11.1963 15.1803 10.376 15.1831 9.53978V6.78446C15.1831 6.58555 15.1041 6.39479 14.9634 6.25413C14.8228 6.11348 14.632 6.03446 14.4331 6.03446C13.24 6.03322 12.0961 5.55872 11.2525 4.71507C10.4088 3.87143 9.93435 2.72756 9.93311 1.53446C9.93298 1.39494 9.89393 1.25822 9.82036 1.13967C9.74678 1.02112 9.6416 0.925443 9.51663 0.863396C9.39166 0.80135 9.25186 0.775394 9.11295 0.788445C8.97404 0.801497 8.84152 0.853039 8.73029 0.937276L1.50779 6.40946L1.48904 6.42446C1.32568 6.55678 1.19196 6.72197 1.09654 6.9093C1.00113 7.09663 0.946161 7.30192 0.9352 7.51186C0.924239 7.72181 0.95753 7.93171 1.03292 8.12796C1.1083 8.3242 1.2241 8.50241 1.37279 8.65103L12.0331 19.3151C12.1028 19.3847 12.1855 19.4399 12.2766 19.4776C12.3676 19.5152 12.4652 19.5345 12.5637 19.5345H19.6831C20.0809 19.5345 20.4625 19.3764 20.7438 19.0951C21.0251 18.8138 21.1831 18.4323 21.1831 18.0345V16.2476C21.184 15.9689 21.1068 15.6955 20.9604 15.4584C20.8139 15.2213 20.604 15.03 20.3544 14.906ZM19.6831 18.0345H12.874L2.43311 7.59353L3.63967 6.67853L7.27623 10.3151C7.41696 10.4561 7.60793 10.5354 7.80713 10.5355C8.00633 10.5357 8.19744 10.4568 8.33842 10.316C8.4794 10.1753 8.5587 9.98433 8.55887 9.78513C8.55905 9.58593 8.48009 9.39482 8.33936 9.25384L4.84623 5.76353L8.59623 2.92196C8.88045 4.10938 9.51935 5.18216 10.428 5.9977C11.3366 6.81324 12.472 7.3329 13.6831 7.48759V9.53978C13.6794 10.6548 13.9882 11.7486 14.5744 12.6971C15.1607 13.6455 16.001 14.4108 17 14.906L19.6831 16.2476V18.0345ZM5.32061 16.5345H1.68311C1.48419 16.5345 1.29343 16.4554 1.15278 16.3148C1.01212 16.1741 0.933105 15.9834 0.933105 15.7845C0.933105 15.5856 1.01212 15.3948 1.15278 15.2541C1.29343 15.1135 1.48419 15.0345 1.68311 15.0345H5.32061C5.51952 15.0345 5.71028 15.1135 5.85094 15.2541C5.99159 15.3948 6.07061 15.5856 6.07061 15.7845C6.07061 15.9834 5.99159 16.1741 5.85094 16.3148C5.71028 16.4554 5.51952 16.5345 5.32061 16.5345ZM9.07061 18.7845C9.07061 18.9834 8.99159 19.1741 8.85094 19.3148C8.71028 19.4554 8.51952 19.5345 8.32061 19.5345H3.18311C2.98419 19.5345 2.79343 19.4554 2.65278 19.3148C2.51212 19.1741 2.43311 18.9834 2.43311 18.7845C2.43311 18.5856 2.51212 18.3948 2.65278 18.2541C2.79343 18.1135 2.98419 18.0345 3.18311 18.0345H8.32061C8.51952 18.0345 8.71028 18.1135 8.85094 18.2541C8.99159 18.3948 9.07061 18.5856 9.07061 18.7845Z" 
+        fill="${fillColor}"/>
+    </svg>`;
+  },
+  [MeasurementTypeKey.respiratoryRate]: fillColor => {
+    return `
+      <svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M17.3998 5.29218C17.1163 5.12405 16.793 5.03465 16.4634 5.0332C16.1338 5.03175 15.8098 5.1183 15.5248 5.28393C15.2238 5.45986 14.9745 5.71188 14.8018 6.01466C14.6291 6.31745 14.539 6.66035 14.5408 7.00893V10.3667L12.9335 9.15918V-0.21582C12.9335 -0.414733 12.8545 -0.605498 12.7139 -0.74615C12.5732 -0.886803 12.3824 -0.96582 12.1835 -0.96582C11.9846 -0.96582 11.7939 -0.886803 11.6532 -0.74615C11.5125 -0.605498 11.4335 -0.414733 11.4335 -0.21582V9.15918L9.82328 10.3674V7.00968C9.82501 6.6611 9.73499 6.3182 9.56227 6.01541C9.38955 5.71263 9.14021 5.46061 8.83928 5.28468C8.55443 5.11867 8.23035 5.0319 7.90065 5.03335C7.57096 5.0348 7.24766 5.12442 6.96428 5.29293C5.1093 6.41037 3.57755 7.99192 2.52002 9.88169C1.46249 11.7715 0.915693 13.9042 0.933528 16.0697V19.3187C0.931575 19.6755 1.01513 20.0275 1.17719 20.3454C1.33926 20.6633 1.57512 20.9377 1.86503 21.1457C2.13601 21.3408 2.45029 21.4674 2.78091 21.5144C3.11153 21.5614 3.44862 21.5275 3.76328 21.4157L8.19878 19.8594C8.6787 19.6838 9.09251 19.364 9.38338 18.9438C9.67424 18.5236 9.82791 18.0237 9.82328 17.5127V12.2417L12.1835 10.4717L14.5438 12.2417V17.5127C14.5391 18.0237 14.6928 18.5236 14.9837 18.9438C15.2745 19.364 15.6884 19.6838 16.1683 19.8594L20.6038 21.4157C20.9184 21.5275 21.2555 21.5614 21.5861 21.5144C21.9168 21.4674 22.231 21.3408 22.502 21.1457C22.7919 20.9377 23.0278 20.6633 23.1899 20.3454C23.3519 20.0275 23.4355 19.6755 23.4335 19.3187V16.0697C23.4512 13.9038 22.904 11.7707 21.8459 9.88076C20.7878 7.99082 19.2554 6.40931 17.3998 5.29218ZM8.32478 17.5127C8.32949 17.7129 8.27241 17.9098 8.1613 18.0764C8.05019 18.2431 7.89044 18.3715 7.70378 18.4442L3.26603 20.0004C3.17757 20.0319 3.0828 20.0416 2.98982 20.0285C2.89683 20.0154 2.80838 19.9801 2.73203 19.9254C2.6375 19.8569 2.56088 19.7666 2.50866 19.6621C2.45644 19.5577 2.43015 19.4422 2.43203 19.3254V16.0697C2.41334 14.1655 2.89156 12.2894 3.81948 10.6265C4.74741 8.96358 6.09294 7.57143 7.72328 6.58743C7.77906 6.55321 7.84309 6.5348 7.90853 6.53418C7.97292 6.53499 8.036 6.55256 8.09153 6.58518C8.16416 6.62911 8.22377 6.69159 8.26424 6.7662C8.30471 6.8408 8.32457 6.92485 8.32178 7.00968L8.32478 17.5127ZM21.9335 19.3187C21.9354 19.4354 21.9091 19.5509 21.8569 19.6554C21.8047 19.7598 21.7281 19.8501 21.6335 19.9187C21.5571 19.9734 21.4685 20.0088 21.3754 20.0219C21.2822 20.0349 21.1874 20.0252 21.0988 19.9937L16.6648 18.4442C16.4781 18.3715 16.3184 18.2431 16.2073 18.0764C16.0961 17.9098 16.0391 17.7129 16.0438 17.5127V7.01268C16.041 6.92785 16.0609 6.8438 16.1013 6.7692C16.1418 6.69459 16.2014 6.6321 16.274 6.58818C16.3297 6.55426 16.3933 6.53563 16.4585 6.53418C16.524 6.5348 16.588 6.55321 16.6438 6.58743C18.2738 7.57161 19.6191 8.96385 20.5467 10.6267C21.4744 12.2896 21.9524 14.1656 21.9335 16.0697V19.3187Z" fill="${fillColor}"/>
+      </svg>
+    `;
+  },
+  [MeasurementTypeKey.heartRate]: fillColor => {
+    return `
+    <svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M5.93311 9.78418H2.18311C1.98419 9.78418 1.79343 9.70516 1.65278 9.56451C1.51212 9.42386 1.43311 9.23309 1.43311 9.03418C1.43311 8.83527 1.51212 8.6445 1.65278 8.50385C1.79343 8.3632 1.98419 8.28418 2.18311 8.28418H5.53186L6.80873 6.36793C6.87719 6.26505 6.97002 6.18069 7.07894 6.12234C7.18787 6.06398 7.30953 6.03345 7.43311 6.03345C7.55668 6.03345 7.67834 6.06398 7.78727 6.12234C7.8962 6.18069 7.98902 6.26505 8.05748 6.36793L10.4331 9.93043L11.3087 8.61793C11.3773 8.51519 11.4701 8.43097 11.5791 8.37274C11.688 8.31452 11.8096 8.2841 11.9331 8.28418H14.1831C14.382 8.28418 14.5728 8.3632 14.7134 8.50385C14.8541 8.6445 14.9331 8.83527 14.9331 9.03418C14.9331 9.23309 14.8541 9.42386 14.7134 9.56451C14.5728 9.70516 14.382 9.78418 14.1831 9.78418H12.3344L11.0575 11.7004C10.989 11.8033 10.8962 11.8877 10.7873 11.946C10.6783 12.0044 10.5567 12.0349 10.4331 12.0349C10.3095 12.0349 10.1879 12.0044 10.0789 11.946C9.97002 11.8877 9.87719 11.8033 9.80873 11.7004L7.43311 8.13605L6.55748 9.44855C6.48915 9.55164 6.39638 9.63623 6.28745 9.69479C6.17851 9.75335 6.05678 9.78405 5.93311 9.78418ZM15.8706 0.0341797C13.9347 0.0341797 12.2397 0.86668 11.1831 2.27387C10.1265 0.86668 8.43154 0.0341797 6.49561 0.0341797C4.95457 0.0359166 3.47714 0.648861 2.38747 1.73854C1.29779 2.82822 0.684842 4.30564 0.683105 5.84668C0.683105 5.91699 0.683105 5.9873 0.683105 6.05762C0.689321 6.25653 0.774301 6.44483 0.919348 6.58108C1.0644 6.71734 1.25763 6.7904 1.45654 6.78418C1.65546 6.77796 1.84375 6.69298 1.98001 6.54794C2.11627 6.40289 2.18932 6.20965 2.18311 6.01074C2.18311 5.95637 2.18311 5.90105 2.18311 5.84668C2.18459 4.70339 2.63942 3.60735 3.44785 2.79893C4.25628 1.9905 5.35232 1.53567 6.49561 1.53418C8.31904 1.53418 9.84998 2.50543 10.4894 4.06543C10.5459 4.20299 10.642 4.32064 10.7655 4.40344C10.889 4.48624 11.0344 4.53045 11.1831 4.53045C11.3318 4.53045 11.4772 4.48624 11.6007 4.40344C11.7242 4.32064 11.8203 4.20299 11.8769 4.06543C12.5162 2.50262 14.0472 1.53418 15.8706 1.53418C17.0139 1.53567 18.1099 1.9905 18.9184 2.79893C19.7268 3.60735 20.1816 4.70339 20.1831 5.84668C20.1831 10.8726 12.8931 15.4232 11.1831 16.4217C10.1678 15.8301 7.18654 13.9842 4.93186 11.527C4.86525 11.4544 4.78499 11.3955 4.69566 11.3539C4.60633 11.3123 4.50967 11.2887 4.41121 11.2844C4.31275 11.2802 4.21442 11.2953 4.12182 11.3291C4.02923 11.3628 3.94418 11.4144 3.87154 11.4811C3.79891 11.5477 3.7401 11.6279 3.69848 11.7173C3.65686 11.8066 3.63324 11.9032 3.62898 12.0017C3.62471 12.1002 3.63988 12.1985 3.67362 12.2911C3.70736 12.3837 3.759 12.4687 3.82561 12.5414C6.74779 15.7289 10.6628 17.8551 10.8278 17.9442C10.937 18.0029 11.0591 18.0337 11.1831 18.0337C11.3071 18.0337 11.4292 18.0029 11.5384 17.9442C11.9528 17.7211 21.6831 12.4092 21.6831 5.84668C21.6814 4.30564 21.0684 2.82822 19.9787 1.73854C18.8891 0.648861 17.4116 0.0359166 15.8706 0.0341797Z" fill="${fillColor}"/>
+    </svg>`;
+  },
+  // TODO: add missing icons
+
+  [MeasurementTypeKey.heartRateVariability]: () => null,
+  [MeasurementTypeKey.vo2Max]: () => null,
+  [MeasurementTypeKey.restingHeartRate]: () => null,
+  [MeasurementTypeKey.walkingHeartRateAverage]: () => null
+};
+//# sourceMappingURL=measurement-icon-svg.js.map