@adminide-stack/yantra-mobile 12.0.136-alpha.1 → 12.0.136

package/lib/screens/Devices/index.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React__default,{useState,useMemo,useCallback,useEffect,useRef}from'react';import {BackHandler,StyleSheet,View,Pressable,ActivityIndicator,ScrollView,Linking,Alert,Animated,Easing,Platform}from'react-native';import {Ionicons}from'@expo/vector-icons';import {Text}from'@admin-layout/gluestack-ui-mobile';import {useNavigation,useRoute,CommonActions}from'@react-navigation/native';import {useSafeAreaInsets,SafeAreaView}from'react-native-safe-area-context';import {mobileColors,mobileTokens}from'../../theme/mobileTokens.js';import {useAppTheme}from'../../theme/AppThemeProvider.js';import {deviceKind,DEVICE_KINDS}from'../../features/devices/catalog.js';import {useDevices,useDeviceSession,platformWriter,deviceStore}from'../../features/devices/devices.js';import {describeReading}from'../../features/devices/readings.js';import {useHealthSync}from'../../features/health/healthSync.js';var __defProp = Object.defineProperty;
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React__default,{useState,useMemo,useCallback,useEffect,useRef}from'react';import {BackHandler,StyleSheet,View,Pressable,ActivityIndicator,ScrollView,Linking,Alert,Animated,Easing,Platform}from'react-native';import {Ionicons}from'@expo/vector-icons';import {Text}from'@admin-layout/gluestack-ui-mobile';import {useNavigation,useRoute,CommonActions}from'@react-navigation/native';import {useSafeAreaInsets,SafeAreaView}from'react-native-safe-area-context';import {mobileColors,mobileTokens}from'../../theme/mobileTokens.js';import {useAppTheme}from'../../theme/AppThemeProvider.js';import {deviceKind,DEVICE_KINDS}from'../../features/devices/catalog.js';import {useDevices,useDeviceSession,platformWriter,deviceStore}from'../../features/devices/devices.js';import {describeReading}from'../../features/devices/readings.js';import {compositionRows}from'../../features/devices/bodyComposition.js';import {useHealthSync}from'../../features/health/healthSync.js';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -305,6 +305,53 @@ const styles = StyleSheet.create({
     fontSize: 14,
     marginTop: 2
   },
+  measureBox: {
+    alignItems: "center",
+    paddingVertical: 24,
+    gap: 6
+  },
+  measureRing: {
+    position: "absolute",
+    top: 24,
+    width: 176,
+    height: 176,
+    borderRadius: 88,
+    borderWidth: 2
+  },
+  measureCore: {
+    width: 176,
+    height: 176,
+    borderRadius: 88,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 12
+  },
+  measureWeight: {
+    fontSize: 44,
+    fontWeight: "700"
+  },
+  measureUnit: {
+    fontSize: 18,
+    fontWeight: "600"
+  },
+  compositionGrid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginTop: 10,
+    rowGap: 10
+  },
+  compositionItem: {
+    width: "33.33%",
+    paddingRight: 8
+  },
+  compositionLabel: {
+    fontSize: 12
+  },
+  compositionValue: {
+    fontSize: 15,
+    fontWeight: "600",
+    marginTop: 1
+  },
   savedLine: {
     flexDirection: "row",
     alignItems: "center",
@@ -567,7 +614,15 @@ function ReadingsCard({
           }], children: whenLabel(r.at, now) }),
           r.kind === "blood-pressure" && ((_a = r.problems) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsx(Text, { style: [styles.readingNote, {
             color: colors.warningText
-          }], children: r.problems.join(" ") }) : null
+          }], children: r.problems.join(" ") }) : null,
+          r.kind === "body" && r.composition ? /* @__PURE__ */ jsx(View, { style: styles.compositionGrid, children: compositionRows(r.composition, units).map((m) => /* @__PURE__ */ jsxs(View, { style: styles.compositionItem, children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.compositionLabel, {
+              color: colors.textMuted
+            }], children: m.label }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.compositionValue, {
+              color: colors.text
+            }], children: m.value })
+          ] }, m.label)) }) : null
         ] })
       ] }, r.id);
     }) })
@@ -772,10 +827,151 @@ function PickKind({
     ] }, k.id)) })
   ] });
 }
+function formatWeight(kg, units) {
+  if (kg === void 0) return "--";
+  const v = units === "imperial" ? kg / 0.45359237 : kg;
+  return (Math.round(v * 10) / 10).toFixed(1);
+}
+function ScaleMeasuring({
+  colors,
+  live,
+  units
+}) {
+  const pulse = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const loop = Animated.loop(Animated.timing(pulse, {
+      toValue: 1,
+      duration: 1400,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: true
+    }));
+    loop.start();
+    return () => loop.stop();
+  }, [pulse]);
+  const ringScale = pulse.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0.9, 1.5]
+  });
+  const ringOpacity = pulse.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0.5, 0]
+  });
+  const unitLabel = units === "imperial" ? "lb" : "kg";
+  return /* @__PURE__ */ jsxs(View, { style: styles.measureBox, children: [
+    /* @__PURE__ */ jsx(Animated.View, { style: [styles.measureRing, {
+      borderColor: colors.primary,
+      opacity: ringOpacity,
+      transform: [{
+        scale: ringScale
+      }]
+    }], accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" }),
+    /* @__PURE__ */ jsx(View, { style: [styles.measureCore, {
+      backgroundColor: colors.primarySoft
+    }], children: /* @__PURE__ */ jsxs(Text, { style: [styles.measureWeight, {
+      color: colors.text
+    }], accessibilityLabel: `${formatWeight(live.weightKg, units)} ${unitLabel}`, children: [
+      formatWeight(live.weightKg, units),
+      /* @__PURE__ */ jsxs(Text, { style: [styles.measureUnit, {
+        color: colors.textMuted
+      }], children: [
+        " ",
+        unitLabel
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.statusTitle, {
+      color: colors.text
+    }], children: "Measuring" }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.statusBody, {
+      color: colors.textMuted
+    }], children: "Stand still, barefoot, until it settles." })
+  ] });
+}
+function BrandLive({
+  kind,
+  colors,
+  live,
+  units
+}) {
+  var _a, _b, _c;
+  const items = [];
+  const round1 = (n) => Math.round(n * 10) / 10;
+  if (kind === "kitchen-scale") items.push({
+    label: "Weight",
+    value: `${Math.round((_a = live.grams) != null ? _a : 0)} g`
+  });
+  if (kind === "tape") {
+    const cm = (_b = live.lengthCm) != null ? _b : 0;
+    items.push({
+      label: live.bodyPart ? live.bodyPart.replace(/_/g, " ") : "Length",
+      value: units === "imperial" ? `${round1(cm / 2.54)} in` : `${round1(cm)} cm`
+    });
+  }
+  if (kind === "jump-rope") {
+    items.push({
+      label: "Jumps",
+      value: String((_c = live.jumps) != null ? _c : 0)
+    });
+    if (live.elapsedS !== void 0) items.push({
+      label: "Time",
+      value: clockOf(live.elapsedS)
+    });
+  }
+  if (kind === "treadmill") {
+    if (live.speedKmh !== void 0) items.push({
+      label: "Speed",
+      value: `${round1(live.speedKmh)} km/h`
+    });
+    if (live.distanceM !== void 0) items.push({
+      label: "Distance",
+      value: `${round1(live.distanceM / 1e3)} km`
+    });
+    if (live.kcal !== void 0) items.push({
+      label: "Calories",
+      value: `${Math.round(live.kcal)} kcal`
+    });
+    if (live.elapsedS !== void 0) items.push({
+      label: "Time",
+      value: clockOf(live.elapsedS)
+    });
+  }
+  if (kind === "ring") {
+    if (live.bpm !== void 0) items.push({
+      label: "Heart rate",
+      value: `${live.bpm} bpm`
+    });
+    if (live.spo2 !== void 0) items.push({
+      label: "Blood oxygen",
+      value: `${live.spo2}%`
+    });
+    if (live.skinTempC !== void 0) items.push({
+      label: "Skin temp",
+      value: `${round1(live.skinTempC)} \xB0C`
+    });
+    if (live.steps !== void 0) items.push({
+      label: "Steps",
+      value: String(live.steps)
+    });
+  }
+  if (live.battery !== void 0) items.push({
+    label: "Battery",
+    value: `${live.battery}%`
+  });
+  return /* @__PURE__ */ jsx(View, { style: [styles.card, styles.livePanel, {
+    backgroundColor: colors.surface
+  }], children: /* @__PURE__ */ jsx(View, { style: styles.compositionGrid, children: items.map((m) => /* @__PURE__ */ jsxs(View, { style: styles.compositionItem, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.compositionLabel, {
+      color: colors.textMuted
+    }], children: m.label }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.compositionValue, {
+      color: colors.text
+    }], children: m.value })
+  ] }, m.label)) }) });
+}
 function LivePanel({
   kind,
   colors,
   live,
+  units,
   recording,
   connected,
   onStart,
@@ -784,6 +980,12 @@ function LivePanel({
 }) {
   var _a, _b, _c, _d, _e;
   const [type, setType] = useState("run");
+  if (kind === "scale") {
+    return /* @__PURE__ */ jsx(ScaleMeasuring, { colors, live, units });
+  }
+  if (kind === "kitchen-scale" || kind === "tape" || kind === "jump-rope" || kind === "treadmill" || kind === "ring") {
+    return /* @__PURE__ */ jsx(BrandLive, { kind, colors, live, units });
+  }
   const [, tick] = useState(0);
   useEffect(() => {
     if (!recording) return void 0;
@@ -943,7 +1145,7 @@ function Measure({
         "."
       ] })
     ] }) : null,
-    (state.step === "connected" || state.step === "ended") && live ? /* @__PURE__ */ jsx(LivePanel, { kind, colors, live, recording, connected: state.step === "connected", onStart: (type) => session == null ? void 0 : session.startRecording(type), onStop: () => {
+    (state.step === "connected" || state.step === "ended") && live ? /* @__PURE__ */ jsx(LivePanel, { kind, colors, live, units, recording, connected: state.step === "connected", onStart: (type) => session == null ? void 0 : session.startRecording(type), onStop: () => {
       void (session == null ? void 0 : session.stopRecording());
     }, onSave: () => {
       void (session == null ? void 0 : session.saveLive());