rn-inputforge 0.3.1 → 0.5.0

package/lib/commonjs/adapters/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldFlowController", {
+  enumerable: true,
+  get: function () {
+    return _reactHookForm.FieldFlowController;
+  }
+});
+Object.defineProperty(exports, "FieldFlowTagsController", {
+  enumerable: true,
+  get: function () {
+    return _reactHookForm.FieldFlowTagsController;
+  }
+});
+Object.defineProperty(exports, "mapRhfToFieldFlowProps", {
+  enumerable: true,
+  get: function () {
+    return _reactHookForm.mapRhfToFieldFlowProps;
+  }
+});
+var _reactHookForm = require("./reactHookForm");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/adapters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactHookForm","require"],"sourceRoot":"../../../src","sources":["adapters/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/adapters/reactHookForm.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowController = FieldFlowController;
+exports.FieldFlowTagsController = FieldFlowTagsController;
+exports.mapRhfToFieldFlowProps = mapRhfToFieldFlowProps;
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _FieldFlowInput = require("../components/FieldFlowInput");
+var _FieldFlowTags = require("../components/FieldFlowTags");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Drop-in `Controller` wrapper that renders a themed `FieldFlowInput`
+ * wired to react-hook-form. Requires the optional `react-hook-form` peer.
+ *
+ * @example
+ * const { control, handleSubmit } = useForm({ defaultValues: { email: '' } });
+ *
+ * <FieldFlowController
+ *   control={control}
+ *   name="email"
+ *   type="email"
+ *   label="Email"
+ *   rules={{ required: 'Email is required' }}
+ *   suggestions
+ * />
+ */
+function FieldFlowController({
+  control,
+  name,
+  rules,
+  defaultValue,
+  showError = true,
+  ...inputProps
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+    control: control,
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: ({
+      field,
+      fieldState
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFlowInput.FieldFlowInput, {
+      ...inputProps,
+      ref: field.ref,
+      value: field.value == null ? '' : String(field.value),
+      onChangeText: field.onChange,
+      onBlur: field.onBlur,
+      errorText: showError ? fieldState.error?.message : undefined,
+      hasError: showError ? Boolean(fieldState.error) : undefined
+    })
+  });
+}
+/**
+ * RHF `Controller` for `FieldFlowTags` (string[] values).
+ */
+function FieldFlowTagsController({
+  control,
+  name,
+  rules,
+  defaultValue,
+  showError = true,
+  ...tagsProps
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+    control: control,
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: ({
+      field,
+      fieldState
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFlowTags.FieldFlowTags, {
+      ...tagsProps,
+      value: Array.isArray(field.value) ? field.value : [],
+      onChange: field.onChange,
+      errorText: showError ? fieldState.error?.message : undefined,
+      hasError: showError ? Boolean(fieldState.error) : undefined
+    })
+  });
+}
+
+/**
+ * Map an RHF `field` + `fieldState` onto common FieldFlow input props.
+ * Useful when you need a custom render or a non-input FieldFlow component.
+ */
+function mapRhfToFieldFlowProps(args) {
+  const {
+    value,
+    onChange,
+    onBlur,
+    errorMessage,
+    showError = true
+  } = args;
+  return {
+    value: value == null ? '' : String(value),
+    onChangeText: onChange,
+    onBlur,
+    errorText: showError ? errorMessage : undefined,
+    hasError: showError ? Boolean(errorMessage) : undefined
+  };
+}
+//# sourceMappingURL=reactHookForm.js.map

package/lib/commonjs/adapters/reactHookForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactHookForm","_FieldFlowInput","_FieldFlowTags","_jsxRuntime","e","__esModule","default","FieldFlowController","control","name","rules","defaultValue","showError","inputProps","jsx","Controller","render","field","fieldState","FieldFlowInput","ref","value","String","onChangeText","onChange","onBlur","errorText","error","message","undefined","hasError","Boolean","FieldFlowTagsController","tagsProps","FieldFlowTags","Array","isArray","mapRhfToFieldFlowProps","args","errorMessage"],"sourceRoot":"../../../src","sources":["adapters/reactHookForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FieldFlowAffordance/FieldFlowAffordance.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowAffordance = FieldFlowAffordance;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _affordance = require("../../utils/affordance");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Horizontal suggestion chips shown under (or near) a field — email domains,
+ * phone dial codes, currency symbols, or a fully custom chip list.
+ */
+function FieldFlowAffordance({
+  kind = 'custom',
+  chips: chipsProp,
+  value = '',
+  onSelect,
+  hidden = false,
+  allowNoop = true,
+  containerStyle,
+  chipStyle,
+  chipTextStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const styles = (0, _react.useMemo)(() => createStyles(theme), [theme]);
+  const chips = (0, _react.useMemo)(() => (0, _affordance.resolveAffordanceChips)(kind, chipsProp), [kind, chipsProp]);
+  if (hidden || chips.length === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    accessibilityRole: "menu",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      keyboardShouldPersistTaps: "handled",
+      contentContainerStyle: styles.row,
+      children: chips.map((chip, index) => {
+        const next = (0, _affordance.applyAffordanceSuggestion)(kind, value, chip);
+        const disabled = !allowNoop && next === value;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: () => onSelect(next, chip),
+          disabled: disabled,
+          style: ({
+            pressed
+          }) => [styles.chip, pressed && styles.chipPressed, disabled && styles.chipDisabled, chipStyle],
+          accessibilityRole: "button",
+          accessibilityLabel: chip.accessibilityLabel ?? chip.label,
+          accessibilityState: {
+            disabled
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.chipText, chipTextStyle],
+            numberOfLines: 1,
+            children: chip.label
+          })
+        }, `${chip.label}-${index}`);
+      })
+    })
+  });
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    wrapper: {
+      marginTop: theme.spacing.gap,
+      marginBottom: theme.spacing.gap / 2
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: theme.spacing.gap,
+      paddingRight: theme.spacing.paddingHorizontal
+    },
+    chip: {
+      paddingHorizontal: 12,
+      paddingVertical: 7,
+      borderRadius: 999,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.border,
+      backgroundColor: theme.colors.background
+    },
+    chipPressed: {
+      borderColor: theme.colors.borderFocused,
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    chipDisabled: {
+      opacity: 0.4
+    },
+    chipText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.text,
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowAffordance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_affordance","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowAffordance","kind","chips","chipsProp","value","onSelect","hidden","allowNoop","containerStyle","chipStyle","chipTextStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","resolveAffordanceChips","length","jsx","View","style","wrapper","accessibilityRole","children","ScrollView","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","contentContainerStyle","row","map","chip","index","next","applyAffordanceSuggestion","disabled","Pressable","onPress","pressed","chipPressed","chipDisabled","accessibilityLabel","label","accessibilityState","Text","chipText","numberOfLines","StyleSheet","create","marginTop","spacing","gap","marginBottom","flexDirection","alignItems","paddingRight","paddingHorizontal","paddingVertical","borderRadius","borderWidth","borderColor","colors","border","backgroundColor","background","borderFocused","backgroundDisabled","opacity","fontSize","typography","helperFontSize","color","text","fontWeight","fontFamily"],"sourceRoot":"../../../../src","sources":["components/FieldFlowAffordance/FieldFlowAffordance.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/commonjs/components/FieldFlowCheckbox/FieldFlowCheckbox.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowCheckbox = FieldFlowCheckbox;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _icons = require("../../icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function FieldFlowCheckbox({
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  labelPosition = 'right',
+  checkedIcon = 'check',
+  uncheckedIcon,
+  leftIcon,
+  iconSize = 14,
+  checkedColor,
+  uncheckedColor,
+  boxSize = 22,
+  boxStyle,
+  containerStyle,
+  labelStyle,
+  helperStyle,
+  errorStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const styles = (0, _react.useMemo)(() => createStyles(theme, Boolean(errorText), Boolean(disabled), boxSize), [theme, errorText, disabled, boxSize]);
+  const checked = Boolean(value);
+  const activeColor = checkedColor ?? theme.colors.borderFocused;
+  const idleColor = uncheckedColor ?? (errorText ? theme.colors.borderError : theme.colors.border);
+  const box = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.box, checked && {
+      backgroundColor: activeColor,
+      borderColor: activeColor
+    }, !checked && {
+      borderColor: idleColor
+    }, disabled ? styles.boxDisabled : null, boxStyle],
+    children: checked ? (0, _icons.renderFieldFlowIcon)(checkedIcon, '#FFFFFF', iconSize) : uncheckedIcon ? (0, _icons.renderFieldFlowIcon)(uncheckedIcon, idleColor, iconSize) : null
+  });
+  const labelNode = label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+    style: [styles.label, labelStyle],
+    children: [label, required ? ' *' : '']
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: () => !disabled && onChange(!checked),
+      disabled: disabled,
+      style: styles.row,
+      accessibilityRole: "checkbox",
+      accessibilityState: {
+        checked,
+        disabled: Boolean(disabled)
+      },
+      accessibilityLabel: label,
+      hitSlop: 6,
+      children: [leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.leftIcon,
+        children: (0, _icons.renderFieldFlowIcon)(leftIcon, theme.colors.icon, 18)
+      }) : null, labelPosition === 'left' ? labelNode : null, box, labelPosition === 'right' ? labelNode : null]
+    }), errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.errorText, errorStyle, helperStyle],
+      children: errorText
+    }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.helperText, helperStyle],
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, _hasError, disabled, boxSize) {
+  return _reactNative.StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: theme.spacing.gap
+    },
+    leftIcon: {
+      marginRight: 2
+    },
+    box: {
+      width: boxSize,
+      height: boxSize,
+      borderRadius: 6,
+      borderWidth: theme.spacing.borderWidthFocused,
+      backgroundColor: theme.colors.background,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    boxDisabled: {
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    label: {
+      flex: 1,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text,
+      fontWeight: '400',
+      fontFamily: theme.typography.fontFamily
+    },
+    helperText: {
+      marginTop: theme.spacing.gap / 1.5,
+      marginLeft: boxSize + theme.spacing.gap,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    errorText: {
+      marginTop: theme.spacing.gap / 1.5,
+      marginLeft: boxSize + theme.spacing.gap,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_icons","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowCheckbox","value","onChange","label","helperText","errorText","disabled","required","labelPosition","checkedIcon","uncheckedIcon","leftIcon","iconSize","checkedColor","uncheckedColor","boxSize","boxStyle","containerStyle","labelStyle","helperStyle","errorStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","Boolean","checked","activeColor","colors","borderFocused","idleColor","borderError","border","box","jsx","View","style","backgroundColor","borderColor","boxDisabled","children","renderFieldFlowIcon","labelNode","jsxs","Text","wrapper","Pressable","onPress","row","accessibilityRole","accessibilityState","accessibilityLabel","hitSlop","icon","_hasError","StyleSheet","create","marginBottom","spacing","gap","opacity","flexDirection","alignItems","marginRight","width","height","borderRadius","borderWidth","borderWidthFocused","background","justifyContent","backgroundDisabled","flex","fontSize","typography","color","text","fontWeight","fontFamily","marginTop","marginLeft","helperFontSize","error"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCheckbox/FieldFlowCheckbox.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/commonjs/components/FieldFlowCreditCard/FieldFlowCreditCard.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowCreditCard = FieldFlowCreditCard;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _FieldFlowMaskedInput = require("../FieldFlowMaskedInput");
+var _FieldFlowInput = require("../FieldFlowInput");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function formatExpiry(raw) {
+  const digits = raw.replace(/\D/g, '').slice(0, 4);
+  if (digits.length <= 2) return digits;
+  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+}
+function FieldFlowCreditCard({
+  value,
+  onChange,
+  label = 'Card details',
+  helperText,
+  errorText,
+  errors,
+  disabled,
+  required,
+  showName = false,
+  containerStyle,
+  labelStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const styles = (0, _react.useMemo)(() => createStyles(theme), [theme]);
+  const patch = partial => onChange({
+    ...value,
+    ...partial
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.label, labelStyle],
+      children: [label, required ? ' *' : '']
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFlowMaskedInput.FieldFlowMaskedInput, {
+      mask: "card",
+      label: "Card number",
+      leftIcon: "creditCard",
+      value: value.number,
+      valueMode: "raw",
+      onChangeText: (_formatted, raw) => patch({
+        number: raw
+      }),
+      errorText: errors?.number,
+      disabled: disabled,
+      theme: themeOverride
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.row,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.half,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFlowInput.FieldFlowInput, {
+          label: "Expiry",
+          placeholder: "MM/YY",
+          keyboardType: "number-pad",
+          value: value.expiry,
+          onChangeText: text => patch({
+            expiry: formatExpiry(text)
+          }),
+          maxLength: 5,
+          errorText: errors?.expiry,
+          disabled: disabled,
+          leftIcon: "calendar",
+          theme: themeOverride
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.half,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFlowInput.FieldFlowInput, {
+          label: "CVC",
+          placeholder: "123",
+          keyboardType: "number-pad",
+          value: value.cvc,
+          onChangeText: text => patch({
+            cvc: text.replace(/\D/g, '').slice(0, 4)
+          }),
+          maxLength: 4,
+          errorText: errors?.cvc,
+          disabled: disabled,
+          leftIcon: "lock",
+          secureTextEntry: true,
+          theme: themeOverride
+        })
+      })]
+    }), showName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFlowInput.FieldFlowInput, {
+      label: "Name on card",
+      value: value.name ?? '',
+      onChangeText: name => patch({
+        name
+      }),
+      errorText: errors?.name,
+      disabled: disabled,
+      leftIcon: "user",
+      autoCapitalize: "words",
+      theme: themeOverride
+    }) : null, errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.error,
+      children: errorText
+    }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.helper,
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap
+    },
+    label: {
+      fontSize: theme.typography.fontSize + 1,
+      fontWeight: '600',
+      color: theme.colors.text,
+      marginBottom: theme.spacing.gap
+    },
+    row: {
+      flexDirection: 'row',
+      gap: 12
+    },
+    half: {
+      flex: 1
+    },
+    helper: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      marginTop: -4
+    },
+    error: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error,
+      marginTop: -4
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowCreditCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_FieldFlowMaskedInput","_FieldFlowInput","_ThemeProvider","_defaultTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","formatExpiry","raw","digits","replace","slice","length","FieldFlowCreditCard","value","onChange","label","helperText","errorText","errors","disabled","required","showName","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","patch","partial","jsxs","View","style","wrap","children","Text","jsx","FieldFlowMaskedInput","mask","leftIcon","number","valueMode","onChangeText","_formatted","row","half","FieldFlowInput","placeholder","keyboardType","expiry","text","maxLength","cvc","secureTextEntry","name","autoCapitalize","error","helper","StyleSheet","create","marginBottom","spacing","gap","fontSize","typography","fontWeight","color","colors","flexDirection","flex","helperFontSize","marginTop"],"sourceRoot":"../../../../src","sources":["components/FieldFlowCreditCard/FieldFlowCreditCard.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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