@multiplatform.one/forms 6.1.0 → 6.4.0

package/dist/cjs/fieldLayout.native.js

@@ -26,6 +26,7 @@ var fieldLayout_exports = {};
 __export(fieldLayout_exports, {
   Field: () => Field,
   FieldLayout: () => FieldLayout,
+  useFieldA11y: () => useFieldA11y,
   useFieldDescribedBy: () => useFieldDescribedBy
 });
 module.exports = __toCommonJS(fieldLayout_exports);
@@ -33,12 +34,20 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_form = require("@tanstack/react-form");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
+var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
+var import_fieldDefaults = require("./fieldDefaults.native.js");
+var import_requiredMarking = require("./requiredMarking.native.js");
 var import_colorRamps = require("./shared/colorRamps.native.js");
+var import_devWarn = require("./shared/devWarn.native.js");
 var FieldDescribedByContext = /* @__PURE__ */(0, import_react.createContext)(void 0);
 function useFieldDescribedBy() {
   return (0, import_react.useContext)(FieldDescribedByContext);
 }
+var FieldA11yContext = /* @__PURE__ */(0, import_react.createContext)(void 0);
+function useFieldA11y() {
+  return (0, import_react.useContext)(FieldA11yContext);
+}
 function getHelperTextSize(size) {
   if (!size) return "$1";
   var sizeMap = {
@@ -71,53 +80,139 @@ function FieldLayout(param) {
     field,
     helperText,
     required,
+    requiredMarking: requiredMarkingProp,
+    disabled: _disabled,
     size,
     knobProps: knobPropsProp,
     onBlur,
     compactSpacing,
+    purpose,
+    autoComplete,
+    placeholder,
+    "aria-label": ariaLabel,
+    maxWidth,
+    width,
     children
   } = param;
+  var _ref, _knobProps_disabledStyle, _knobProps_fieldLabelPlacement;
   var {
-    knobProps: resolvedKnobs
+    knobProps: resolvedKnobs,
+    disabledState
   } = (0, import_theme.useResolvedKnobs)();
   var knobProps = knobPropsProp !== null && knobPropsProp !== void 0 ? knobPropsProp : resolvedKnobs;
-  var error = (field === null || field === void 0 ? void 0 : field.state.meta.errors.length) ? String(field.state.meta.errors[0]) : propError;
+  var markingCtx = (0, import_requiredMarking.useRequiredMarking)();
+  var markMode = (_ref = requiredMarkingProp !== null && requiredMarkingProp !== void 0 ? requiredMarkingProp : markingCtx === null || markingCtx === void 0 ? void 0 : markingCtx.mode) !== null && _ref !== void 0 ? _ref : (0, import_requiredMarking.mapHouseRequiredMarking)(knobProps.requiredMarking);
+  var requiredSuffix = (0, import_requiredMarking.formatRequiredMarkSuffix)(required, markMode);
+  var fieldError = (field === null || field === void 0 ? void 0 : field.state.meta.errors.length) ? String(field.state.meta.errors[0]) : void 0;
+  var error = propError !== null && propError !== void 0 ? propError : fieldError;
   var errorMessage = typeof error === "string" && error.length > 0 ? error : void 0;
   var hasErrorState = Boolean(error);
   var helperSize = getHelperTextSize(size || knobProps.sizeToken);
+  var disabledStyle = (_knobProps_disabledStyle = knobProps.disabledStyle) !== null && _knobProps_disabledStyle !== void 0 ? _knobProps_disabledStyle : "keepLabel";
+  var dimWhole = Boolean(_disabled) && disabledStyle === "dimWhole";
+  var keepLabelReadable = Boolean(_disabled) && disabledStyle !== "dimWhole";
+  var labelPlacement = (_knobProps_fieldLabelPlacement = knobProps.fieldLabelPlacement) !== null && _knobProps_fieldLabelPlacement !== void 0 ? _knobProps_fieldLabelPlacement : "top";
+  var sideLabel = labelPlacement === "side" && Boolean(label) && !compactSpacing;
+  (0, import_devWarn.warnPlaceholderAsLabel)({
+    placeholder,
+    label,
+    ariaLabel,
+    id,
+    component: "FieldLayout"
+  });
+  if (errorMessage) {
+    (0, import_devWarn.warnBannedErrorWords)(errorMessage, {
+      component: "FieldLayout",
+      id
+    });
+  }
   var useCompact = compactSpacing || !label;
   var gapProps = useCompact ? {
     gap: "$1"
   } : knobProps.gap;
+  var purposeWidth = maxWidth !== void 0 || width !== void 0 ? void 0 : (0, import_fieldDefaults.fieldWidthStyle)(purpose, autoComplete);
+  var widthProps = {
+    ...purposeWidth,
+    ...(maxWidth !== void 0 ? {
+      maxWidth
+    } : {}),
+    ...(width !== void 0 ? {
+      width
+    } : {})
+  };
   var describedBy = [helperText && id ? `${id}-description` : void 0, errorMessage && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0;
+  var a11yLabel = typeof label === "string" ? `${label}${requiredSuffix}` : ariaLabel;
+  var a11yDescription = errorMessage !== null && errorMessage !== void 0 ? errorMessage : helperText;
+  var fieldA11y = (0, import_react.useMemo)(function () {
+    return {
+      label: a11yLabel,
+      description: a11yDescription,
+      required
+    };
+  }, [a11yLabel, a11yDescription, required]);
+  (0, import_react.useEffect)(function () {
+    if (!import_tamagui.isWeb && errorMessage) {
+      import_react_native.AccessibilityInfo.announceForAccessibility(errorMessage);
+    }
+  }, [errorMessage]);
+  var labelNode = label ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+    id: id ? `${id}-label` : void 0,
+    htmlFor: id,
+    size: size || knobProps.sizeToken,
+    ...knobProps.body,
+    color: hasErrorState ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor,
+    opacity: keepLabelReadable ? 1 : void 0,
+    flexShrink: sideLabel ? 0 : void 0,
+    ...labelProps,
+    children: [label, requiredSuffix]
+  }) : null;
+  var helperNode = helperText && !errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    id: id ? `${id}-description` : void 0,
+    size: helperSize,
+    ...knobProps.body,
+    color: import_colorRamps.formCommonColors.text,
+    opacity: keepLabelReadable ? 1 : void 0,
+    children: helperText
+  }) : null;
+  var errorNode = errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    id: id ? `${id}-error` : void 0,
+    size: helperSize,
+    ...knobProps.body,
+    color: import_colorRamps.formCommonColors.error,
+    role: "alert",
+    "aria-live": "polite",
+    children: errorMessage
+  }) : null;
+  var controlColumn = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    flex: sideLabel ? 1 : void 0,
+    ...gapProps,
+    children: [children, helperNode, errorNode]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldDescribedByContext.Provider, {
     value: describedBy,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      theme: hasErrorState ? "red" : void 0,
-      ...gapProps,
-      onBlur,
-      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
-        htmlFor: id,
-        size: size || knobProps.sizeToken,
-        ...knobProps.heading,
-        color: hasErrorState ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor,
-        ...labelProps,
-        children: [label, required && " *"]
-      }), children, helperText && !errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        id: id ? `${id}-description` : void 0,
-        size: helperSize,
-        ...knobProps.body,
-        color: import_colorRamps.formCommonColors.text,
-        children: helperText
-      }) : null, errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        id: id ? `${id}-error` : void 0,
-        size: helperSize,
-        ...knobProps.body,
-        color: import_colorRamps.formCommonColors.error,
-        role: "alert",
-        "aria-live": "polite",
-        children: errorMessage
-      }) : null]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldA11yContext.Provider, {
+      value: fieldA11y,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        theme: hasErrorState ? "red" : void 0,
+        // LC-40: the assembly-wide dim (label included) rides the resolved
+        // recipe and is populated only under `dimWhole`; `keepLabel`
+        // treatment lives on the control chrome itself.
+        opacity: 1,
+        ...(dimWhole ? disabledState.assemblyKnobProps : void 0),
+        ...(sideLabel ? {} : gapProps),
+        ...widthProps,
+        onBlur,
+        "data-disabled-style": disabledStyle,
+        "data-disabled-dimmed": dimWhole ? "true" : "false",
+        children: sideLabel ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "flex-start",
+          gap: "$3",
+          width: "100%",
+          children: [labelNode, controlColumn]
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [labelNode, children, helperNode, errorNode]
+        })
+      })
     })
   });
 }

package/dist/cjs/fieldLayout.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","fieldLayout_exports","__export","Field","FieldLayout","useFieldDescribedBy","module","exports","import_jsx_runtime","require","import_react_form","import_theme","import_react","import_tamagui","import_colorRamps","FieldDescribedByContext","createContext","useContext","getHelperTextSize","size","sizeMap","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","toString","param","id","label","labelProps","error","propError","field","helperText","required","knobProps","knobPropsProp","onBlur","compactSpacing","children","resolvedKnobs","useResolvedKnobs","state","meta","errors","length","String","errorMessage","hasErrorState","Boolean","helperSize","sizeToken","useCompact","gapProps","gap","describedBy","filter","join","jsx","Provider","jsxs","YStack","theme","Label","htmlFor","heading","color","formCommonColors","textAccentColor","Paragraph","body","text","role"],"sources":["../../src/fieldLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","fieldLayout_exports","__export","Field","FieldLayout","useFieldA11y","useFieldDescribedBy","module","exports","import_jsx_runtime","require","import_react_form","import_theme","import_react","import_react_native","import_tamagui","import_fieldDefaults","import_requiredMarking","import_colorRamps","import_devWarn","FieldDescribedByContext","createContext","useContext","FieldA11yContext","getHelperTextSize","size","sizeMap","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","toString","param","id","label","labelProps","error","propError","field","helperText","required","requiredMarking","requiredMarkingProp","disabled","_disabled","knobProps","knobPropsProp","onBlur","compactSpacing","purpose","autoComplete","placeholder","ariaLabel","maxWidth","width","children","_ref","_knobProps_disabledStyle","_knobProps_fieldLabelPlacement","resolvedKnobs","disabledState","useResolvedKnobs","markingCtx","useRequiredMarking","markMode","mode","mapHouseRequiredMarking","requiredSuffix","formatRequiredMarkSuffix","fieldError","state","meta","errors","length","String","errorMessage","hasErrorState","Boolean","helperSize","sizeToken","disabledStyle","dimWhole","keepLabelReadable","labelPlacement","fieldLabelPlacement","sideLabel","warnPlaceholderAsLabel","component","warnBannedErrorWords","useCompact","gapProps","gap","purposeWidth","fieldWidthStyle","widthProps","describedBy","filter","join","a11yLabel","a11yDescription","fieldA11y","useMemo","description","useEffect","isWeb","AccessibilityInfo","announceForAccessibility","labelNode","jsxs","Label","htmlFor","body","color","formCommonColors","textAccentColor","opacity","flexShrink","helperNode","jsx","Paragraph","text","errorNode","role","controlColumn","YStack","flex","Provider","theme","assemblyKnobProps","XStack","alignItems","Fragment"],"sources":["../../src/fieldLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Barcode/BarcodePreview.cjs

@@ -0,0 +1,87 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BarcodePreview_exports = {};
+__export(BarcodePreview_exports, {
+  BarcodePreview: () => BarcodePreview
+});
+module.exports = __toCommonJS(BarcodePreview_exports);
+var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.cjs");
+var import_code128 = require("./code128.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function BarcodePreview({
+  value,
+  height = 18,
+  moduleWidth = 1,
+  showText = false
+}) {
+  if (!value) return null;
+  const runs = (0, import_code128.encodeCode128B)(value);
+  if (!runs) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    });
+  }
+  const quietZone = moduleWidth * 10;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    role: "img",
+    "aria-label": (0, import_t.t)("Barcode: {{value}}", {
+      value
+    }),
+    testID: "barcode-preview",
+    flexDirection: "column",
+    alignItems: "center",
+    maxWidth: "100%",
+    minWidth: 0,
+    flexShrink: 1,
+    overflow: "hidden",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      height,
+      maxWidth: "100%",
+      minWidth: 0,
+      flexShrink: 1,
+      overflow: "hidden",
+      paddingHorizontal: quietZone,
+      backgroundColor: "$background",
+      "aria-hidden": true,
+      children: runs.map((run, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        width: run.modules * moduleWidth,
+        height: "100%",
+        flexShrink: 1,
+        backgroundColor: run.bar ? "$color" : "transparent"
+      }, index))
+    }), showText && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    })]
+  });
+}

package/dist/cjs/fields/Barcode/BarcodePreview.native.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BarcodePreview_exports = {};
+__export(BarcodePreview_exports, {
+  BarcodePreview: () => BarcodePreview
+});
+module.exports = __toCommonJS(BarcodePreview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.native.js");
+var import_code128 = require("./code128.native.js");
+function BarcodePreview(param) {
+  var {
+    value,
+    height = 18,
+    moduleWidth = 1,
+    showText = false
+  } = param;
+  if (!value) return null;
+  var runs = (0, import_code128.encodeCode128B)(value);
+  if (!runs) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    });
+  }
+  var quietZone = moduleWidth * 10;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    role: "img",
+    "aria-label": (0, import_t.t)("Barcode: {{value}}", {
+      value
+    }),
+    testID: "barcode-preview",
+    flexDirection: "column",
+    alignItems: "center",
+    maxWidth: "100%",
+    minWidth: 0,
+    flexShrink: 1,
+    overflow: "hidden",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      height,
+      maxWidth: "100%",
+      minWidth: 0,
+      flexShrink: 1,
+      overflow: "hidden",
+      paddingHorizontal: quietZone,
+      backgroundColor: "$background",
+      "aria-hidden": true,
+      children: runs.map(function (run, index) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          width: run.modules * moduleWidth,
+          height: "100%",
+          flexShrink: 1,
+          backgroundColor: run.bar ? "$color" : "transparent"
+        }, index);
+      })
+    }), showText && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    })]
+  });
+}
+//# sourceMappingURL=BarcodePreview.native.js.map

package/dist/cjs/fields/Barcode/BarcodePreview.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BarcodePreview_exports","__export","BarcodePreview","module","exports","import_jsx_runtime","require","import_tamagui","import_t","import_code128","param","height","moduleWidth","showText","runs","encodeCode128B","jsx","Text","fontFamily","fontSize","numberOfLines","color","flexShrink","children","quietZone","jsxs","View","role","t","testID","flexDirection","alignItems","maxWidth","minWidth","overflow","XStack","paddingHorizontal","backgroundColor","map","run","index","width","modules","bar"],"sources":["../../../../src/fields/Barcode/BarcodePreview.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAgBAC,MAAA,CAAAC,OAAA,GAAAT,YAAmC,CAAAK,sBAAA;AACnC,IAAAK,kBAAkB,GAAAC,OAAA;AAClB,IAAAC,cAAA,GAA+BD,OAAA;AAsBzB,IAAAE,QAAA,GAAAF,OAAA;AAVC,IAAAG,cAAS,GAAAH,OAAe;AAAA,SAC7BJ,eAAAQ,KAAA;EACA;IAAAX,KAAS;IAAAY,MAAA;IAAAC,WAAA;IAAAC,QAAA;EAAA,IAAAH,KAAA;EACT,KAAAX,KAAA,SAAc;EACd,IAAAe,IAAA,GAAW,IAAAL,cAAA,CAAAM,cAAA,EAAAhB,KAAA;EACb,IAAwB,CAAAe,IAAA;IACtB,OAAK,eAAc,IAAAT,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAAU,IAAA;MACnBC,UAAM,SAAO;MACTC,QAAO;MACTC,aACE;MAIJC,KAAA;MACAC,UAAM;MACNC,QACE,EAAAxB;IAAC;EAAA;EAAA,IACCyB,SAAK,GAAAZ,WAAA;EAAA,OACL,eAAY,IAAAP,kBAAE,CAAAoB,IAAA,EAAAlB,cAA+B,CAAAmB,IAAA;IAAAC,IAC7C,OAAO;IAAA,YACP,MAAcnB,QAAA,CAAAoB,CAAA;MACd7B;IAAW,EACX;IAAS8B,MACT,mBAAU;IAAAC,aACV,EAAY;IAAAC,UACZ,EAAS;IAAAC,QAET;IAAAC,QAAA;IAAAX,UAAC;IAAAY,QAAA;IAAAX,QACC,kBACS,IAAAlB,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAA4B,MAAA;MAAAxB,MACT;MAAUqB,QACV,QAAY;MAAAC,QACZ;MAASX,UACT;MAAmBY,QACnB;MAAgBE,iBAChB,EAAWZ,SAAA;MAAAa,eAEV,eAAe;MACd,aAAC;MAAAd,QAAA,EAAAT,IAAA,CAAAwB,GAAA,WAAAC,GAAA,EAAAC,KAAA;QAAA,OAEC,eAAW,IAAUnC,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAAmB,IAAA;UAAAe,KACrB,EAAAF,GAAA,CAAAG,OAAO,GAAA9B,WAAA;UAAAD,MACP;UAAYW,UACZ;UAAsCe,eAAA,EAAAE,GAAA,CAAAI,GAAA;QAAA,GAAAH,KAJjC;MAAA;IAMR,IAAA3B,QACH,uBAAAR,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAAU,IAAA;MACCC,UAAA,EACC;MAEAC,QAAA;MAAAC,aAAA;MAEJC,KAAA;MAEJC,UAAA","ignoreList":[]}

package/dist/cjs/fields/Barcode/BarcodeScanner.cjs

@@ -33,13 +33,60 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var BarcodeScanner_exports = {};
 __export(BarcodeScanner_exports, {
-  BarcodeScanner: () => BarcodeScanner
+  BarcodeScanner: () => BarcodeScanner,
+  preflightCamera: () => preflightCamera
 });
 module.exports = __toCommonJS(BarcodeScanner_exports);
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.cjs");
+var import_capabilityPreflight = require("../../shared/capabilityPreflight.cjs");
 var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_t = require("../../shared/t.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+function mapCameraError(err) {
+  const message = err instanceof Error ? err.message : String(err);
+  if (message.includes("Permission") || message.includes("NotAllowed")) {
+    return (0, import_t.t)("Camera permission denied. Please allow camera access.");
+  }
+  if (message.includes("NotFound") || message.includes("no camera")) {
+    return (0, import_t.t)("No camera found on this device.");
+  }
+  if (message.includes("NotReadable") || message.includes("in use")) {
+    return (0, import_t.t)("Camera is in use by another application.");
+  }
+  return (0, import_t.t)("Scanner error: {{message}}", {
+    message
+  });
+}
+async function preflightCamera() {
+  if (typeof navigator === "undefined" || !navigator.mediaDevices?.getUserMedia) {
+    const insecure = typeof window !== "undefined" && window.isSecureContext === false;
+    return {
+      ok: false,
+      reason: insecure ? (0, import_t.t)("Camera unavailable: insecure context (HTTPS required).") : (0, import_t.t)("Camera unavailable: not supported in this browser.")
+    };
+  }
+  try {
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    if (!devices.some(d => d.kind === "videoinput")) {
+      return {
+        ok: false,
+        reason: (0, import_t.t)("Camera unavailable: no camera found on this device.")
+      };
+    }
+  } catch {}
+  const permission = await (0, import_capabilityPreflight.queryPermissionState)("camera");
+  if (permission === "denied") {
+    return {
+      ok: false,
+      reason: (0, import_t.t)("Camera unavailable: permission denied. Allow camera access in browser settings.")
+    };
+  }
+  return {
+    ok: true
+  };
+}
 function BarcodeScanner({
   active,
   onScan,
@@ -49,9 +96,14 @@ function BarcodeScanner({
 }) {
   const scannerRef = (0, import_react.useRef)(null);
   const containerId = (0, import_react.useRef)(`barcode-scanner-${Math.random().toString(36).slice(2, 9)}`);
+  const [attempt, setAttempt] = (0, import_react.useState)(0);
+  const [status, setStatus] = (0, import_react.useState)("starting");
+  const [errorMessage, setErrorMessage] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
     if (!active) return;
     let cancelled = false;
+    setStatus("starting");
+    setErrorMessage(null);
     onError(null);
     (async () => {
       try {
@@ -74,16 +126,11 @@ function BarcodeScanner({
           onScan(decodedText);
           onClose();
         }, () => {});
+        if (!cancelled) setStatus("streaming");
       } catch (err) {
-        const message = err instanceof Error ? err.message : String(err);
-        if (message.includes("Permission") || message.includes("NotAllowed")) {
-          onError("Camera permission denied. Please allow camera access.");
-        } else if (message.includes("NotFound") || message.includes("no camera")) {
-          onError("No camera found on this device.");
-        } else {
-          onError(`Scanner error: ${message}`);
-        }
-        onClose();
+        if (cancelled) return;
+        setStatus("error");
+        setErrorMessage(mapCameraError(err));
       }
     })();
     return () => {
@@ -100,17 +147,54 @@ function BarcodeScanner({
         scannerRef.current = null;
       }
     };
-  }, [active]);
+  }, [active, attempt]);
   if (!active) return null;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    testID: "barcode-scanner-popup",
     ...knobProps.borderRadius,
     ...knobProps.inputSurface,
     borderColor: import_colorRamps.formInputColors.border.base,
     overflow: "hidden",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      id: containerId.current,
-      width: "100%",
-      minHeight: 250
+    children: status === "error" ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      padding: "$4",
+      gap: "$3",
+      alignItems: "center",
+      minHeight: 120,
+      justifyContent: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.body,
+        color: import_colorRamps.formCommonColors.error,
+        textAlign: "center",
+        children: errorMessage
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          size: knobProps.sizeToken,
+          onPress: () => setAttempt(a => a + 1),
+          "aria-label": (0, import_t.t)("Retry camera"),
+          children: (0, import_t.t)("Retry")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          size: knobProps.sizeToken,
+          onPress: onClose,
+          "aria-label": (0, import_t.t)("Close scanner"),
+          children: (0, import_t.t)("Close")
+        })]
+      })]
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [status === "starting" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.body,
+        padding: "$3",
+        textAlign: "center",
+        opacity: 0.7,
+        children: (0, import_t.t)("Requesting camera\u2026")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+        children: `#${containerId.current} video { width: 100%; height: 100%; object-fit: cover; }`
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        id: containerId.current,
+        width: "100%",
+        height: 320,
+        overflow: "hidden"
+      })]
     })
   });
 }