@multiplatform.one/forms 6.0.4 → 6.3.0

package/dist/cjs/FieldDisplay/index.cjs

@@ -27,19 +27,10 @@ __export(FieldDisplay_exports, {
 module.exports = __toCommonJS(FieldDisplay_exports);
 var import_react = require("@phosphor-icons/react");
 var import_tamagui = require("tamagui");
+var import_BarcodePreview = require("../fields/Barcode/BarcodePreview.cjs");
+var import_t = require("../shared/t.cjs");
+var import_formatters = require("./formatters.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const EMPTY = "\u2014";
-function asText(v) {
-  if (v == null || v === "") return EMPTY;
-  if (typeof v === "string") return v;
-  if (typeof v === "number" || typeof v === "boolean") return String(v);
-  if (v instanceof Date) return v.toISOString().slice(0, 10);
-  try {
-    return JSON.stringify(v);
-  } catch {
-    return String(v);
-  }
-}
 function TextCell({
   children,
   mono = false,
@@ -59,7 +50,7 @@ function InputDisplay({
   value
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
+    children: (0, import_formatters.asText)(value)
   });
 }
 function NumericDisplay({
@@ -68,64 +59,35 @@ function NumericDisplay({
 }) {
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     align: "right",
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   const num = typeof value === "number" ? value : Number(value);
   if (Number.isNaN(num)) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     align: "right",
-    children: asText(value)
-  });
-  const precision = fieldProps?.precision;
-  const currency = fieldProps?.currency;
-  if (currency) {
-    const formatted2 = new Intl.NumberFormat(void 0, {
-      style: "currency",
-      currency,
-      minimumFractionDigits: precision,
-      maximumFractionDigits: precision
-    }).format(num);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-      mono: true,
-      align: "right",
-      children: formatted2
-    });
-  }
-  const formatted = new Intl.NumberFormat(void 0, {
-    minimumFractionDigits: precision,
-    maximumFractionDigits: precision
-  }).format(num);
+    children: (0, import_formatters.asText)(value)
+  });
+  const formatted = (0, import_formatters.formatNumericText)(num, {
+    precision: fieldProps?.precision,
+    currency: fieldProps?.currency
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     mono: true,
     align: "right",
     children: formatted
   });
 }
-const ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
 function DateDisplay({
   value,
   fieldProps,
   withTime
 }) {
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
-  });
-  const isDateOnly = !withTime && typeof value === "string" && ISO_DATE_ONLY.test(value);
-  const date = value instanceof Date ? value : new Date(value);
-  if (Number.isNaN(date.getTime())) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
+    children: import_formatters.EMPTY
   });
-  const fmt = fieldProps?.dateFormat;
-  const tz = isDateOnly ? "UTC" : void 0;
-  if (fmt && typeof fmt === "string") {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-      children: date.toLocaleString(void 0, {
-        timeZone: tz
-      })
-    });
-  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: withTime ? date.toLocaleString() : date.toLocaleDateString(void 0, {
-      timeZone: tz
+    children: (0, import_formatters.formatDateText)(value, {
+      withTime,
+      dateFormat: fieldProps?.dateFormat
     })
   });
 }
@@ -135,13 +97,16 @@ function DateRangeDisplay({
 }) {
   const start = value;
   const end = linkedValue ?? (Array.isArray(value) ? value[1] : value?.end);
-  const startFmt = start && !(start instanceof Date && Number.isNaN(start.getTime())) ? new Date(start).toLocaleDateString() : null;
-  const endFmt = end && !(end instanceof Date && Number.isNaN(end.getTime())) ? new Date(end).toLocaleDateString() : null;
+  const startFmt = start && !(start instanceof Date && Number.isNaN(start.getTime())) ? (0, import_formatters.formatDateText)(start) : null;
+  const endFmt = end && !(end instanceof Date && Number.isNaN(end.getTime())) ? (0, import_formatters.formatDateText)(end) : null;
   if (!startFmt && !endFmt) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: `${startFmt ?? "?"} \u2013 ${endFmt ?? "?"}`
+    children: (0, import_t.t)("{{start}} \u2013 {{end}}", {
+      start: startFmt ?? "?",
+      end: endFmt ?? "?"
+    })
   });
 }
 function ChoiceDisplay({
@@ -149,13 +114,13 @@ function ChoiceDisplay({
   fieldProps
 }) {
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   const options = fieldProps?.options ?? [];
   if (Array.isArray(value)) {
     const labels = value.map(v => {
       const opt2 = options.find(o => o.value === v || String(o.value) === String(v));
-      return opt2?.label ?? asText(v);
+      return opt2?.label ?? (0, import_formatters.asText)(v);
     });
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
       children: labels.join(", ")
@@ -163,7 +128,7 @@ function ChoiceDisplay({
   }
   const opt = options.find(o => o.value === value || String(o.value) === String(value));
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: opt?.label ?? asText(value)
+    children: opt?.label ?? (0, import_formatters.asText)(value)
   });
 }
 function BooleanDisplay({
@@ -171,7 +136,7 @@ function BooleanDisplay({
 }) {
   if (value == null) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     align: "center",
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     justifyContent: "center",
@@ -180,9 +145,14 @@ function BooleanDisplay({
     children: value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
       size: 14,
       weight: "bold"
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      color: "$placeholderColor",
-      children: EMPTY
+    }) :
+    // Distinct glyph for a real `false` — the EMPTY dash is reserved for
+    // null/undefined (no data).
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_react.XIcon, {
+      size: 14,
+      weight: "bold",
+      opacity: 0.45
     })
   });
 }
@@ -191,7 +161,7 @@ function ColorDisplay({
 }) {
   const hex = typeof value === "string" && value ? value : null;
   if (!hex) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     alignItems: "center",
@@ -216,22 +186,28 @@ function DurationDisplay({
   value
 }) {
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   const seconds = typeof value === "number" ? value : Number(value);
   if (!Number.isFinite(seconds)) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
+    children: (0, import_formatters.asText)(value)
   });
   const h = Math.floor(seconds / 3600);
   const m = Math.floor(seconds % 3600 / 60);
   const s = Math.floor(seconds % 60);
   const parts = [];
-  if (h) parts.push(`${h}h`);
-  if (m) parts.push(`${m}m`);
-  if (s && !h) parts.push(`${s}s`);
+  if (h) parts.push((0, import_t.t)("{{hours}}h", {
+    hours: h
+  }));
+  if (m) parts.push((0, import_t.t)("{{minutes}}m", {
+    minutes: m
+  }));
+  if (s && !h) parts.push((0, import_t.t)("{{seconds}}s", {
+    seconds: s
+  }));
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     mono: true,
-    children: parts.length ? parts.join(" ") : "0s"
+    children: parts.length ? parts.join(" ") : (0, import_t.t)("0s")
   });
 }
 function FileUploadDisplay({
@@ -239,9 +215,11 @@ function FileUploadDisplay({
 }) {
   const files = Array.isArray(value) ? value : value ? [value] : [];
   if (!files.length) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
+  });
+  const label = files.length === 1 ? typeof files[0] === "string" ? files[0] : files[0]?.name ?? (0, import_t.t)("1 file") : (0, import_t.t)("{{count}} files", {
+    count: files.length
   });
-  const label = files.length === 1 ? typeof files[0] === "string" ? files[0] : files[0]?.name ?? "1 file" : `${files.length} files`;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     children: label
   });
@@ -251,7 +229,7 @@ function ImageDisplay({
 }) {
   const src = typeof value === "string" && value ? value : null;
   if (!src) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     width: 28,
@@ -270,19 +248,46 @@ function ImageDisplay({
     })
   });
 }
+function BarcodeDisplay({
+  value
+}) {
+  const text = String(value ?? "");
+  if (!text) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: import_formatters.EMPTY
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    gap: "$2",
+    minWidth: 0,
+    flexShrink: 1,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$4",
+      lineHeight: "$4",
+      color: "$color",
+      numberOfLines: 1,
+      flexShrink: 1,
+      children: text
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BarcodePreview.BarcodePreview, {
+      value: text,
+      height: 16,
+      moduleWidth: 1
+    })]
+  });
+}
 function SignatureDisplay({
   value
 }) {
   const hasInk = typeof value === "string" && value.length > 0 || Array.isArray(value) && value.length > 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: hasInk ? "signed" : EMPTY
+    children: hasInk ? (0, import_t.t)("signed") : import_formatters.EMPTY
   });
 }
 function GeolocationDisplay({
   value
 }) {
   if (value == null) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   if (typeof value === "object" && value !== null) {
     const lat = value.lat ?? value.latitude;
@@ -295,18 +300,18 @@ function GeolocationDisplay({
     }
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
+    children: (0, import_formatters.asText)(value)
   });
 }
 function RichTextDisplay({
   value
 }) {
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
-  const text = typeof value === "string" ? value.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() : asText(value);
+  const text = typeof value === "string" ? value.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() : (0, import_formatters.asText)(value);
   if (!text) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     children: text
@@ -324,10 +329,13 @@ function FieldDisplay({
     case "mentioninput":
     case "phoneinput":
     case "otp":
-    case "barcode":
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDisplay, {
         value
       });
+    case "barcode":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(BarcodeDisplay, {
+        value
+      });
     case "stepper":
     case "slider":
     case "rating":

package/dist/cjs/FieldDisplay/index.native.js

@@ -30,6 +30,9 @@ module.exports = __toCommonJS(FieldDisplay_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@phosphor-icons/react");
 var import_tamagui = require("tamagui");
+var import_BarcodePreview = require("../fields/Barcode/BarcodePreview.native.js");
+var import_t = require("../shared/t.native.js");
+var import_formatters = require("./formatters.native.js");
 function _instanceof(left, right) {
   "@swc/helpers - instanceof";
 
@@ -44,18 +47,6 @@ function _type_of(obj) {
 
   return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var EMPTY = "\u2014";
-function asText(v) {
-  if (v == null || v === "") return EMPTY;
-  if (typeof v === "string") return v;
-  if (typeof v === "number" || typeof v === "boolean") return String(v);
-  if (_instanceof(v, Date)) return v.toISOString().slice(0, 10);
-  try {
-    return JSON.stringify(v);
-  } catch (unused) {
-    return String(v);
-  }
-}
 function TextCell(param) {
   var {
     children,
@@ -77,7 +68,7 @@ function InputDisplay(param) {
     value
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
+    children: (0, import_formatters.asText)(value)
   });
 }
 function NumericDisplay(param) {
@@ -87,39 +78,23 @@ function NumericDisplay(param) {
   } = param;
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     align: "right",
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   var num = typeof value === "number" ? value : Number(value);
   if (Number.isNaN(num)) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     align: "right",
-    children: asText(value)
-  });
-  var precision = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.precision;
-  var currency = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.currency;
-  if (currency) {
-    var formatted = new Intl.NumberFormat(void 0, {
-      style: "currency",
-      currency,
-      minimumFractionDigits: precision,
-      maximumFractionDigits: precision
-    }).format(num);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-      mono: true,
-      align: "right",
-      children: formatted
-    });
-  }
-  var formatted1 = new Intl.NumberFormat(void 0, {
-    minimumFractionDigits: precision,
-    maximumFractionDigits: precision
-  }).format(num);
+    children: (0, import_formatters.asText)(value)
+  });
+  var formatted = (0, import_formatters.formatNumericText)(num, {
+    precision: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.precision,
+    currency: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.currency
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     mono: true,
     align: "right",
-    children: formatted1
+    children: formatted
   });
 }
-var ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
 function DateDisplay(param) {
   var {
     value,
@@ -127,25 +102,12 @@ function DateDisplay(param) {
     withTime
   } = param;
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
-  var isDateOnly = !withTime && typeof value === "string" && ISO_DATE_ONLY.test(value);
-  var date = _instanceof(value, Date) ? value : new Date(value);
-  if (Number.isNaN(date.getTime())) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
-  });
-  var fmt = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.dateFormat;
-  var tz = isDateOnly ? "UTC" : void 0;
-  if (fmt && typeof fmt === "string") {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-      children: date.toLocaleString(void 0, {
-        timeZone: tz
-      })
-    });
-  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: withTime ? date.toLocaleString() : date.toLocaleDateString(void 0, {
-      timeZone: tz
+    children: (0, import_formatters.formatDateText)(value, {
+      withTime,
+      dateFormat: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.dateFormat
     })
   });
 }
@@ -156,13 +118,16 @@ function DateRangeDisplay(param) {
   } = param;
   var start = value;
   var end = linkedValue !== null && linkedValue !== void 0 ? linkedValue : Array.isArray(value) ? value[1] : value === null || value === void 0 ? void 0 : value.end;
-  var startFmt = start && !(_instanceof(start, Date) && Number.isNaN(start.getTime())) ? new Date(start).toLocaleDateString() : null;
-  var endFmt = end && !(_instanceof(end, Date) && Number.isNaN(end.getTime())) ? new Date(end).toLocaleDateString() : null;
+  var startFmt = start && !(_instanceof(start, Date) && Number.isNaN(start.getTime())) ? (0, import_formatters.formatDateText)(start) : null;
+  var endFmt = end && !(_instanceof(end, Date) && Number.isNaN(end.getTime())) ? (0, import_formatters.formatDateText)(end) : null;
   if (!startFmt && !endFmt) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: `${startFmt !== null && startFmt !== void 0 ? startFmt : "?"} \u2013 ${endFmt !== null && endFmt !== void 0 ? endFmt : "?"}`
+    children: (0, import_t.t)("{{start}} \u2013 {{end}}", {
+      start: startFmt !== null && startFmt !== void 0 ? startFmt : "?",
+      end: endFmt !== null && endFmt !== void 0 ? endFmt : "?"
+    })
   });
 }
 function ChoiceDisplay(param) {
@@ -172,7 +137,7 @@ function ChoiceDisplay(param) {
   } = param;
   var _ref, _ref1;
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   var options = (_ref = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) !== null && _ref !== void 0 ? _ref : [];
   if (Array.isArray(value)) {
@@ -181,7 +146,7 @@ function ChoiceDisplay(param) {
       var opt2 = options.find(function (o) {
         return o.value === v || String(o.value) === String(v);
       });
-      return (_ref2 = opt2 === null || opt2 === void 0 ? void 0 : opt2.label) !== null && _ref2 !== void 0 ? _ref2 : asText(v);
+      return (_ref2 = opt2 === null || opt2 === void 0 ? void 0 : opt2.label) !== null && _ref2 !== void 0 ? _ref2 : (0, import_formatters.asText)(v);
     });
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
       children: labels.join(", ")
@@ -191,7 +156,7 @@ function ChoiceDisplay(param) {
     return o.value === value || String(o.value) === String(value);
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: (_ref1 = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _ref1 !== void 0 ? _ref1 : asText(value)
+    children: (_ref1 = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _ref1 !== void 0 ? _ref1 : (0, import_formatters.asText)(value)
   });
 }
 function BooleanDisplay(param) {
@@ -200,7 +165,7 @@ function BooleanDisplay(param) {
   } = param;
   if (value == null) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     align: "center",
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     justifyContent: "center",
@@ -209,9 +174,14 @@ function BooleanDisplay(param) {
     children: value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
       size: 14,
       weight: "bold"
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      color: "$placeholderColor",
-      children: EMPTY
+    }) :
+    // Distinct glyph for a real `false` — the EMPTY dash is reserved for
+    // null/undefined (no data).
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_react.XIcon, {
+      size: 14,
+      weight: "bold",
+      opacity: 0.45
     })
   });
 }
@@ -221,7 +191,7 @@ function ColorDisplay(param) {
   } = param;
   var hex = typeof value === "string" && value ? value : null;
   if (!hex) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     alignItems: "center",
@@ -247,22 +217,28 @@ function DurationDisplay(param) {
     value
   } = param;
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   var seconds = typeof value === "number" ? value : Number(value);
   if (!Number.isFinite(seconds)) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
+    children: (0, import_formatters.asText)(value)
   });
   var h = Math.floor(seconds / 3600);
   var m = Math.floor(seconds % 3600 / 60);
   var s = Math.floor(seconds % 60);
   var parts = [];
-  if (h) parts.push(`${h}h`);
-  if (m) parts.push(`${m}m`);
-  if (s && !h) parts.push(`${s}s`);
+  if (h) parts.push((0, import_t.t)("{{hours}}h", {
+    hours: h
+  }));
+  if (m) parts.push((0, import_t.t)("{{minutes}}m", {
+    minutes: m
+  }));
+  if (s && !h) parts.push((0, import_t.t)("{{seconds}}s", {
+    seconds: s
+  }));
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     mono: true,
-    children: parts.length ? parts.join(" ") : "0s"
+    children: parts.length ? parts.join(" ") : (0, import_t.t)("0s")
   });
 }
 function FileUploadDisplay(param) {
@@ -273,9 +249,11 @@ function FileUploadDisplay(param) {
   var _files_;
   var files = Array.isArray(value) ? value : value ? [value] : [];
   if (!files.length) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
+  });
+  var label = files.length === 1 ? typeof files[0] === "string" ? files[0] : (_ref = (_files_ = files[0]) === null || _files_ === void 0 ? void 0 : _files_.name) !== null && _ref !== void 0 ? _ref : (0, import_t.t)("1 file") : (0, import_t.t)("{{count}} files", {
+    count: files.length
   });
-  var label = files.length === 1 ? typeof files[0] === "string" ? files[0] : (_ref = (_files_ = files[0]) === null || _files_ === void 0 ? void 0 : _files_.name) !== null && _ref !== void 0 ? _ref : "1 file" : `${files.length} files`;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     children: label
   });
@@ -286,7 +264,7 @@ function ImageDisplay(param) {
   } = param;
   var src = typeof value === "string" && value ? value : null;
   if (!src) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     width: 28,
@@ -305,13 +283,41 @@ function ImageDisplay(param) {
     })
   });
 }
+function BarcodeDisplay(param) {
+  var {
+    value
+  } = param;
+  var text = String(value !== null && value !== void 0 ? value : "");
+  if (!text) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
+    children: import_formatters.EMPTY
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    gap: "$2",
+    minWidth: 0,
+    flexShrink: 1,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$4",
+      lineHeight: "$4",
+      color: "$color",
+      numberOfLines: 1,
+      flexShrink: 1,
+      children: text
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BarcodePreview.BarcodePreview, {
+      value: text,
+      height: 16,
+      moduleWidth: 1
+    })]
+  });
+}
 function SignatureDisplay(param) {
   var {
     value
   } = param;
   var hasInk = typeof value === "string" && value.length > 0 || Array.isArray(value) && value.length > 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: hasInk ? "signed" : EMPTY
+    children: hasInk ? (0, import_t.t)("signed") : import_formatters.EMPTY
   });
 }
 function GeolocationDisplay(param) {
@@ -319,7 +325,7 @@ function GeolocationDisplay(param) {
     value
   } = param;
   if (value == null) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   if ((typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && value !== null) {
     var _value_lat, _ref, _value_lng;
@@ -333,7 +339,7 @@ function GeolocationDisplay(param) {
     }
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: asText(value)
+    children: (0, import_formatters.asText)(value)
   });
 }
 function RichTextDisplay(param) {
@@ -341,11 +347,11 @@ function RichTextDisplay(param) {
     value
   } = param;
   if (value == null || value === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
-  var text = typeof value === "string" ? value.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() : asText(value);
+  var text = typeof value === "string" ? value.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim() : (0, import_formatters.asText)(value);
   if (!text) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
-    children: EMPTY
+    children: import_formatters.EMPTY
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TextCell, {
     children: text
@@ -364,10 +370,13 @@ function FieldDisplay(param) {
     case "mentioninput":
     case "phoneinput":
     case "otp":
-    case "barcode":
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDisplay, {
         value
       });
+    case "barcode":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(BarcodeDisplay, {
+        value
+      });
     case "stepper":
     case "slider":
     case "rating":