rn-inputforge 0.4.0 → 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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAQA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAqF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA2BrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAGjC;EACAC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChB,GAAGC;AAC0C,CAAC,EAAE;EAChD,oBACE,IAAAV,WAAA,CAAAW,GAAA,EAACd,cAAA,CAAAe,UAAU;IACTP,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BK,MAAM,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBAC5B,IAAAf,WAAA,CAAAW,GAAA,EAACb,eAAA,CAAAkB,cAAc;MAAA,GACTN,UAAU;MACdO,GAAG,EAAEH,KAAK,CAACG,GAA4B;MACvCC,KAAK,EAAEJ,KAAK,CAACI,KAAK,IAAI,IAAI,GAAG,EAAE,GAAGC,MAAM,CAACL,KAAK,CAACI,KAAK,CAAE;MACtDE,YAAY,EAAEN,KAAK,CAACO,QAAS;MAC7BC,MAAM,EAAER,KAAK,CAACQ,MAAO;MACrBC,SAAS,EAAEd,SAAS,GAAGM,UAAU,CAACS,KAAK,EAAEC,OAAO,GAAGC,SAAU;MAC7DC,QAAQ,EAAElB,SAAS,GAAGmB,OAAO,CAACb,UAAU,CAACS,KAAK,CAAC,GAAGE;IAAU,CAC7D;EACD,CACH,CAAC;AAEN;AAeA;AACA;AACA;AACO,SAASG,uBAAuBA,CAGrC;EACAxB,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChB,GAAGqB;AAC8C,CAAC,EAAE;EACpD,oBACE,IAAA9B,WAAA,CAAAW,GAAA,EAACd,cAAA,CAAAe,UAAU;IACTP,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BK,MAAM,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBAC5B,IAAAf,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAgC,aAAa;MAAA,GACRD,SAAS;MACbZ,KAAK,EAAEc,KAAK,CAACC,OAAO,CAACnB,KAAK,CAACI,KAAK,CAAC,GAAGJ,KAAK,CAACI,KAAK,GAAG,EAAG;MACrDG,QAAQ,EAAEP,KAAK,CAACO,QAAS;MACzBE,SAAS,EAAEd,SAAS,GAAGM,UAAU,CAACS,KAAK,EAAEC,OAAO,GAAGC,SAAU;MAC7DC,QAAQ,EAAElB,SAAS,GAAGmB,OAAO,CAACb,UAAU,CAACS,KAAK,CAAC,GAAGE;IAAU,CAC7D;EACD,CACH,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACO,SAASQ,sBAAsBA,CAACC,IAMtC,EAA6F;EAC5F,MAAM;IAAEjB,KAAK;IAAEG,QAAQ;IAAEC,MAAM;IAAEc,YAAY;IAAE3B,SAAS,GAAG;EAAK,CAAC,GAAG0B,IAAI;EACxE,OAAO;IACLjB,KAAK,EAAEA,KAAK,IAAI,IAAI,GAAG,EAAE,GAAGC,MAAM,CAACD,KAAK,CAAC;IACzCE,YAAY,EAAEC,QAAQ;IACtBC,MAAM;IACNC,SAAS,EAAEd,SAAS,GAAG2B,YAAY,GAAGV,SAAS;IAC/CC,QAAQ,EAAElB,SAAS,GAAGmB,OAAO,CAACQ,YAAY,CAAC,GAAGV;EAChD,CAAC;AACH","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/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":[]}

package/lib/commonjs/components/FieldFlowDraftBanner/FieldFlowDraftBanner.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowDraftBanner = FieldFlowDraftBanner;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _renderIcon = require("../../icons/renderIcon");
+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 formatRelativeTime(savedAt) {
+  const delta = Math.max(0, Date.now() - savedAt);
+  const minutes = Math.floor(delta / 60000);
+  if (minutes < 1) return 'just now';
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ago`;
+}
+
+/**
+ * Themed “Resume where you left off?” banner for `useFieldFlowDraft`.
+ */
+function FieldFlowDraftBanner({
+  visible,
+  savedAt,
+  title = 'Resume your draft?',
+  subtitle,
+  resumeLabel = 'Resume',
+  discardLabel = 'Discard',
+  onResume,
+  onDiscard,
+  containerStyle,
+  titleStyle,
+  subtitleStyle,
+  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 resolvedSubtitle = subtitle ?? (savedAt ? `Saved ${formatRelativeTime(savedAt)}. Pick up where you left off.` : 'Pick up where you left off.');
+  if (!visible) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.banner, containerStyle],
+    testID: testID,
+    accessibilityRole: "summary",
+    accessibilityLabel: `${title}. ${resolvedSubtitle}`,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.iconWrap,
+      children: (0, _renderIcon.renderFieldFlowIcon)('file', theme.colors.borderFocused, 18)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.copy,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.title, titleStyle],
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.subtitle, subtitleStyle],
+        children: resolvedSubtitle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.actions,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onDiscard,
+        hitSlop: 6,
+        accessibilityRole: "button",
+        accessibilityLabel: discardLabel,
+        style: styles.ghostBtn,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.ghostText,
+          children: discardLabel
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onResume,
+        hitSlop: 6,
+        accessibilityRole: "button",
+        accessibilityLabel: resumeLabel,
+        style: styles.primaryBtn,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.primaryText,
+          children: resumeLabel
+        })
+      })]
+    })]
+  });
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    banner: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      gap: theme.spacing.gap,
+      padding: theme.spacing.paddingHorizontal,
+      marginBottom: theme.spacing.gap * 2,
+      borderRadius: theme.spacing.borderRadius,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.borderFocused,
+      backgroundColor: theme.colors.background
+    },
+    iconWrap: {
+      width: 32,
+      height: 32,
+      borderRadius: 8,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    copy: {
+      flex: 1,
+      minWidth: 140
+    },
+    title: {
+      fontSize: theme.typography.fontSize,
+      fontWeight: '600',
+      color: theme.colors.text,
+      fontFamily: theme.typography.fontFamily
+    },
+    subtitle: {
+      marginTop: 2,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      fontFamily: theme.typography.fontFamily
+    },
+    actions: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: theme.spacing.gap
+    },
+    ghostBtn: {
+      paddingHorizontal: 10,
+      paddingVertical: 8
+    },
+    ghostText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      fontWeight: '500'
+    },
+    primaryBtn: {
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.borderFocused
+    },
+    primaryText: {
+      fontSize: theme.typography.helperFontSize,
+      color: '#FFFFFF',
+      fontWeight: '600'
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowDraftBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_renderIcon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","formatRelativeTime","savedAt","delta","Math","max","Date","now","minutes","floor","hours","days","FieldFlowDraftBanner","visible","title","subtitle","resumeLabel","discardLabel","onResume","onDiscard","containerStyle","titleStyle","subtitleStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","resolvedSubtitle","jsxs","View","style","banner","accessibilityRole","accessibilityLabel","children","jsx","iconWrap","renderFieldFlowIcon","colors","borderFocused","copy","Text","actions","Pressable","onPress","hitSlop","ghostBtn","ghostText","primaryBtn","primaryText","StyleSheet","create","flexDirection","flexWrap","alignItems","gap","spacing","padding","paddingHorizontal","marginBottom","borderRadius","borderWidth","borderColor","backgroundColor","background","width","height","justifyContent","backgroundDisabled","flex","minWidth","fontSize","typography","fontWeight","color","text","fontFamily","marginTop","helperFontSize","label","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/FieldFlowDraftBanner/FieldFlowDraftBanner.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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