@bacon-pos/ui 0.4.0 → 0.5.1

package/lib/commonjs/components/CodeField/CodeField.js

@@ -13,6 +13,16 @@ var _jsxRuntime = require("react/jsx-runtime");
   outlineStyle: 'none',
   outlineWidth: 0
 };
+
+/** Convert a `#RRGGBB` (or `#RGB`) token to an `rgba()` string at the given alpha. */
+function hexToRgba(hex, alpha) {
+  const h = hex.replace('#', '');
+  const full = h.length === 3 ? h.replace(/./g, c => c + c) : h;
+  const r = parseInt(full.slice(0, 2), 16);
+  const g = parseInt(full.slice(2, 4), 16);
+  const b = parseInt(full.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
 /** Chars to strip per mode (applied after upper-casing). */
 const DISALLOWED = {
   numeric: /[^0-9]/g,
@@ -31,9 +41,12 @@ function CodeField({
   length = 6,
   mode = 'numeric',
   onComplete,
+  helperText,
+  error,
   disabled = false,
   autoFocus = false,
   cellWidth = 126,
+  fullWidth = false,
   cellHeight = 58,
   gap = 24,
   fontFamily,
@@ -50,78 +63,103 @@ function CodeField({
     if (next.length === length) onComplete?.(next);
   };
   const activeIndex = Math.min(value.length, length - 1);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    onPress: () => inputRef.current?.focus(),
-    disabled: disabled,
-    style: [{
-      position: 'relative',
+  const hasError = Boolean(error);
+  const message = typeof error === 'string' ? error : helperText;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [fullWidth ? {
+      alignSelf: 'stretch',
+      width: '100%'
+    } : {
       alignSelf: 'flex-start'
     }, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: () => inputRef.current?.focus(),
+      disabled: disabled,
       style: {
-        flexDirection: 'row',
-        gap
+        position: 'relative'
       },
-      children: Array.from({
-        length
-      }).map((_, i) => {
-        const isActive = focused && i === activeIndex && !disabled;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          testID: "code-field-cell",
-          style: {
-            width: cellWidth,
-            height: cellHeight,
-            borderRadius: theme.radii.pill,
-            borderWidth: 1,
-            borderColor: isActive ? theme.colors.border.focus : theme.colors.border.default,
-            backgroundColor: disabled ? theme.colors.disabled.background : theme.colors.background.default,
-            alignItems: 'center',
-            justifyContent: 'center',
-            opacity: disabled ? 0.6 : 1,
-            ...(isActive ? {
-              boxShadow: [{
-                offsetX: 0,
-                offsetY: 0,
-                blurRadius: 0,
-                spreadDistance: 6,
-                color: 'rgba(201,255,0,0.15)'
-              }]
-            } : null)
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
-            color: disabled ? 'tertiary' : 'primary',
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          gap
+        },
+        children: Array.from({
+          length
+        }).map((_, i) => {
+          const isActive = focused && i === activeIndex && !disabled;
+          // Error overrides the default/focus border on every cell; the active
+          // cell still gets the ring (red on error, lime otherwise).
+          const borderColor = hasError ? theme.colors.feedback.error : isActive ? theme.colors.border.focus : theme.colors.border.default;
+          const ringColor = hasError ? hexToRgba(theme.colors.feedback.error, 0.15) : 'rgba(201,255,0,0.15)';
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            testID: "code-field-cell",
             style: {
-              fontFamily: fontFamily ?? theme.fontFamily.regular,
-              fontSize,
-              lineHeight: Math.round(fontSize * 1.45)
+              ...(fullWidth ? {
+                flex: 1
+              } : {
+                width: cellWidth
+              }),
+              height: cellHeight,
+              borderRadius: theme.radii.pill,
+              borderWidth: 1,
+              borderColor,
+              backgroundColor: disabled ? theme.colors.disabled.background : theme.colors.background.default,
+              alignItems: 'center',
+              justifyContent: 'center',
+              opacity: disabled ? 0.6 : 1,
+              ...(isActive ? {
+                boxShadow: [{
+                  offsetX: 0,
+                  offsetY: 0,
+                  blurRadius: 0,
+                  spreadDistance: 6,
+                  color: ringColor
+                }]
+              } : null)
             },
-            children: value[i] ?? ''
-          })
-        }, i);
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      ref: inputRef,
-      value: value,
-      onChangeText: handleChange,
-      onFocus: () => setFocused(true),
-      onBlur: () => setFocused(false),
-      keyboardType: mode === 'numeric' ? 'number-pad' : 'default',
-      autoCapitalize: "characters",
-      autoCorrect: false,
-      maxLength: length,
-      editable: !disabled,
-      caretHidden: true,
-      autoFocus: autoFocus,
-      accessibilityLabel: accessibilityLabel,
-      style: [{
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        opacity: 0
-      }, WEB_NO_OUTLINE]
-    })]
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+              color: disabled ? 'tertiary' : 'primary',
+              style: {
+                fontFamily: fontFamily ?? theme.fontFamily.regular,
+                fontSize,
+                lineHeight: Math.round(fontSize * 1.45)
+              },
+              children: value[i] ?? ''
+            })
+          }, i);
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        ref: inputRef,
+        value: value,
+        onChangeText: handleChange,
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+        keyboardType: mode === 'numeric' ? 'number-pad' : 'default',
+        autoCapitalize: "characters",
+        autoCorrect: false,
+        maxLength: length,
+        editable: !disabled,
+        caretHidden: true,
+        autoFocus: autoFocus,
+        accessibilityLabel: accessibilityLabel,
+        style: [{
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          opacity: 0
+        }, WEB_NO_OUTLINE]
+      })]
+    }), message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "bodySmall",
+      color: hasError ? theme.colors.feedback.error : 'tertiary',
+      style: {
+        marginTop: 8,
+        marginLeft: 8
+      },
+      children: message
+    }) : null]
   });
 }
 //# sourceMappingURL=CodeField.js.map

package/lib/commonjs/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","DISALLOWED","numeric","alpha","alphanumeric","CodeField","value","onChangeText","length","mode","onComplete","disabled","autoFocus","cellWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","useTheme","inputRef","useRef","focused","setFocused","useState","handleChange","text","next","toUpperCase","replace","slice","activeIndex","Math","min","jsxs","Pressable","onPress","current","focus","position","alignSelf","children","jsx","View","flexDirection","Array","from","map","_","i","isActive","testID","width","height","borderRadius","radii","pill","borderWidth","borderColor","colors","border","default","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","Text","regular","lineHeight","round","TextInput","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","fullWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","useTheme","inputRef","useRef","focused","setFocused","useState","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","jsxs","View","alignSelf","width","children","Pressable","onPress","current","focus","position","jsx","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","flex","height","borderRadius","radii","pill","borderWidth","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","Text","regular","lineHeight","round","TextInput","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom","variant","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CodeField/CodeField.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Disabled = exports.Default = exports.Compact = exports.Alphanumeric = exports.Alpha = void 0;
+exports.default = exports.FullWidth = exports.ErrorHelperText = exports.Error = exports.Disabled = exports.Default = exports.Compact = exports.Alphanumeric = exports.Alpha = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _CodeField = require("./CodeField.js");
@@ -20,7 +20,8 @@ function Demo(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       gap: 8,
-      alignItems: 'flex-start'
+      alignItems: 'flex-start',
+      alignSelf: 'stretch'
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeField.CodeField, {
       value: value,
@@ -73,4 +74,39 @@ const Disabled = exports.Disabled = {
     disabled: true
   })
 };
+// fullWidth — cells share 100% of the container evenly (here a 360px box).
+const FullWidth = exports.FullWidth = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 360
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      length: 4,
+      fullWidth: true
+    })
+  })
+};
+// Error state — red cells + focus ring, message below (like Input).
+const Error = exports.Error = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    length: 4,
+    error: "That code is incorrect. Try again."
+  })
+};
+const ErrorHelperText = exports.ErrorHelperText = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      length: 4,
+      helperText: "Enter the 4-digit code we sent you."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      length: 4,
+      error: true,
+      helperText: "Enter the 4-digit code we sent you."
+    })]
+  })
+};
 //# sourceMappingURL=CodeField.stories.js.map

package/lib/commonjs/components/CodeField/CodeField.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_CodeField","_Text","_jsxRuntime","meta","title","component","CodeField","_default","exports","default","Demo","props","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAEpC,MAAMK,IAAI,GAAG;EACXC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEC;AACb,CAAkC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEpBN,IAAI;AAGnB,SAASO,IAAIA,CAACC,KAQb,EAAE;EACD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACpC,oBACE,IAAAZ,WAAA,CAAAe,IAAA,EAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAC,QAAA,gBAChD,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,UAAA,CAAAM,SAAS;MAACM,KAAK,EAAEA,KAAM;MAACY,YAAY,EAAEX,QAAS;MAACY,UAAU,EAAET,OAAQ;MAAA,GAAKL;IAAK,CAAG,CAAC,eACnF,IAAAT,WAAA,CAAAe,IAAA,EAAChB,KAAA,CAAAyB,IAAI;MAACC,OAAO,EAAC,SAAS;MAACC,KAAK,EAAC,WAAW;MAAAN,QAAA,GAAC,WAChC,EAACV,KAAK,EAAC,IAAC,EAACG,IAAI,GAAG,gBAAgBA,IAAI,EAAE,GAAG,EAAE;IAAA,CAC/C,CAAC;EAAA,CACH,CAAC;AAEX;;AAEA;AACO,MAAMc,OAAc,GAAArB,OAAA,CAAAqB,OAAA,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAM,IAAA5B,WAAA,CAAAqB,GAAA,EAACb,IAAI;IAACqB,MAAM,EAAE;EAAE,CAAE;AAAE,CAAC;AACnE;AACO,MAAMC,OAAc,GAAAxB,OAAA,CAAAwB,OAAA,GAAG;EAAEF,MAAM,EAAEA,CAAA,kBAAM,IAAA5B,WAAA,CAAAqB,GAAA,EAACb,IAAI;IAACqB,MAAM,EAAE,CAAE;IAACE,SAAS,EAAE,EAAG;IAACb,GAAG,EAAE;EAAE,CAAE;AAAE,CAAC;AACnF,MAAMc,YAAmB,GAAA1B,OAAA,CAAA0B,YAAA,GAAG;EACjCJ,MAAM,EAAEA,CAAA,kBAAM,IAAA5B,WAAA,CAAAqB,GAAA,EAACb,IAAI;IAACqB,MAAM,EAAE,CAAE;IAACI,IAAI,EAAC,cAAc;IAACF,SAAS,EAAE,EAAG;IAACb,GAAG,EAAE;EAAE,CAAE;AAC7E,CAAC;AACM,MAAMgB,KAAY,GAAA5B,OAAA,CAAA4B,KAAA,GAAG;EAAEN,MAAM,EAAEA,CAAA,kBAAM,IAAA5B,WAAA,CAAAqB,GAAA,EAACb,IAAI;IAACqB,MAAM,EAAE,CAAE;IAACI,IAAI,EAAC,OAAO;IAACF,SAAS,EAAE,EAAG;IAACb,GAAG,EAAE;EAAE,CAAE;AAAE,CAAC;AAC9F,MAAMiB,QAAe,GAAA7B,OAAA,CAAA6B,QAAA,GAAG;EAAEP,MAAM,EAAEA,CAAA,kBAAM,IAAA5B,WAAA,CAAAqB,GAAA,EAACb,IAAI;IAACqB,MAAM,EAAE,CAAE;IAACE,SAAS,EAAE,EAAG;IAACb,GAAG,EAAE,CAAE;IAACkB,QAAQ;EAAA,CAAE;AAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_CodeField","_Text","_jsxRuntime","meta","title","component","CodeField","_default","exports","default","Demo","props","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","alignSelf","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","FullWidth","width","fullWidth","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAEpC,MAAMK,IAAI,GAAG;EACXC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEC;AACb,CAAkC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEpBN,IAAI;AAGnB,SAASO,IAAIA,CAACC,KAWb,EAAE;EACD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACpC,oBACE,IAAAZ,WAAA,CAAAe,IAAA,EAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,UAAU,EAAE,YAAY;MAAEC,SAAS,EAAE;IAAU,CAAE;IAAAC,QAAA,gBACtE,IAAArB,WAAA,CAAAsB,GAAA,EAACxB,UAAA,CAAAM,SAAS;MAACM,KAAK,EAAEA,KAAM;MAACa,YAAY,EAAEZ,QAAS;MAACa,UAAU,EAAEV,OAAQ;MAAA,GAAKL;IAAK,CAAG,CAAC,eACnF,IAAAT,WAAA,CAAAe,IAAA,EAAChB,KAAA,CAAA0B,IAAI;MAACC,OAAO,EAAC,SAAS;MAACC,KAAK,EAAC,WAAW;MAAAN,QAAA,GAAC,WAChC,EAACX,KAAK,EAAC,IAAC,EAACG,IAAI,GAAG,gBAAgBA,IAAI,EAAE,GAAG,EAAE;IAAA,CAC/C,CAAC;EAAA,CACH,CAAC;AAEX;;AAEA;AACO,MAAMe,OAAc,GAAAtB,OAAA,CAAAsB,OAAA,GAAG;EAAEC,MAAM,EAAEA,CAAA,kBAAM,IAAA7B,WAAA,CAAAsB,GAAA,EAACd,IAAI;IAACsB,MAAM,EAAE;EAAE,CAAE;AAAE,CAAC;AACnE;AACO,MAAMC,OAAc,GAAAzB,OAAA,CAAAyB,OAAA,GAAG;EAAEF,MAAM,EAAEA,CAAA,kBAAM,IAAA7B,WAAA,CAAAsB,GAAA,EAACd,IAAI;IAACsB,MAAM,EAAE,CAAE;IAACE,SAAS,EAAE,EAAG;IAACd,GAAG,EAAE;EAAE,CAAE;AAAE,CAAC;AACnF,MAAMe,YAAmB,GAAA3B,OAAA,CAAA2B,YAAA,GAAG;EACjCJ,MAAM,EAAEA,CAAA,kBAAM,IAAA7B,WAAA,CAAAsB,GAAA,EAACd,IAAI;IAACsB,MAAM,EAAE,CAAE;IAACI,IAAI,EAAC,cAAc;IAACF,SAAS,EAAE,EAAG;IAACd,GAAG,EAAE;EAAE,CAAE;AAC7E,CAAC;AACM,MAAMiB,KAAY,GAAA7B,OAAA,CAAA6B,KAAA,GAAG;EAAEN,MAAM,EAAEA,CAAA,kBAAM,IAAA7B,WAAA,CAAAsB,GAAA,EAACd,IAAI;IAACsB,MAAM,EAAE,CAAE;IAACI,IAAI,EAAC,OAAO;IAACF,SAAS,EAAE,EAAG;IAACd,GAAG,EAAE;EAAE,CAAE;AAAE,CAAC;AAC9F,MAAMkB,QAAe,GAAA9B,OAAA,CAAA8B,QAAA,GAAG;EAAEP,MAAM,EAAEA,CAAA,kBAAM,IAAA7B,WAAA,CAAAsB,GAAA,EAACd,IAAI;IAACsB,MAAM,EAAE,CAAE;IAACE,SAAS,EAAE,EAAG;IAACd,GAAG,EAAE,CAAE;IAACmB,QAAQ;EAAA,CAAE;AAAE,CAAC;AACpG;AACO,MAAMC,SAAgB,GAAAhC,OAAA,CAAAgC,SAAA,GAAG;EAC9BT,MAAM,EAAEA,CAAA,kBACN,IAAA7B,WAAA,CAAAsB,GAAA,EAACzB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE;MAAEsB,KAAK,EAAE;IAAI,CAAE;IAAAlB,QAAA,eAC1B,IAAArB,WAAA,CAAAsB,GAAA,EAACd,IAAI;MAACsB,MAAM,EAAE,CAAE;MAACU,SAAS;IAAA,CAAE;EAAC,CACzB;AAEV,CAAC;AACD;AACO,MAAMC,KAAY,GAAAnC,OAAA,CAAAmC,KAAA,GAAG;EAC1BZ,MAAM,EAAEA,CAAA,kBAAM,IAAA7B,WAAA,CAAAsB,GAAA,EAACd,IAAI;IAACsB,MAAM,EAAE,CAAE;IAACY,KAAK,EAAC;EAAoC,CAAE;AAC7E,CAAC;AACM,MAAMC,eAAsB,GAAArC,OAAA,CAAAqC,eAAA,GAAG;EACpCd,MAAM,EAAEA,CAAA,kBACN,IAAA7B,WAAA,CAAAe,IAAA,EAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAa,CAAE;IAAAE,QAAA,gBACjD,IAAArB,WAAA,CAAAsB,GAAA,EAACd,IAAI;MAACsB,MAAM,EAAE,CAAE;MAACc,UAAU,EAAC;IAAqC,CAAE,CAAC,eACpE,IAAA5C,WAAA,CAAAsB,GAAA,EAACd,IAAI;MAACsB,MAAM,EAAE,CAAE;MAACY,KAAK;MAACE,UAAU,EAAC;IAAqC,CAAE,CAAC;EAAA,CACtE;AAEV,CAAC","ignoreList":[]}

package/lib/commonjs/components/CodeField/CodeField.test.js

@@ -75,5 +75,33 @@ describe('CodeField', () => {
     expect(_reactNative.screen.getByText('1')).toBeTruthy();
     expect(_reactNative.screen.getByText('2')).toBeTruthy();
   });
+  it('shows the error message when error is a string', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeField.CodeField, {
+      value: "",
+      onChangeText: () => {},
+      error: "Wrong code"
+    }));
+    expect(_reactNative.screen.getByText('Wrong code')).toBeTruthy();
+  });
+  it('shows helperText, and the error message replaces it when error is a string', () => {
+    const {
+      rerender
+    } = renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeField.CodeField, {
+      value: "",
+      onChangeText: () => {},
+      helperText: "Enter your code"
+    }));
+    expect(_reactNative.screen.getByText('Enter your code')).toBeTruthy();
+    rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeField.CodeField, {
+        value: "",
+        onChangeText: () => {},
+        helperText: "Enter your code",
+        error: "Wrong code"
+      })
+    }));
+    expect(_reactNative.screen.getByText('Wrong code')).toBeTruthy();
+    expect(_reactNative.screen.queryByText('Enter your code')).toBeNull();
+  });
 });
 //# sourceMappingURL=CodeField.test.js.map

package/lib/commonjs/components/CodeField/CodeField.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CodeField","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","CodeField","value","onChangeText","length","expect","screen","getAllByTestId","toHaveLength","jest","fn","mode","fireEvent","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","getByText","toBeTruthy"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.test.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CodeField","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","CodeField","value","onChangeText","length","expect","screen","getAllByTestId","toHaveLength","jest","fn","mode","fireEvent","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","getByText","toBeTruthy","error","rerender","helperText","queryByText","toBeNull"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Keypad/Keypad.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Keypad = Keypad;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** The optional key to the left of 0. Hidden unless provided. */
+
+const ROWS = [['1', '2', '3'], ['4', '5', '6'], ['7', '8', '9']];
+
+/**
+ * Numeric keypad — a 3-column pad decoupled from what it drives (bind it to a
+ * PIN display, an amount, etc. via `value`/`onChangeText`, and put that display
+ * in `header`). Backspace is fixed to the right of 0; the key left of 0 is hidden
+ * unless you pass `extraKey` (custom symbol/icon, action and colors). Width,
+ * key height, gap and digit size are all configurable.
+ */
+function Keypad({
+  value = '',
+  onChangeText,
+  onKeyPress,
+  maxLength,
+  header,
+  extraKey,
+  keyHeight = 83,
+  gap = 8,
+  width,
+  digitSize = 24,
+  headerGap = 24,
+  disabled = false,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const keyStyle = bg => ({
+    flex: 1,
+    height: keyHeight,
+    borderRadius: theme.radii.xl,
+    borderWidth: 1,
+    borderColor: theme.colors.border.strong,
+    backgroundColor: bg ?? theme.colors.action.secondary,
+    alignItems: 'center',
+    justifyContent: 'center'
+  });
+  const pressDigit = digit => {
+    onKeyPress?.(digit);
+    if (maxLength != null && value.length >= maxLength) return;
+    onChangeText?.(value + digit);
+  };
+  const pressBackspace = () => {
+    onKeyPress?.('backspace');
+    onChangeText?.(value.slice(0, -1));
+  };
+  const pressExtra = () => {
+    onKeyPress?.('extra');
+    if (extraKey?.onPress) {
+      extraKey.onPress();
+      return;
+    }
+    if (extraKey?.value != null) {
+      if (maxLength != null && value.length >= maxLength) return;
+      onChangeText?.(value + extraKey.value);
+    }
+  };
+  const DigitKey = ({
+    digit
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: () => pressDigit(digit),
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityLabel: digit,
+    style: ({
+      pressed
+    }) => [keyStyle(), {
+      opacity: disabled ? 0.5 : pressed ? 0.85 : 1
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "h2",
+      color: theme.colors.action.secondaryForeground,
+      style: {
+        fontSize: digitSize,
+        lineHeight: Math.round(digitSize * 1.35)
+      },
+      children: digit
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: width ?? '100%',
+      gap
+    }, style],
+    children: [header != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginBottom: headerGap - gap
+      },
+      children: header
+    }) : null, ROWS.map(row => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap
+      },
+      children: row.map(digit => /*#__PURE__*/(0, _jsxRuntime.jsx)(DigitKey, {
+        digit: digit
+      }, digit))
+    }, row[0])), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap
+      },
+      children: [extraKey ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: pressExtra,
+        disabled: disabled,
+        accessibilityRole: "button",
+        accessibilityLabel: extraKey.label ?? 'action',
+        style: ({
+          pressed
+        }) => [keyStyle(extraKey.backgroundColor), {
+          opacity: disabled ? 0.5 : pressed ? 0.85 : 1
+        }],
+        children: extraKey.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: extraKey.icon,
+          size: 24,
+          color: extraKey.color ?? theme.colors.action.secondaryForeground
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "h2",
+          color: extraKey.color ?? theme.colors.action.secondaryForeground,
+          style: {
+            fontSize: digitSize,
+            lineHeight: Math.round(digitSize * 1.35)
+          },
+          children: extraKey.label ?? ''
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DigitKey, {
+        digit: "0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: pressBackspace,
+        disabled: disabled,
+        accessibilityRole: "button",
+        accessibilityLabel: "Backspace",
+        style: ({
+          pressed
+        }) => [keyStyle(), {
+          opacity: disabled ? 0.5 : pressed ? 0.85 : 1
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: "arrow-left",
+          size: 24,
+          color: theme.colors.action.secondaryForeground
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=Keypad.js.map

package/lib/commonjs/components/Keypad/Keypad.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_Icon","_Text","_jsxRuntime","ROWS","Keypad","value","onChangeText","onKeyPress","maxLength","header","extraKey","keyHeight","gap","width","digitSize","headerGap","disabled","style","theme","useTheme","keyStyle","bg","flex","height","borderRadius","radii","xl","borderWidth","borderColor","colors","border","strong","backgroundColor","action","secondary","alignItems","justifyContent","pressDigit","digit","length","pressBackspace","slice","pressExtra","onPress","DigitKey","jsx","Pressable","accessibilityRole","accessibilityLabel","pressed","opacity","children","Text","variant","color","secondaryForeground","fontSize","lineHeight","Math","round","jsxs","View","marginBottom","map","row","flexDirection","label","icon","Icon","name","size"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Keypad/Keypad.tsx"],"mappings":"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","ignoreList":[]}