@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/RangeBar.js

@@ -0,0 +1,187 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { colors, fonts } from '@lockin90/tokens';
+
+/**
+ * Marker tone — colors the value marker dot.
+ * 'auto' = colored by which zone the value lands in (low→warn, optimal→ok, high→bad).
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Clamp x into [lo, hi]. */
+const clamp = (x, lo, hi) => Math.max(lo, Math.min(hi, x));
+
+/** Marker tone → its color. */
+const MARKER_COLOR = {
+  ok: colors.zoneHigh,
+  warn: colors.zoneMid,
+  bad: colors.zoneLow
+};
+
+// zone fills (mirror the web track's tinted gradient stops)
+const LOW_FILL = 'rgba(255,77,109,0.30)';
+const HIGH_FILL = 'rgba(255,77,109,0.30)';
+
+/**
+ * RangeBar — a reference-range bar for biomarkers / labs.
+ *
+ * A horizontal track split into low / optimal / high colored zones, with a
+ * marker dot showing where the current value falls (e.g. fasting glucose vs its
+ * healthy range). The three zones are [min,low] low (amber/red-tinted),
+ * [low,high] optimal (green band), [high,max] high (red-tinted); the marker
+ * auto-colors by the zone it lands in unless `markerTone` forces it. Mirrors the
+ * web RangeBar (same export + prop API).
+ */
+export function RangeBar({
+  value,
+  min = 0,
+  max = 100,
+  low,
+  high,
+  label,
+  unit,
+  showValue = false,
+  markerTone = 'auto',
+  style,
+  ...rest
+}) {
+  const span = max - min || 1;
+  const lowFrac = clamp((low - min) / span, 0, 1);
+  const highFrac = clamp((high - min) / span, 0, 1);
+  const posFrac = clamp((value - min) / span, 0, 1);
+
+  // auto tone reflects which zone the value lands in
+  const autoTone = value < low ? 'warn' : value > high ? 'bad' : 'ok';
+  const tone = markerTone === 'auto' ? autoTone : markerTone;
+  const markerColor = MARKER_COLOR[tone];
+  const hasHeader = label != null || showValue;
+  const lowW = `${lowFrac * 100}%`;
+  const optW = `${Math.max(0, highFrac - lowFrac) * 100}%`;
+  const highW = `${Math.max(0, 1 - highFrac) * 100}%`;
+  const bandLeft = `${lowFrac * 100}%`;
+  const markerLeft = `${posFrac * 100}%`;
+  const valueColor = tone === 'warn' ? colors.zoneMid : tone === 'bad' ? colors.zoneLow : colors.textDim;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, style],
+    ...rest,
+    children: [hasHeader && /*#__PURE__*/_jsxs(View, {
+      style: styles.head,
+      children: [label != null && /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: label
+      }), showValue && /*#__PURE__*/_jsxs(Text, {
+        style: [styles.value, {
+          color: valueColor
+        }],
+        children: [value, unit != null && /*#__PURE__*/_jsx(Text, {
+          style: styles.unit,
+          children: unit
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.track,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.zone, {
+          width: lowW,
+          backgroundColor: LOW_FILL
+        }]
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.zone, {
+          width: optW,
+          backgroundColor: 'rgba(52,245,197,0.28)'
+        }]
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.zone, {
+          width: highW,
+          backgroundColor: HIGH_FILL
+        }]
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.band, {
+          left: bandLeft,
+          width: optW
+        }],
+        pointerEvents: "none"
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.marker, {
+          left: markerLeft,
+          backgroundColor: markerColor,
+          shadowColor: markerColor
+        }],
+        pointerEvents: "none"
+      })]
+    })]
+  });
+}
+const TRACK_H = 10;
+const MARKER = 14;
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    gap: 8
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'baseline',
+    justifyContent: 'space-between',
+    gap: 8
+  },
+  label: {
+    fontFamily: fonts.mono,
+    fontSize: 10.5,
+    fontWeight: '500',
+    textTransform: 'uppercase',
+    letterSpacing: 1.68,
+    color: colors.textFaint
+  },
+  value: {
+    fontFamily: fonts.mono,
+    fontSize: 12,
+    fontWeight: '500',
+    color: colors.textDim
+  },
+  unit: {
+    color: colors.textFaint
+  },
+  /* the 3-zone track */
+  track: {
+    position: 'relative',
+    flexDirection: 'row',
+    height: TRACK_H,
+    borderRadius: 999,
+    borderWidth: 1,
+    borderColor: colors.border,
+    overflow: 'visible'
+  },
+  zone: {
+    height: '100%'
+  },
+  /* the in-range green optimal band */
+  band: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    borderRadius: 999,
+    backgroundColor: 'rgba(52,245,197,0.45)'
+  },
+  /* the value marker dot */
+  marker: {
+    position: 'absolute',
+    top: '50%',
+    width: MARKER,
+    height: MARKER,
+    borderRadius: MARKER / 2,
+    marginLeft: -MARKER / 2,
+    marginTop: -MARKER / 2,
+    borderWidth: 2.5,
+    borderColor: colors.bg0,
+    shadowOpacity: 0.9,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 4,
+    zIndex: 3
+  }
+});
+//# sourceMappingURL=RangeBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","colors","fonts","jsx","_jsx","jsxs","_jsxs","clamp","x","lo","hi","Math","max","min","MARKER_COLOR","ok","zoneHigh","warn","zoneMid","bad","zoneLow","LOW_FILL","HIGH_FILL","RangeBar","value","low","high","label","unit","showValue","markerTone","style","rest","span","lowFrac","highFrac","posFrac","autoTone","tone","markerColor","hasHeader","lowW","optW","highW","bandLeft","markerLeft","valueColor","textDim","styles","root","children","head","color","track","zone","width","backgroundColor","band","left","pointerEvents","marker","shadowColor","TRACK_H","MARKER","create","gap","flexDirection","alignItems","justifyContent","fontFamily","mono","fontSize","fontWeight","textTransform","letterSpacing","textFaint","position","height","borderRadius","borderWidth","borderColor","border","overflow","top","bottom","marginLeft","marginTop","bg0","shadowOpacity","shadowRadius","shadowOffset","elevation","zIndex"],"sourceRoot":"../../../src","sources":["components/RangeBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReauthDialog.js

@@ -0,0 +1,256 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { Modal } from './Modal';
+import { Input } from './Input';
+import { Button } from './Button';
+import { Alert } from './Alert';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Google "G" mark — matches the auth design's SSO glyph. */
+function GoogleMark() {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 24 24",
+    children: [/*#__PURE__*/_jsx(Path, {
+      fill: "#4285F4",
+      d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.76h3.56c2.08-1.92 3.28-4.74 3.28-8.09z"
+    }), /*#__PURE__*/_jsx(Path, {
+      fill: "#34A853",
+      d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.56-2.76c-.98.66-2.23 1.06-3.72 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23z"
+    }), /*#__PURE__*/_jsx(Path, {
+      fill: "#FBBC05",
+      d: "M5.84 14.11a6.6 6.6 0 0 1 0-4.22V7.05H2.18a11 11 0 0 0 0 9.9l3.66-2.84z"
+    }), /*#__PURE__*/_jsx(Path, {
+      fill: "#EA4335",
+      d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1A11 11 0 0 0 2.18 7.05l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z"
+    })]
+  });
+}
+
+/** Apple mark — the SSO glyph, tinted to the current text color. */
+function AppleMark() {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: 17,
+    height: 17,
+    viewBox: "0 0 24 24",
+    children: /*#__PURE__*/_jsx(Path, {
+      fill: colors.text,
+      d: "M16.37 12.7c.03 3.02 2.65 4.02 2.68 4.03-.02.07-.42 1.44-1.38 2.85-.83 1.22-1.7 2.44-3.06 2.46-1.34.03-1.77-.79-3.3-.79-1.53 0-2.01.77-3.28.82-1.32.05-2.32-1.32-3.16-2.54-1.72-2.5-3.03-7.05-1.27-10.12.87-1.53 2.44-2.5 4.14-2.52 1.3-.03 2.52.87 3.31.87.79 0 2.28-1.08 3.84-.92.65.03 2.49.26 3.67 1.99-.1.06-2.19 1.28-2.17 3.51M14.06 4.5c.7-.85 1.17-2.03 1.04-3.2-1 .04-2.22.67-2.94 1.51-.64.75-1.2 1.95-1.05 3.1 1.12.09 2.25-.57 2.95-1.41"
+    })
+  });
+}
+
+/**
+ * Step-up re-authentication dialog — "confirm it's you" before a sensitive
+ * action. A centered Modal with an optional password path + optional Google /
+ * Apple SSO paths; local password state is kept internal and cleared on close.
+ */
+export function ReauthDialog({
+  open,
+  onClose,
+  onSubmitPassword,
+  onGoogle,
+  onApple,
+  title = "Confirm it's you",
+  description = 'For your security, re-enter your password to continue.',
+  hasPassword = true,
+  hasGoogle = false,
+  hasApple = false,
+  loading = false,
+  error,
+  passwordLabel = 'Password',
+  passwordPlaceholder = 'Your password',
+  confirmLabel = 'Confirm',
+  confirmingLabel = 'Confirming…',
+  cancelLabel = 'Cancel',
+  googleLabel = 'Continue with Google',
+  appleLabel = 'Continue with Apple',
+  orLabel = 'or',
+  style
+}) {
+  const [password, setPassword] = useState('');
+
+  // Drop the field whenever the dialog closes so it never leaks across opens.
+  useEffect(() => {
+    if (!open) setPassword('');
+  }, [open]);
+  const close = () => {
+    setPassword('');
+    onClose();
+  };
+  const submit = () => {
+    if (loading || !password) return;
+    onSubmitPassword?.(password);
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    open: open,
+    onClose: close,
+    title: title,
+    size: "sm",
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.body, style],
+      children: [description ? /*#__PURE__*/_jsx(Text, {
+        style: styles.desc,
+        children: description
+      }) : null, error ? /*#__PURE__*/_jsx(Alert, {
+        tone: "danger",
+        style: styles.error,
+        children: error
+      }) : null, hasPassword ? /*#__PURE__*/_jsxs(View, {
+        style: styles.pw,
+        children: [/*#__PURE__*/_jsx(Input, {
+          label: passwordLabel,
+          secureTextEntry: true,
+          autoComplete: "current-password",
+          textContentType: "password",
+          placeholder: passwordPlaceholder,
+          value: password,
+          editable: !loading,
+          invalid: Boolean(error),
+          onChangeText: setPassword,
+          onSubmitEditing: submit
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "primary",
+          title: loading ? confirmingLabel : confirmLabel,
+          style: styles.submit,
+          disabled: loading || !password,
+          onPress: submit
+        })]
+      }) : null, hasPassword && (hasGoogle || hasApple) ? /*#__PURE__*/_jsxs(View, {
+        style: styles.or,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.ln
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.orText,
+          children: orLabel
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.ln
+        })]
+      }) : null, hasGoogle ? /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Continue with Google",
+        disabled: loading,
+        onPress: () => onGoogle?.(),
+        children: ({
+          pressed
+        }) => /*#__PURE__*/_jsxs(View, {
+          style: [styles.google, pressed && styles.pressed, loading && styles.disabled],
+          children: [/*#__PURE__*/_jsx(GoogleMark, {}), /*#__PURE__*/_jsx(Text, {
+            style: styles.googleLabel,
+            children: googleLabel
+          })]
+        })
+      }) : null, hasApple ? /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Continue with Apple",
+        disabled: loading,
+        onPress: () => onApple?.(),
+        children: ({
+          pressed
+        }) => /*#__PURE__*/_jsxs(View, {
+          style: [styles.apple, pressed && styles.pressed, loading && styles.disabled],
+          children: [/*#__PURE__*/_jsx(AppleMark, {}), /*#__PURE__*/_jsx(Text, {
+            style: styles.appleLabel,
+            children: appleLabel
+          })]
+        })
+      }) : null, /*#__PURE__*/_jsx(Button, {
+        variant: "ghost",
+        title: cancelLabel,
+        style: styles.submit,
+        disabled: loading,
+        onPress: close
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  body: {
+    gap: 16
+  },
+  desc: {
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    lineHeight: 22,
+    color: colors.textDim
+  },
+  error: {},
+  // match web: input→Confirm gap == the body's 16px column gap (== Confirm→Cancel)
+  pw: {
+    gap: 16
+  },
+  submit: {
+    width: '100%'
+  },
+  or: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
+  },
+  ln: {
+    flex: 1,
+    height: 1,
+    backgroundColor: colors.border
+  },
+  orText: {
+    fontFamily: fonts.mono,
+    fontSize: 11,
+    letterSpacing: 0.9,
+    textTransform: 'uppercase',
+    color: colors.textFaint
+  },
+  // Mirrors Button's `default` variant (glass2 bg + border2 pill) so the
+  // Google glyph + label sit in the same chrome as the web Button.
+  google: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 9,
+    width: '100%',
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    borderRadius: radii.pill,
+    backgroundColor: colors.glass2,
+    borderWidth: 1,
+    borderColor: colors.border2
+  },
+  googleLabel: {
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    fontWeight: '600',
+    color: colors.text
+  },
+  apple: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 9,
+    width: '100%',
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    borderRadius: radii.pill,
+    backgroundColor: colors.glass2,
+    borderWidth: 1,
+    borderColor: colors.border2
+  },
+  appleLabel: {
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    fontWeight: '600',
+    color: colors.text
+  },
+  pressed: {
+    opacity: 0.85,
+    transform: [{
+      scale: 0.98
+    }]
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});
+//# sourceMappingURL=ReauthDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","View","Text","Pressable","StyleSheet","Svg","Path","colors","radii","fonts","Modal","Input","Button","Alert","jsx","_jsx","jsxs","_jsxs","GoogleMark","width","height","viewBox","children","fill","d","AppleMark","text","ReauthDialog","open","onClose","onSubmitPassword","onGoogle","onApple","title","description","hasPassword","hasGoogle","hasApple","loading","error","passwordLabel","passwordPlaceholder","confirmLabel","confirmingLabel","cancelLabel","googleLabel","appleLabel","orLabel","style","password","setPassword","close","submit","size","styles","body","desc","tone","pw","label","secureTextEntry","autoComplete","textContentType","placeholder","value","editable","invalid","Boolean","onChangeText","onSubmitEditing","variant","disabled","onPress","or","ln","orText","accessibilityRole","accessibilityLabel","pressed","google","apple","create","gap","fontFamily","ui","fontSize","lineHeight","color","textDim","flexDirection","alignItems","flex","backgroundColor","border","mono","letterSpacing","textTransform","textFaint","justifyContent","paddingVertical","paddingHorizontal","borderRadius","pill","glass2","borderWidth","borderColor","border2","fontWeight","opacity","transform","scale"],"sourceRoot":"../../../src","sources":["components/ReauthDialog.tsx"],"mappings":"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","ignoreList":[]}