@btndprojects/loam-ui-native 0.2.1 → 0.3.1

package/dist/{chunk-FYWNRX4F.js → chunk-CBCJSO2B.js}

@@ -1,12 +1,14 @@
-import { ContinuousNotice, ShutterButton, TorchToggle, ViewfinderGridToggle, GuideOverlay, ExpertPanel, LensPicker, SequenceStrip, ShutterTray, FlipButton, TrackingOverlay, ViewfinderGridOverlay, FocusTapZone, FocusIndicator } from './chunk-XIDTBCBA.js';
-import { PlaceholderFeed } from './chunk-5LAAAXFP.js';
-import { decorativeProps, useAnalyzerCopy, camInk, useAnalyzerLabels, AnalyzerCopyScope, SurfaceLiveRegion, ViewfinderTopBar, GlassIconButton, GuidanceChip, GateHint, useSurfaceAnnounce } from './chunk-HJLPZA4X.js';
+import { IdentifyCard, ContinuousNotice, ShutterButton, TorchToggle, ViewfinderGridToggle, GuideOverlay, ExpertPanel, LensPicker, SequenceStrip, ShutterTray, FlipButton, TrackingOverlay, ObjectHighlight, ObjectLabel, ViewfinderGridOverlay, FocusTapZone, FocusIndicator, ViewfinderModes } from './chunk-HHOMFQ7R.js';
+import { PlaceholderFeed } from './chunk-RJA3RXO3.js';
+import { camInk, decorativeProps, useAnalyzerCopy, useAnalyzerLabels, AnalyzerCopyScope, SurfaceLiveRegion, ViewfinderTopBar, GlassIconButton, GuidanceChip, GateHint, useSurfaceAnnounce } from './chunk-OCHPK5YV.js';
 import { NAMED_ROLE } from './chunk-W23G6JLF.js';
-import { Icon } from './chunk-UXGIW7OK.js';
+import { Spinner } from './chunk-G7H3NX3G.js';
+import { isAndroidIdiom } from './chunk-TH4PW2WU.js';
+import { Icon } from './chunk-PCEFCOLN.js';
 import * as React2 from 'react';
 import { View, Animated, Easing, Text, Pressable } from 'react-native';
 import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
-import { queueLabel, localizeProfile, profile, caps, isFrozen, primaryCheck, gateHint, angleAt, viewfinderSubtitle, confidenceTone, confidenceLabel } from '@btndprojects/loam-analyzer';
+import { queueLabel, localizeProfile, profile, caps, isFrozen, nearestToCentre, primaryCheck, gateHint, angleAt, viewfinderSubtitle, confidenceTone, confidenceLabel } from '@btndprojects/loam-analyzer';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 function numericRatio(ratio) {
@@ -19,13 +21,14 @@ function numericRatio(ratio) {
 }
 function CameraSurface({
   ratio,
-  platform = "ios",
+  platform: platformProp,
   insets = {},
   feed,
   accessibilityLabel,
   children
 }) {
-  const { styles } = useStyles(stageSheet);
+  const { styles, theme } = useStyles(stageSheet);
+  const platform = platformProp ?? (isAndroidIdiom(theme) ? "android" : "ios");
   const aspect = numericRatio(ratio);
   return /* @__PURE__ */ jsxs(
     View,
@@ -233,12 +236,23 @@ function PhaseAnnouncer({
 function Analyzer({
   profile: profileProp,
   level = "guided",
-  platform = "ios",
+  platform: platformProp,
   phase,
   ratio,
   insets,
   preview,
   objects = [],
+  highlight = true,
+  highlightPhase,
+  targetId,
+  aimedId,
+  identifySub,
+  identifyThumb,
+  modes,
+  mode,
+  onTargetChange,
+  onOpenResult,
+  onModeChange,
   gate = { pass: true, failing: [] },
   countdown = null,
   detected = null,
@@ -276,9 +290,12 @@ function Analyzer({
   onSequenceRead,
   onQueuePress,
   onGatePass,
-  onNotify
+  onNotify,
+  loading = false,
+  tone
 }) {
   const theme = useLoamTheme("analyzer");
+  const platform = platformProp ?? (isAndroidIdiom(theme) ? "android" : "ios");
   const { styles } = useStyles(analyzerSheet);
   const copy = useAnalyzerCopy(copyProp);
   const t = useAnalyzerLabels(labelsProp);
@@ -290,8 +307,36 @@ function Analyzer({
   const continuous = p.shutter === "continuous";
   const tracking = objects.length > 0;
   const trackLocked = objects.some((o) => o.locked === true);
+  const flow = highlight && objects.length > 0 && mode !== "photo";
+  const target = flow ? objects.find((o) => o.id === (targetId ?? aimedId ?? nearestToCentre(objects))) ?? objects[0] : void 0;
+  const hp = highlightPhase ?? (phase === "result" ? "result" : target?.locked ? "lock" : "aim");
+  const cardRef = React2.useRef(null);
+  const openResult = () => onOpenResult?.(cardRef);
+  const card = target && (hp === "identify" || hp === "result") ? (
+    // Native parts do not forward refs: the wrapper View is the morph source.
+    /* @__PURE__ */ jsx(View, { ref: cardRef, collapsable: false, children: /* @__PURE__ */ jsx(
+      IdentifyCard,
+      {
+        platform: platform === "android" ? "android" : "ios",
+        name: target.label,
+        sub: identifySub,
+        conf: target.conf,
+        thumb: identifyThumb,
+        onOpen: openResult
+      }
+    ) })
+  ) : null;
+  const modeStrip = modes && mode !== void 0 ? /* @__PURE__ */ jsx(
+    ViewfinderModes,
+    {
+      modes,
+      value: mode,
+      platform: platform === "android" ? "android" : "ios",
+      onChange: onModeChange
+    }
+  ) : null;
   const gateOpen = caps$1.gate ? gate.pass : true;
-  const captureOpen = enforceGate ? gateOpen : true;
+  const captureOpen = (enforceGate ? gateOpen : true) && !loading;
   const blockedToast = React2.useMemo(() => {
     const check = primaryCheck(p, gate);
     return copy.toasts.gateBlocked(
@@ -366,6 +411,30 @@ function Analyzer({
               topInset: insets?.top ?? 0
             }
           ),
+          loading ? /* @__PURE__ */ jsx(
+            View,
+            {
+              testID: "loam-cam-loading",
+              accessible: true,
+              accessibilityLabel: t.startingCamera,
+              accessibilityState: { busy: true },
+              "aria-busy": true,
+              style: [styles.loading, { backgroundColor: theme.black.a8 }],
+              children: /* @__PURE__ */ jsx(Spinner, { size: "lg", color: camInk(theme) })
+            }
+          ) : null,
+          tone && tone !== "neutral" ? /* @__PURE__ */ jsx(
+            View,
+            {
+              accessible: false,
+              testID: `loam-cam-tone-${tone}`,
+              style: [
+                styles.scrim,
+                { borderWidth: theme.borderWidth.thick, borderColor: theme.color[tone] }
+              ],
+              ...decorativeProps()
+            }
+          ) : null,
           scrimStop ? /* @__PURE__ */ jsx(
             View,
             {
@@ -375,7 +444,7 @@ function Analyzer({
               ...decorativeProps()
             }
           ) : null,
-          tracking ? /* @__PURE__ */ jsx(
+          tracking && !target ? /* @__PURE__ */ jsx(
             TrackingOverlay,
             {
               objects,
@@ -384,8 +453,46 @@ function Analyzer({
               safeAreaBottom: insets?.bottom ?? 0
             }
           ) : null,
+          target ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              ObjectHighlight,
+              {
+                target,
+                phase: hp,
+                locked: hp === "aim" ? true : target.locked !== false
+              }
+            ),
+            hp === "lock" || hp === "identify" ? /* @__PURE__ */ jsx(
+              ObjectLabel,
+              {
+                name: target.label,
+                conf: target.conf,
+                box: target.box,
+                state: target.locked === false ? "lost" : hp === "lock" ? "identifying" : "identified",
+                onOpen: openResult
+              }
+            ) : null
+          ] }) : null,
           live ? /* @__PURE__ */ jsx(ViewfinderGridOverlay, { visible: caps$1.grid && grid }) : null,
           live ? /* @__PURE__ */ jsx(FocusTapZone, { onFocusPoint }) : null,
+          live && target ? objects.filter((o) => o.id !== target.id).map((o) => /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              accessibilityRole: "button",
+              accessibilityLabel: o.label,
+              hitSlop: Math.max(0, (theme.hit.lg - theme.space[12]) / 2),
+              testID: `loam-target-dot-${o.id}`,
+              onPress: () => onTargetChange?.(o.id),
+              style: [
+                styles.targetDot,
+                {
+                  left: `${o.box[0] + o.box[2] / 2}%`,
+                  top: `${o.box[1] + o.box[3] / 2}%`
+                }
+              ]
+            },
+            o.id
+          )) : null,
           live ? /* @__PURE__ */ jsx(
             FocusIndicator,
             {
@@ -424,7 +531,7 @@ function Analyzer({
               {
                 kind: p.guide,
                 pass: gateOpen,
-                dimmed: trackLocked,
+                dimmed: trackLocked || target !== void 0,
                 hint: angle?.hint,
                 scanning: continuous
               }
@@ -440,7 +547,7 @@ function Analyzer({
                   onClose: onExpertOpenChange ? () => onExpertOpenChange(false) : void 0
                 }
               ) }) : null,
-              caps$1.zoom ? /* @__PURE__ */ jsx(LensPicker, { stops: zoomStops, value: zoom, onChange: onZoomChange }) : null,
+              caps$1.zoom && !card ? /* @__PURE__ */ jsx(LensPicker, { stops: zoomStops, value: zoom, onChange: onZoomChange }) : null,
               chip ? /* @__PURE__ */ jsx(GuidanceChip, { tone: chip.tone, icon: chip.icon, text: chip.text }) : null,
               caps$1.gate ? (
                 // `live={!detected}` suspends the guidance line's announcements
@@ -460,7 +567,10 @@ function Analyzer({
             ] }) : null
           ] }),
           frozen || !live ? /* @__PURE__ */ jsx(View, { style: [styles.phaseLayer, styles.raised], children }) : null,
+          !live && card ? /* @__PURE__ */ jsx(View, { style: [styles.liveColumn, styles.raised], children: card }) : null,
           live ? /* @__PURE__ */ jsxs(View, { style: [styles.liveColumn, styles.raised], children: [
+            card,
+            modeStrip,
             sequence ? /* @__PURE__ */ jsx(
               SequenceStrip,
               {
@@ -506,6 +616,15 @@ var analyzerSheet = createStyleSheet((theme) => ({
     left: theme.space[0],
     right: theme.space[0]
   },
+  loading: {
+    position: "absolute",
+    top: theme.space[0],
+    bottom: theme.space[0],
+    left: theme.space[0],
+    right: theme.space[0],
+    alignItems: "center",
+    justifyContent: "center"
+  },
   topLayer: {
     pointerEvents: "box-none",
     zIndex: 1
@@ -537,6 +656,17 @@ var analyzerSheet = createStyleSheet((theme) => ({
     paddingHorizontal: theme.space[8],
     paddingBottom: theme.space[8]
   },
+  targetDot: {
+    position: "absolute",
+    width: theme.space[12],
+    height: theme.space[12],
+    marginLeft: -theme.space[12] / 2,
+    marginTop: -theme.space[12] / 2,
+    borderRadius: theme.radius.full,
+    borderWidth: theme.borderWidth.hair,
+    borderColor: theme.black.a12,
+    backgroundColor: camInk(theme)
+  },
   stretch: {
     alignSelf: "stretch"
   },

package/dist/chunk-CHPX4MFI.js

@@ -0,0 +1,239 @@
+import { Checkbox } from './chunk-KNILMM4H.js';
+import { IconTile } from './chunk-XBXUBBJZ.js';
+import { Alert } from './chunk-Z7I4ZSO6.js';
+import { Dialog, DialogFooter } from './chunk-AQ5FIG74.js';
+import { Button } from './chunk-5DTKORLI.js';
+import { Text } from './chunk-L4D5LHCH.js';
+import { Badge } from './chunk-LGNTP5XA.js';
+import { useLabels } from './chunk-APCWFOZW.js';
+import { __export, __reExport } from './chunk-I2KLQ2HA.js';
+import * as React2 from 'react';
+import * as loam_file_manager_core_star from '@btndprojects/loam-file-manager-core';
+import { resolveFileManagerLabels, newerSide, formatFileSize, formatFileExactTime, FILE_CATEGORY_ICON, fileCategory } from '@btndprojects/loam-file-manager-core';
+import { View, Platform } from 'react-native';
+import { createStyleSheet, useLoamTheme, useStyles } from '@btndprojects/loam-theme-native';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/file-manager/file-manager-labels.ts
+var file_manager_labels_exports = {};
+__export(file_manager_labels_exports, {
+  useFileManagerLabels: () => useFileManagerLabels
+});
+__reExport(file_manager_labels_exports, loam_file_manager_core_star);
+var NO_DEFAULTS = {};
+function useFileManagerLabels(own) {
+  const provided = useLabels("fileManager", NO_DEFAULTS);
+  return React2.useMemo(
+    () => resolveFileManagerLabels({
+      ...provided,
+      ...own,
+      sortKey: { ...provided.sortKey, ...own?.sortKey },
+      category: { ...provided.category, ...own?.category },
+      nameError: { ...provided.nameError, ...own?.nameError }
+    }),
+    [provided, own]
+  );
+}
+var isPromise = (value) => typeof value?.then === "function";
+function resolvePlatform(explicit, themed) {
+  if (explicit) return explicit;
+  if (Platform.OS === "ios") return "ios";
+  if (Platform.OS === "android") return "android";
+  return themed === "Android" ? "android" : "ios";
+}
+function ConflictRow({
+  entry,
+  origin,
+  newer,
+  labels,
+  os
+}) {
+  const { styles: s } = useStyles(sheet);
+  const meta = [
+    entry.type === "file" && entry.size !== void 0 ? formatFileSize(entry.size) : "",
+    entry.modifiedAt !== void 0 ? formatFileExactTime(entry.modifiedAt) : ""
+  ].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs(View, { style: s.row, children: [
+    /* @__PURE__ */ jsx(
+      IconTile,
+      {
+        icon: FILE_CATEGORY_ICON[fileCategory(entry)],
+        tone: entry.type === "folder" ? "accent" : "neutral",
+        size: "md"
+      }
+    ),
+    /* @__PURE__ */ jsxs(View, { style: s.rowText, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "overline", tone: "secondary", platform: os, children: origin }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          variant: "subheadline",
+          platform: os,
+          style: s.name,
+          numberOfLines: 1,
+          ellipsizeMode: "middle",
+          children: entry.name
+        }
+      ),
+      meta ? /* @__PURE__ */ jsx(Text, { variant: "caption1", tone: "secondary", platform: os, style: s.meta, children: meta }) : null
+    ] }),
+    newer ? /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: labels.newer }) : null
+  ] });
+}
+function NameConflictDialog({
+  open,
+  onClose,
+  existing,
+  incoming,
+  existingOrigin,
+  incomingOrigin,
+  index,
+  total,
+  onResolve,
+  cannotReplace,
+  labels: labelsProp,
+  platform,
+  motion
+}) {
+  const theme = useLoamTheme();
+  const { styles: s } = useStyles(sheet);
+  const labels = useFileManagerLabels(labelsProp);
+  const os = resolvePlatform(platform, theme.platform);
+  const [failed, setFailed] = React2.useState(null);
+  const [pending, setPending] = React2.useState(null);
+  const [all, setAll] = React2.useState(false);
+  const mounted = React2.useRef(true);
+  React2.useEffect(
+    () => () => {
+      mounted.current = false;
+    },
+    []
+  );
+  React2.useEffect(() => {
+    if (open) setFailed(null);
+  }, [open, existing, incoming]);
+  const folder = existing.type === "folder" && incoming.type === "folder";
+  const remaining = index !== void 0 && total !== void 0 ? total - index : 0;
+  const newer = newerSide(existing.modifiedAt, incoming.modifiedAt);
+  const replaceReason = cannotReplace ?? (existing.locked ? labels.cannotReplaceLocked : void 0);
+  const resolve = (choice) => () => {
+    if (pending) return;
+    setFailed(null);
+    const result = onResolve(choice, remaining > 0 && all);
+    if (!isPromise(result)) return;
+    setPending(choice);
+    result.then(
+      () => {
+        if (mounted.current) setPending(null);
+      },
+      () => {
+        if (!mounted.current) return;
+        setPending(null);
+        setFailed(choice);
+      }
+    );
+  };
+  const choices = folder ? [
+    { choice: "skip", label: labels.skip },
+    { choice: "replace", label: labels.replace },
+    { choice: "merge", label: labels.merge, primary: true }
+  ] : [
+    { choice: "skip", label: labels.skip },
+    { choice: "keep-both", label: labels.keepBoth },
+    { choice: "replace", label: labels.replace, primary: true }
+  ];
+  const button = (c) => {
+    const blocked = c.choice === "replace" && !!replaceReason;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: os === "android" ? "ghost" : c.primary ? "primary" : "outline",
+        size: os === "ios" ? "lg" : "md",
+        fullWidth: os === "ios",
+        disabled: blocked,
+        loading: pending === c.choice,
+        onPress: resolve(c.choice),
+        children: c.label
+      },
+      c.choice
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose: () => {
+        if (!pending) onClose();
+      },
+      platform: os,
+      title: labels.conflictTitle(existing.name, folder),
+      description: labels.conflictDescription(folder),
+      motion,
+      children: [
+        /* @__PURE__ */ jsxs(View, { style: s.body, children: [
+          index !== void 0 && total !== void 0 && total > 1 ? /* @__PURE__ */ jsx(Text, { variant: "overline", tone: "secondary", platform: os, children: labels.conflictCounter(index, total) }) : null,
+          /* @__PURE__ */ jsxs(View, { style: s.compare, children: [
+            /* @__PURE__ */ jsx(
+              ConflictRow,
+              {
+                entry: existing,
+                origin: existingOrigin ?? labels.conflictExisting,
+                newer: newer === "a",
+                labels,
+                os
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ConflictRow,
+              {
+                entry: incoming,
+                origin: incomingOrigin ?? labels.conflictIncoming,
+                newer: newer === "b",
+                labels,
+                os
+              }
+            )
+          ] }),
+          folder ? /* @__PURE__ */ jsx(Text, { variant: "footnote", tone: "secondary", platform: os, children: labels.folderConsequence }) : null,
+          replaceReason ? /* @__PURE__ */ jsx(Text, { variant: "footnote", tone: "secondary", platform: os, children: replaceReason }) : null,
+          failed ? /* @__PURE__ */ jsx(
+            Alert,
+            {
+              tone: "danger",
+              size: "compact",
+              title: labels.failed(choices.find((c) => c.choice === failed)?.label ?? ""),
+              action: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onPress: resolve(failed), children: labels.tryAgain })
+            }
+          ) : null,
+          remaining > 0 ? /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              size: "sm",
+              platform: os,
+              label: labels.applyToAll(remaining),
+              checked: all,
+              onCheckedChange: setAll
+            }
+          ) : null
+        ] }),
+        os === "android" ? /* @__PURE__ */ jsx(View, { style: s.androidActions, children: choices.map(button) }) : /* @__PURE__ */ jsx(DialogFooter, { children: choices.map(button) })
+      ]
+    }
+  );
+}
+var sheet = createStyleSheet((theme) => ({
+  body: { gap: theme.space.s3 },
+  compare: {
+    gap: theme.space.s3,
+    padding: theme.space.s3,
+    borderRadius: theme.radius.md,
+    backgroundColor: theme.color.surface2
+  },
+  row: { flexDirection: "row", alignItems: "center", gap: theme.space.s3 },
+  rowText: { flex: 1, minWidth: 0, gap: theme.space[2] },
+  name: { fontWeight: theme.type.headline.fontWeight, color: theme.color.text },
+  meta: { fontVariant: ["tabular-nums"] },
+  androidActions: { alignItems: "flex-end", gap: theme.space.s1, marginTop: theme.space.s2 }
+}));
+
+export { NameConflictDialog, file_manager_labels_exports, useFileManagerLabels };