@btndprojects/loam-ui-native 0.1.1 → 0.2.1

package/dist/{chunk-RUZHTGKB.js → chunk-2PKYGLQ6.js}

@@ -1,7 +1,8 @@
-import { Progress } from './chunk-2ZZ7TDJ4.js';
-import { Sheet } from './chunk-ZVFE5QGU.js';
-import { Button } from './chunk-3ARE4TES.js';
-import { Icon } from './chunk-TKVFVF5D.js';
+import { Progress } from './chunk-5UTRIXQ6.js';
+import { Sheet } from './chunk-QYPE5JX3.js';
+import { Button } from './chunk-E2E3I5W2.js';
+import { useLabels } from './chunk-APCWFOZW.js';
+import { Icon } from './chunk-UXGIW7OK.js';
 import * as React from 'react';
 import { View, Text, Modal } from 'react-native';
 import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
@@ -9,21 +10,20 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 function ReleaseSummary({
   release,
-  productName = "Version"
+  productName: productNameProp,
+  labels: labelsProp
 }) {
   const { styles } = useStyles(sheet);
-  const meta = [release.from ? `from ${release.from}` : null, release.size].filter(Boolean).join(" \xB7 ");
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
+  const productName = productNameProp ?? labels.product;
+  const meta = [release.from ? labels.fromVersion(release.from) : null, release.size].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxs(View, { style: styles.summaryRow, children: [
-    /* @__PURE__ */ jsxs(Text, { style: styles.version, children: [
-      productName,
-      " ",
-      release.version
-    ] }),
+    /* @__PURE__ */ jsx(Text, { style: styles.version, children: labels.versionLine(productName, release.version) }),
     meta ? /* @__PURE__ */ jsx(Text, { style: styles.meta, children: meta }) : null
   ] });
 }
 function ReleaseNotes({ notes }) {
-  const theme = useLoamTheme();
+  const theme = useLoamTheme("update-notice");
   const { styles } = useStyles(sheet);
   if (!notes.length) return null;
   return /* @__PURE__ */ jsx(View, { style: styles.notes, children: notes.map((n) => /* @__PURE__ */ jsxs(View, { style: styles.noteRow, children: [
@@ -31,19 +31,37 @@ function ReleaseNotes({ notes }) {
     /* @__PURE__ */ jsx(Text, { style: styles.noteText, children: n })
   ] }, n)) });
 }
-function ReleaseMeta({ release }) {
+function ReleaseMeta({ release, labels: labelsProp }) {
   const { styles } = useStyles(sheet);
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
   const pairs = [
-    ["Installed", release.from],
-    ["Required", release.version],
-    ["Download", release.size]
+    [labels.installed, release.from],
+    [labels.required, release.version],
+    [labels.download, release.size]
   ];
-  return /* @__PURE__ */ jsx(View, { style: styles.chips, children: pairs.filter((pair) => Boolean(pair[1])).map(([k, v]) => /* @__PURE__ */ jsx(View, { style: styles.chip, children: /* @__PURE__ */ jsxs(Text, { style: styles.meta, children: [
-    k,
-    " \xB7 ",
-    v
-  ] }) }, k)) });
+  return /* @__PURE__ */ jsx(View, { style: styles.chips, children: pairs.filter((pair) => Boolean(pair[1])).map(([k, v]) => /* @__PURE__ */ jsx(View, { style: styles.chip, children: /* @__PURE__ */ jsx(Text, { style: styles.meta, children: labels.metaItem(k, v) }) }, k)) });
 }
+var DEFAULT_LABELS = {
+  product: "Version",
+  versionLine: (product, version) => `${product} ${version}`,
+  fromVersion: (version) => `from ${version}`,
+  installed: "Installed",
+  required: "Required",
+  download: "Download",
+  metaItem: (caption, value) => `${caption} \xB7 ${value}`,
+  updateReady: "Update ready",
+  downloading: "Downloading",
+  updateAvailable: "Update available",
+  downloadProgress: "Download progress",
+  progressLine: (percent, timeRemaining) => `${percent}%${timeRemaining ? ` \xB7 ${timeRemaining}` : ""} \xB7 you can keep working`,
+  notNow: "Not now",
+  cancel: "Cancel",
+  appliesOnRestart: "Applies on restart. Your open work is restored.",
+  apply: "Restart",
+  blockingTitle: "This build can no longer connect.",
+  blockingAction: "Update and restart",
+  requiredUpdate: "Required update"
+};
 function UpdateNotice({
   release,
   open = true,
@@ -51,16 +69,20 @@ function UpdateNotice({
   defaultState = "available",
   onStateChange,
   progress = 0,
+  timeRemaining,
   onDownload,
   onCancel,
   onApply,
   onSnooze,
-  applyLabel = "Restart",
-  productName = "Version",
+  applyLabel: applyLabelProp,
+  productName,
   layout = "sheet",
-  motion = "full"
+  motion = "full",
+  labels: labelsProp
 }) {
   const { styles } = useStyles(sheet);
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
+  const applyLabel = applyLabelProp ?? labels.apply;
   const [uncontrolled, setUncontrolled] = React.useState(defaultState);
   const state = stateProp ?? uncontrolled;
   const pct = Math.max(0, Math.min(100, Math.round(progress)));
@@ -68,20 +90,25 @@ function UpdateNotice({
     if (stateProp === void 0) setUncontrolled(next);
     onStateChange?.(next);
   };
-  const kicker = state === "ready" ? "Update ready" : state === "downloading" ? "Downloading" : "Update available";
+  const kicker = state === "ready" ? labels.updateReady : state === "downloading" ? labels.downloading : labels.updateAvailable;
   const content = /* @__PURE__ */ jsxs(View, { accessibilityLiveRegion: "polite", style: styles.body, children: [
     /* @__PURE__ */ jsx(Text, { style: styles.kicker, children: kicker }),
-    /* @__PURE__ */ jsx(ReleaseSummary, { release, productName }),
+    /* @__PURE__ */ jsx(ReleaseSummary, { release, productName, labels }),
     state !== "downloading" ? /* @__PURE__ */ jsx(ReleaseNotes, { notes: release.notes ?? [] }) : null,
     state === "downloading" ? /* @__PURE__ */ jsxs(View, { style: styles.progressBlock, children: [
-      /* @__PURE__ */ jsx(Progress, { size: "sm", value: pct, accessibilityLabel: "Download progress", motion }),
-      /* @__PURE__ */ jsxs(Text, { style: styles.meta, children: [
-        pct,
-        "% \xB7 you can keep working"
-      ] })
+      /* @__PURE__ */ jsx(
+        Progress,
+        {
+          size: "sm",
+          value: pct,
+          accessibilityLabel: labels.downloadProgress,
+          motion
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { style: styles.meta, children: labels.progressLine(pct, timeRemaining) })
     ] }) : null,
     /* @__PURE__ */ jsx(View, { style: styles.actions, children: state === "available" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      onSnooze ? /* @__PURE__ */ jsx(Button, { size: "lg", variant: "outline", onPress: onSnooze, children: "Not now" }) : null,
+      onSnooze ? /* @__PURE__ */ jsx(Button, { size: "lg", variant: "outline", onPress: onSnooze, children: labels.notNow }) : null,
       /* @__PURE__ */ jsx(View, { style: styles.grow }),
       /* @__PURE__ */ jsx(
         Button,
@@ -93,7 +120,7 @@ function UpdateNotice({
             go("downloading");
             onDownload?.();
           },
-          children: "Download"
+          children: labels.download
         }
       )
     ] }) : state === "downloading" ? /* @__PURE__ */ jsx(
@@ -105,10 +132,10 @@ function UpdateNotice({
           go("available");
           onCancel?.();
         },
-        children: "Cancel"
+        children: labels.cancel
       }
     ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.applyNote, children: "Applies on restart. Your open work is restored." }),
+      /* @__PURE__ */ jsx(Text, { style: styles.applyNote, children: labels.appliesOnRestart }),
       /* @__PURE__ */ jsx(Button, { size: "lg", variant: "primary", leadingIcon: "refresh", onPress: onApply, children: applyLabel })
     ] }) })
   ] });
@@ -118,11 +145,15 @@ function UpdateNotice({
 function BlockingUpdate({
   open = true,
   release,
-  title = "This build can no longer connect.",
-  actionLabel = "Update and restart",
-  onApply
+  title: titleProp,
+  actionLabel: actionLabelProp,
+  onApply,
+  labels: labelsProp
 }) {
   const { styles } = useStyles(sheet);
+  const labels = useLabels("updateNotice", DEFAULT_LABELS, labelsProp);
+  const title = titleProp ?? labels.blockingTitle;
+  const actionLabel = actionLabelProp ?? labels.blockingAction;
   return /* @__PURE__ */ jsx(
     Modal,
     {
@@ -132,10 +163,10 @@ function BlockingUpdate({
       onRequestClose: () => {
       },
       children: /* @__PURE__ */ jsx(View, { style: styles.blockScrim, children: /* @__PURE__ */ jsxs(View, { accessibilityRole: "alert", accessibilityViewIsModal: true, style: styles.blockCard, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles.blockKicker, children: "Required update" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.blockKicker, children: labels.requiredUpdate }),
         /* @__PURE__ */ jsx(Text, { style: styles.blockTitle, children: title }),
         release.reason ? /* @__PURE__ */ jsx(Text, { style: styles.blockReason, children: release.reason }) : null,
-        /* @__PURE__ */ jsx(ReleaseMeta, { release }),
+        /* @__PURE__ */ jsx(ReleaseMeta, { release, labels }),
         /* @__PURE__ */ jsx(Button, { size: "lg", fullWidth: true, variant: "primary", leadingIcon: "download", onPress: onApply, children: actionLabel })
       ] }) })
     }