@bacon-pos/ui 0.10.0 → 0.15.1

package/lib/commonjs/components/Alert/Alert.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alert = Alert;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _palette = require("../../theme/palette.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function statusColors(theme, status) {
+  switch (status) {
+    case 'warning':
+      return {
+        bg: theme.colors.feedback.warningSubtle,
+        fg: _palette.palette.warning[600]
+      };
+    case 'success':
+      return {
+        bg: theme.colors.feedback.successSubtle,
+        fg: theme.colors.feedback.success
+      };
+    case 'destructive':
+      return {
+        bg: theme.colors.feedback.errorSubtle,
+        fg: theme.colors.feedback.error
+      };
+    case 'info':
+    default:
+      return {
+        bg: theme.colors.background.subtle,
+        fg: _palette.palette.neutral[500]
+      };
+  }
+}
+
+/**
+ * Alert — an inline banner in four statuses (info / warning / success /
+ * destructive), each a subtle tinted surface with a matching icon and text
+ * (Figma "Alert"). Fills its parent by default (text wraps to any width) or takes
+ * a fixed `width`. Supports an optional title, a trailing action and a close
+ * button; colors are overridable for custom statuses.
+ */
+function Alert({
+  status = 'info',
+  title,
+  message,
+  children,
+  icon = 'info',
+  showIcon = true,
+  iconAlign = 'center',
+  action,
+  onClose,
+  backgroundColor,
+  color,
+  width,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const {
+    bg,
+    fg
+  } = statusColors(theme, status);
+  const foreground = color ?? fg;
+  const background = backgroundColor ?? bg;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityRole: "alert",
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 16,
+      paddingVertical: 20,
+      paddingHorizontal: 16,
+      borderRadius: theme.radii.lg,
+      backgroundColor: background,
+      ...(width != null ? {
+        width
+      } : {
+        alignSelf: 'stretch'
+      })
+    }, style],
+    children: [showIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 24,
+        height: 24,
+        flexShrink: 0,
+        alignSelf: iconAlign === 'center' ? 'center' : 'flex-start'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: icon,
+        size: 24,
+        color: foreground
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: foreground,
+        children: title
+      }) : null, children ?? (message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        color: foreground,
+        children: message
+      }) : null)]
+    }), action ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexShrink: 0
+      },
+      children: action
+    }) : null, onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onClose,
+      hitSlop: 8,
+      accessibilityRole: "button",
+      accessibilityLabel: "Dismiss",
+      style: {
+        width: 24,
+        height: 24,
+        flexShrink: 0,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: "close",
+        size: 20,
+        color: foreground
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_palette","_Icon","_Text","_jsxRuntime","statusColors","theme","status","bg","colors","feedback","warningSubtle","fg","palette","warning","successSubtle","success","errorSubtle","error","background","subtle","neutral","Alert","title","message","children","icon","showIcon","iconAlign","action","onClose","backgroundColor","color","width","style","useTheme","foreground","jsxs","View","accessibilityRole","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","radii","lg","alignSelf","jsx","height","flexShrink","Icon","name","size","flex","minWidth","Text","variant","weight","Pressable","onPress","hitSlop","accessibilityLabel","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/Alert.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithTitle = exports.WithActionAndClose = exports.Statuses = exports.NoIcon = exports.Narrow = void 0;
+var _reactNative = require("react-native");
+var _Alert = require("./Alert.js");
+var _LinkButton = require("../LinkButton/LinkButton.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Alert',
+  component: _Alert.Alert
+};
+var _default = exports.default = meta;
+const MSG = 'No activity for 8h 10m — this shift was likely left open. Ending it resolves the 2 open checks, then counts the drawer.';
+
+/** The four Figma statuses. */
+const Statuses = exports.Statuses = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820,
+      gap: 16
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "info",
+      message: MSG
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "warning",
+      message: MSG
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "success",
+      message: MSG
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "destructive",
+      message: MSG
+    })]
+  })
+};
+
+/** With a title. */
+const WithTitle = exports.WithTitle = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "warning",
+      title: "Shift left open",
+      message: MSG
+    })
+  })
+};
+
+/** Short message, narrow container — width accommodates. */
+const Narrow = exports.Narrow = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 320
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "success",
+      message: "Drawer counted successfully."
+    })
+  })
+};
+
+/** With a trailing action and a close button. */
+const WithActionAndClose = exports.WithActionAndClose = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "destructive",
+      message: "Payment failed for order #02304.",
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
+        label: "Retry",
+        onPress: () => {}
+      }),
+      onClose: () => {}
+    })
+  })
+};
+
+/** Icon hidden. */
+const NoIcon = exports.NoIcon = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "info",
+      message: MSG,
+      showIcon: false
+    })
+  })
+};
+//# sourceMappingURL=Alert.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Alert","_LinkButton","_jsxRuntime","meta","title","component","Alert","_default","exports","default","MSG","Statuses","render","jsxs","View","style","padding","width","gap","children","jsx","status","message","WithTitle","Narrow","WithActionAndClose","action","LinkButton","label","onPress","onClose","NoIcon","showIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/Alert.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _reactNative = require("@testing-library/react-native");
+var _reactNative2 = require("react-native");
+var _index = require("../../theme/index.js");
+var _Alert = require("./Alert.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function wrap(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('Alert', () => {
+  it('renders the message', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      message: "Something happened"
+    }));
+    expect(_reactNative.screen.getByText('Something happened')).toBeTruthy();
+  });
+  it('renders a title and children', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "warning",
+      title: "Heads up",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
+        children: "Custom body"
+      })
+    }));
+    expect(_reactNative.screen.getByText('Heads up')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Custom body')).toBeTruthy();
+  });
+  it('renders each status without crashing', () => {
+    for (const status of ['info', 'warning', 'success', 'destructive']) {
+      const {
+        unmount
+      } = wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+        status: status,
+        message: `msg-${status}`
+      }));
+      expect(_reactNative.screen.getByText(`msg-${status}`)).toBeTruthy();
+      unmount();
+    }
+  });
+  it('fires onClose', () => {
+    const onClose = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      message: "x",
+      onClose: onClose
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Dismiss'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('renders a trailing action', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      message: "x",
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
+        children: "Retry"
+      })
+    }));
+    expect(_reactNative.screen.getByText('Retry')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Alert.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNative2","_index","_Alert","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","describe","it","Alert","message","expect","screen","getByText","toBeTruthy","status","title","Text","unmount","onClose","jest","fn","fireEvent","press","getByLabelText","toHaveBeenCalledTimes","action"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/Alert.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Alert/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () {
+    return _Alert.Alert;
+  }
+});
+var _Alert = require("./Alert.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Alert","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/CodeInput/CodeInput.js

@@ -22,8 +22,10 @@ function Cell({
   filled,
   revealed,
   disabled,
+  error,
   theme
 }) {
+  const errorColor = theme.colors.feedback.error;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     testID: "code-input-cell",
     style: {
@@ -35,7 +37,7 @@ function Cell({
     children: revealed && filled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       variant: "bodyMedium",
       weight: "medium",
-      color: disabled ? 'tertiary' : 'primary',
+      color: disabled ? 'tertiary' : error ? errorColor : 'primary',
       children: char
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: {
@@ -43,8 +45,8 @@ function Cell({
         height: 20,
         borderRadius: 10,
         borderWidth: 1.5,
-        backgroundColor: filled ? theme.colors.text.primary : theme.colors.background.default,
-        borderColor: filled ? theme.colors.text.primary : theme.colors.border.strong,
+        backgroundColor: filled ? error ? errorColor : theme.colors.text.primary : theme.colors.background.default,
+        borderColor: error ? errorColor : filled ? theme.colors.text.primary : theme.colors.border.strong,
         opacity: disabled ? 0.5 : 1
       }
     })
@@ -65,6 +67,8 @@ function CodeInput({
   onComplete,
   disabled = false,
   autoFocus = false,
+  error,
+  helperText,
   revealable = false,
   revealed: revealedProp,
   onRevealChange,
@@ -79,6 +83,8 @@ function CodeInput({
   const [internalRevealed, setInternalRevealed] = (0, _react.useState)(false);
   const revealed = revealedProp ?? internalRevealed;
   const filled = Math.min(value.length, length);
+  const hasError = Boolean(error);
+  const message = typeof error === 'string' ? error : helperText;
   const handleChange = text => {
     const digits = text.replace(/[^0-9]/g, '').slice(0, length);
     onChangeText(digits);
@@ -109,6 +115,7 @@ function CodeInput({
         filled: i < filled,
         revealed: revealed,
         disabled: disabled,
+        error: hasError,
         theme: theme
       }, i))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
@@ -151,13 +158,25 @@ function CodeInput({
   const eyeFirst = revealPosition === 'top' || revealPosition === 'left';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [{
-      flexDirection: vertical ? 'column' : 'row',
-      alignItems: 'center',
-      gap: 12,
-      alignSelf: 'flex-start',
-      paddingVertical: 8
+      alignSelf: 'flex-start'
     }, style],
-    children: [eyeFirst ? eyeToggle : null, cells, eyeFirst ? null : eyeToggle]
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: vertical ? 'column' : 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingVertical: 8
+      },
+      children: [eyeFirst ? eyeToggle : null, cells, eyeFirst ? null : eyeToggle]
+    }), message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "bodySmall",
+      color: hasError ? theme.colors.feedback.error : 'tertiary',
+      style: {
+        marginTop: 4,
+        marginLeft: 8
+      },
+      children: message
+    }) : null]
   });
 }
 //# sourceMappingURL=CodeInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_index","_Icon","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","Cell","char","filled","revealed","disabled","theme","jsx","View","testID","style","width","height","alignItems","justifyContent","children","Text","variant","weight","color","borderRadius","borderWidth","backgroundColor","colors","text","primary","background","default","borderColor","border","strong","opacity","CodeInput","value","onChangeText","length","onComplete","autoFocus","revealable","revealedProp","onRevealChange","revealPosition","accessibilityLabel","revealLabel","hideLabel","useTheme","inputRef","useRef","internalRevealed","setInternalRevealed","useState","Math","min","handleChange","digits","replace","slice","toggleReveal","next","undefined","cells","jsxs","Pressable","onPress","current","focus","position","flexDirection","gap","Array","from","map","_","i","TextInput","ref","keyboardType","maxLength","editable","caretHidden","top","left","right","bottom","eyeToggle","hitSlop","accessibilityRole","padding","Icon","name","size","vertical","eyeFirst","alignSelf","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_index","_Icon","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","Cell","char","filled","revealed","disabled","error","theme","errorColor","colors","feedback","jsx","View","testID","style","width","height","alignItems","justifyContent","children","Text","variant","weight","color","borderRadius","borderWidth","backgroundColor","text","primary","background","default","borderColor","border","strong","opacity","CodeInput","value","onChangeText","length","onComplete","autoFocus","helperText","revealable","revealedProp","onRevealChange","revealPosition","accessibilityLabel","revealLabel","hideLabel","useTheme","inputRef","useRef","internalRevealed","setInternalRevealed","useState","Math","min","hasError","Boolean","message","handleChange","digits","replace","slice","toggleReveal","next","undefined","cells","jsxs","Pressable","onPress","current","focus","position","flexDirection","gap","Array","from","map","_","i","TextInput","ref","keyboardType","maxLength","editable","caretHidden","top","left","right","bottom","eyeToggle","hitSlop","accessibilityRole","padding","Icon","name","size","vertical","eyeFirst","alignSelf","paddingVertical","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SixDigits = exports.Revealable = exports.RevealPositions = exports.Prefilled = exports.Disabled = exports.Default = void 0;
+exports.default = exports.SixDigits = exports.Revealable = exports.RevealPositions = exports.Prefilled = exports.Error = exports.Disabled = exports.Default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _CodeInput = require("./CodeInput.js");
@@ -76,6 +76,33 @@ const RevealPositions = exports.RevealPositions = {
     })]
   })
 };
+/** Error state — cells turn red, with an optional message below (Figma "error" variant). */
+const Error = exports.Error = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('12');
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 24,
+        alignItems: 'flex-start'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+        value: value,
+        onChangeText: setValue,
+        error: "Incorrect code, try again."
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+        value: "1234",
+        onChangeText: () => {},
+        error: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+        value: "1234",
+        onChangeText: () => {},
+        revealable: true,
+        revealed: true,
+        error: "Incorrect code."
+      })]
+    });
+  }
+};
 const Prefilled = exports.Prefilled = {
   render: () => {
     const [value, setValue] = (0, _react.useState)('12');

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_CodeInput","_Text","_jsxRuntime","meta","title","component","CodeInput","_default","exports","default","Demo","length","disabled","revealable","revealPosition","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","SixDigits","Revealable","RevealPositions","Prefilled","Disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.stories.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_CodeInput","_Text","_jsxRuntime","meta","title","component","CodeInput","_default","exports","default","Demo","length","disabled","revealable","revealPosition","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","SixDigits","Revealable","RevealPositions","Error","error","revealed","Prefilled","Disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -57,6 +57,22 @@ describe('CodeInput', () => {
     }));
     expect(_reactNative.screen.getByLabelText('Code').props.editable).toBe(false);
   });
+  it('shows the error message when `error` is a string', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "12",
+      onChangeText: () => {},
+      error: "Incorrect code"
+    }));
+    expect(_reactNative.screen.getByText('Incorrect code')).toBeTruthy();
+  });
+  it('shows helperText and stays editable when not in error', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "",
+      onChangeText: () => {},
+      helperText: "Enter your PIN"
+    }));
+    expect(_reactNative.screen.getByText('Enter your PIN')).toBeTruthy();
+  });
   it('reveals digits when the eye toggle is pressed', () => {
     renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
       value: "12",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CodeInput","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","CodeInput","value","onChangeText","expect","screen","getAllByTestId","toHaveLength","length","jest","fn","fireEvent","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","disabled","props","editable","toBe","revealable","queryByText","toBeNull","press","getByText","toBeTruthy"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.test.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CodeInput","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","CodeInput","value","onChangeText","expect","screen","getAllByTestId","toHaveLength","length","jest","fn","fireEvent","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","disabled","props","editable","toBe","error","getByText","toBeTruthy","helperText","revealable","queryByText","toBeNull","press"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,mBAAM,eAAC,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,WAAW,EAAE,MAAM;EAC1BC,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/CP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,EAAE;MAACC,YAAY,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IAC/DC,MAAM,CAACC,mBAAM,CAACC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAACC,YAAY,CAAC,CAAC,CAAC;EAClE,CAAC,CAAC;EAEFP,EAAE,CAAC,wBAAwB,EAAE,MAAM;IACjCP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,EAAE;MAACC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACK,MAAM,EAAE;IAAE,CAAE,CAAC,CAAC;IAC1EJ,MAAM,CAACC,mBAAM,CAACC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAACC,YAAY,CAAC,CAAC,CAAC;EAClE,CAAC,CAAC;EAEFP,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC/B,MAAMG,YAAY,GAAGM,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BjB,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,EAAE;MAACC,YAAY,EAAEA;IAAa,CAAE,CAAC,CAAC;IACnEQ,sBAAS,CAACC,UAAU,CAACP,mBAAM,CAACQ,cAAc,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC;IACzDT,MAAM,CAACD,YAAY,CAAC,CAACW,oBAAoB,CAAC,IAAI,CAAC;EACjD,CAAC,CAAC;EAEFd,EAAE,CAAC,yDAAyD,EAAE,MAAM;IAClE,MAAMG,YAAY,GAAGM,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9B,MAAMK,UAAU,GAAGN,IAAI,CAACC,EAAE,CAAC,CAAC;IAC5BjB,eAAe,cACb,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,EAAE;MAACC,YAAY,EAAEA,YAAa;MAACY,UAAU,EAAEA,UAAW;MAACP,MAAM,EAAE;IAAE,CAAE,CACtF,CAAC;IACDG,sBAAS,CAACC,UAAU,CAACP,mBAAM,CAACQ,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;IAChET,MAAM,CAACD,YAAY,CAAC,CAACW,oBAAoB,CAAC,MAAM,CAAC;IACjDV,MAAM,CAACW,UAAU,CAAC,CAACD,oBAAoB,CAAC,MAAM,CAAC;EACjD,CAAC,CAAC;EAEFd,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxCP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,EAAE;MAACC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACa,QAAQ;IAAA,CAAE,CAAC,CAAC;IACxEZ,MAAM,CAACC,mBAAM,CAACQ,cAAc,CAAC,MAAM,CAAC,CAACI,KAAK,CAACC,QAAQ,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC;EAClE,CAAC,CAAC;EAEFnB,EAAE,CAAC,kDAAkD,EAAE,MAAM;IAC3DP,eAAe,cACb,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,IAAI;MAACC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACiB,KAAK,EAAC;IAAgB,CAAE,CACxE,CAAC;IACDhB,MAAM,CAACC,mBAAM,CAACgB,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACzD,CAAC,CAAC;EAEFtB,EAAE,CAAC,uDAAuD,EAAE,MAAM;IAChEP,eAAe,cACb,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,EAAE;MAACC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACoB,UAAU,EAAC;IAAgB,CAAE,CAC3E,CAAC;IACDnB,MAAM,CAACC,mBAAM,CAACgB,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACzD,CAAC,CAAC;EAEFtB,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACxDP,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACT,UAAA,CAAAc,SAAS;MAACC,KAAK,EAAC,IAAI;MAACC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACqB,UAAU;IAAA,CAAE,CAAC,CAAC;IAC5EpB,MAAM,CAACC,mBAAM,CAACoB,WAAW,CAAC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAC1Cf,sBAAS,CAACgB,KAAK,CAACtB,mBAAM,CAACQ,cAAc,CAAC,WAAW,CAAC,CAAC;IACnDT,MAAM,CAACC,mBAAM,CAACgB,SAAS,CAAC,GAAG,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAC1ClB,MAAM,CAACC,mBAAM,CAACgB,SAAS,CAAC,GAAG,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAC1CX,sBAAS,CAACgB,KAAK,CAACtB,mBAAM,CAACQ,cAAc,CAAC,WAAW,CAAC,CAAC;IACnDT,MAAM,CAACC,mBAAM,CAACoB,WAAW,CAAC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAC5C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}