@space-uy/pulsar-ui 0.11.2 → 0.11.3

package/src/components/OtpInput.tsx

@@ -1,109 +1,238 @@
-import {
-  forwardRef,
-  useCallback,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {
   type NativeSyntheticEvent,
   StyleSheet,
-  TextInput,
-  type TextInputProps,
+  TextInput as RNTextInput,
   type TextInputKeyPressEventData,
+  View,
 } from 'react-native';
-import { convertHexToRgba } from '../utils/uiUtils';
+
+import InputContainer from './InputContainer';
+import Text from './Text';
 import useTheme from '../hooks/useTheme';
 
-export const OtpInput = forwardRef<TextInput, TextInputProps>(
-  (
-    {
-      placeholder = '*',
-      style,
-      onChangeText,
-      onKeyPress,
-      editable = true,
-      ...rest
-    }: TextInputProps,
-    ref
-  ) => {
-    const innerRef = useRef<TextInput>(null);
-    const [value, setValue] = useState<string>('');
-    const [innerPlaceholder, setInnerPlaceholder] =
-      useState<string>(placeholder);
-    const { colors } = useTheme();
-
-    useImperativeHandle(ref, () => innerRef.current as TextInput);
-
-    const onFocus = useCallback(() => setInnerPlaceholder(''), []);
-
-    const onBlur = useCallback(() => {
-      if (!value?.length) {
-        setInnerPlaceholder(placeholder);
+type OtpInputProps = {
+  length?: number;
+  value?: string;
+  onChange?: (code: string) => void;
+  secure?: boolean;
+  variant?: 'default' | 'alternative';
+};
+
+export function OtpInput({
+  length = 4,
+  value,
+  onChange,
+  secure = false,
+  variant = 'default',
+}: OtpInputProps) {
+  const { colors } = useTheme();
+  const inputRefs = useRef<Array<RNTextInput | null>>([]);
+  const [values, setValues] = useState<string[]>(() =>
+    new Array(length).fill('')
+  );
+  const [focusedIndex, setFocusedIndex] = useState<number | null>(null);
+
+  const safeLength = useMemo(() => Math.max(1, length), [length]);
+
+  // Sync internal state when `value` or `length` changes from outside.
+  useEffect(() => {
+    const nextValues = new Array(safeLength).fill('');
+    if (value) {
+      const digits = value.replace(/\D/g, '').slice(0, safeLength).split('');
+      for (let i = 0; i < digits.length; i += 1) {
+        nextValues[i] = digits[i];
+      }
+    }
+    setValues(nextValues);
+  }, [safeLength, value]);
+
+  const emitChange = useCallback(
+    (nextValues: string[]) => {
+      onChange?.(nextValues.join(''));
+    },
+    [onChange]
+  );
+
+  const focusCell = useCallback(
+    (index: number | null) => {
+      if (index == null) return;
+      const clampedIndex = Math.min(Math.max(index, 0), safeLength - 1);
+      inputRefs.current[clampedIndex]?.focus();
+      setFocusedIndex(clampedIndex);
+    },
+    [safeLength]
+  );
+
+  const focusFirstEmpty = useCallback(
+    (nextValues: string[]) => {
+      const emptyIndex = nextValues.findIndex((v) => v === '');
+      if (emptyIndex !== -1) {
+        focusCell(emptyIndex);
+      } else {
+        // Si todas las celdas están llenas, focuseamos la última
+        focusCell(safeLength - 1);
+      }
+    },
+    [focusCell, safeLength]
+  );
+
+  const handleChangeText = useCallback(
+    (text: string, index: number) => {
+      const digits = text.replace(/\D/g, '');
+
+      // If nothing meaningful, just clear this cell.
+      if (!digits.length) {
+        const nextValues = [...values];
+        nextValues[index] = '';
+        setValues(nextValues);
+        emitChange(nextValues);
+        focusFirstEmpty(nextValues);
+        return;
       }
-    }, [placeholder, value?.length]);
-
-    const handleChangeText = useCallback(
-      (text: string) => {
-        const regex = /^\d+$/;
-        if (regex.test(text)) {
-          setValue(text);
-          onChangeText?.(text);
-        } else {
-          innerRef.current?.setNativeProps({ text: '' });
+
+      // Más de un dígito a la vez (paste o autofill).
+      if (digits.length > 1) {
+        const hasEmpty = values.some((v) => v === '');
+
+        // Si todas las celdas ya están completas, solo sobreescribimos la última.
+        if (!hasEmpty) {
+          const lastIndex = safeLength - 1;
+          const nextValues = [...values];
+          nextValues[lastIndex] = digits[digits.length - 1] ?? '';
+          setValues(nextValues);
+          emitChange(nextValues);
+          focusCell(lastIndex);
+          return;
         }
-      },
-      [onChangeText]
-    );
-
-    const handleKeyPress = useCallback(
-      (event: NativeSyntheticEvent<TextInputKeyPressEventData>) => {
-        if (event.nativeEvent.key === 'Backspace') {
-          setValue('');
-          innerRef.current?.setNativeProps({ text: '' });
-          if (!innerRef?.current?.isFocused()) {
-            innerRef.current?.setNativeProps({ placeholder: innerPlaceholder });
-          }
+
+        // Paste “normal”: distribuimos los dígitos desde el principio.
+        inputRefs.current[index]?.setNativeProps({ text: '' });
+        const nextValues = new Array(safeLength).fill('');
+        const toFill = digits.slice(0, safeLength).split('');
+        for (let i = 0; i < toFill.length; i += 1) {
+          nextValues[i] = toFill[i];
         }
-        onKeyPress?.(event);
-      },
-      [innerPlaceholder, onKeyPress]
-    );
-
-    return (
-      <TextInput
-        ref={innerRef}
-        {...rest}
-        placeholderTextColor={convertHexToRgba(colors.foreground, 0.5)}
-        style={[
-          styles.container,
-          style,
-          { backgroundColor: colors.background },
-        ]}
-        placeholder={innerPlaceholder}
-        onFocus={onFocus}
-        onBlur={onBlur}
-        onChangeText={handleChangeText}
-        maxLength={1}
-        onKeyPress={handleKeyPress}
-        keyboardType="number-pad"
-        editable={editable}
-        textAlignVertical="center"
-        textAlign="center"
-      />
-    );
-  }
-);
+        setValues(nextValues);
+        emitChange(nextValues);
+        focusFirstEmpty(nextValues);
+        return;
+      }
+
+      // Single digit typed.
+      const nextValues = [...values];
+      nextValues[index] = digits[0] ?? '';
+      setValues(nextValues);
+      emitChange(nextValues);
+
+      // Move focus to the first empty cell (typically the next one).
+      focusFirstEmpty(nextValues);
+    },
+    [emitChange, focusCell, focusFirstEmpty, safeLength, values]
+  );
+
+  const handleKeyPress = useCallback(
+    (event: NativeSyntheticEvent<TextInputKeyPressEventData>) => {
+      if (event.nativeEvent.key !== 'Backspace') return;
+
+      const lastFilledIndex = [...values]
+        .map((v, i) => ({ v, i }))
+        .filter((item) => item.v !== '')
+        .map((item) => item.i)
+        .pop();
+
+      if (lastFilledIndex == null) return;
+
+      const nextValues = [...values];
+      nextValues[lastFilledIndex] = '';
+      setValues(nextValues);
+      emitChange(nextValues);
+      focusCell(lastFilledIndex);
+    },
+    [emitChange, focusCell, values]
+  );
+
+  const cells = useMemo(
+    () => new Array(safeLength).fill(0).map((_, i) => i),
+    [safeLength]
+  );
+
+  return (
+    <View style={styles.root}>
+      {cells.map((cellIndex) => (
+        <InputContainer
+          key={cellIndex}
+          onPress={() => focusCell(cellIndex)}
+          focused={focusedIndex === cellIndex}
+          style={styles.cellWrapper}
+          contentContainerStyle={styles.inputContainer}
+          variant={variant}
+          size="default"
+        >
+          <View style={styles.inputWrapper}>
+            <RNTextInput
+              ref={(ref) => {
+                inputRefs.current[cellIndex] = ref;
+              }}
+              value={values[cellIndex]}
+              style={styles.hiddenInput}
+              keyboardType="number-pad"
+              secureTextEntry={secure}
+              onFocus={() => {
+                // Siempre focuseamos la primera celda vacía (o la última si están todas llenas)
+                focusFirstEmpty(values);
+              }}
+              onBlur={() => {
+                if (focusedIndex === cellIndex) {
+                  setFocusedIndex(null);
+                }
+              }}
+              onChangeText={(text) => handleChangeText(text, cellIndex)}
+              onKeyPress={handleKeyPress}
+              autoCorrect={false}
+              autoCapitalize="none"
+              textContentType="oneTimeCode"
+            />
+            <Text
+              style={[styles.displayText, { color: colors.foreground }]}
+              variant="h3"
+            >
+              {secure && values[cellIndex] ? '●' : values[cellIndex] || ' '}
+            </Text>
+          </View>
+        </InputContainer>
+      ))}
+    </View>
+  );
+}
 
 const styles = StyleSheet.create({
-  container: {
+  root: {
+    flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-    fontSize: 10,
-    fontWeight: 'normal',
-    borderWidth: 1,
-    borderRadius: 8,
-    height: 71,
-    width: 80,
+  },
+  cellWrapper: {
+    flexShrink: 0,
+    width: 40,
+    marginHorizontal: 6,
+  },
+  inputContainer: {
+    paddingHorizontal: 0,
+    justifyContent: 'center',
+  },
+  inputWrapper: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+  },
+  hiddenInput: {
+    ...StyleSheet.absoluteFillObject,
+    opacity: 0,
+  },
+  displayText: {
+    textAlign: 'center',
+    fontSize: 18,
   },
 });

package/src/components/TextArea.tsx

@@ -32,6 +32,7 @@ type Props = TextInputProps & {
   numberOfLines?: number;
   maxLength?: number;
   onChangeText?: (text: string) => void;
+  containerVariant?: 'default' | 'alternative';
 };
 
 export type InputRef = { focus: () => void; blur: () => void };
@@ -44,6 +45,7 @@ export const TextArea = forwardRef<InputRef, Props>(
       error,
       label,
       hint,
+      containerVariant = 'default',
       onBlur,
       onFocus,
       numberOfLines = 4,
@@ -90,6 +92,7 @@ export const TextArea = forwardRef<InputRef, Props>(
         focused={focused}
         disabled={!editable}
         height={numberOfLines * 22}
+        variant={containerVariant}
       >
         <TextInput
           {...rest}

package/src/index.tsx

@@ -21,9 +21,7 @@ export {
 export { convertHexToRgba } from './utils/uiUtils';
 export { default as BottomSheet } from './components/BottomSheet';
 export { default as TextArea } from './components/TextArea';
-export { OtpInputContainer } from './components/OtpInputContainer';
 export { OtpInput } from './components/OtpInput';
-export { type OtpInputContainerRef } from './components/OtpInputContainer';
 export { default as CalendarPicker } from './components/CalendarPicker';
 export { default as Accordion, AccordionItem } from './components/Accordion';
 export { CopyToClipboard } from './components/CopyToClipboard';

package/lib/module/components/OtpInputContainer.js

@@ -1,148 +0,0 @@
-"use strict";
-
-import { forwardRef, useCallback, useRef, useState, createElement as _createElement } from 'react';
-import { Platform, StyleSheet } from 'react-native';
-import { View, Keyboard } from 'react-native';
-import { OtpInput } from "./OtpInput.js";
-import useTheme from "../hooks/useTheme.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const OtpInputContainer = /*#__PURE__*/forwardRef(({
-  length = 4,
-  inputProps,
-  inputStyle,
-  containerProps,
-  containerStyle,
-  onFillEnded,
-  autoFocus = true,
-  editable = true
-}, _) => {
-  const isIOS = Platform.OS === 'ios';
-  const pins = Array.from({
-    length
-  }).map((__, i) => i);
-  const inputRefs = useRef([]);
-  const pinsValues = useRef([]);
-  const iosOTP = useRef({
-    key: '',
-    index: null
-  });
-  const timeoutRefs = useRef([]);
-  const [maskedPins, setMaskedPins] = useState(new Array(length).fill(false));
-  const {
-    colors
-  } = useTheme();
-  const maskPin = useCallback(index => {
-    setMaskedPins(prev => {
-      const newMasked = [...prev];
-      newMasked[index] = true;
-      return newMasked;
-    });
-  }, []);
-  const handleOTP = useCallback(otp => {
-    const regexp = new RegExp(`[0-9]{${length}}`);
-    const otps = otp.match(regexp);
-    if (otps?.length) {
-      const otpSplits = otp.split('');
-      otpSplits.forEach((otpSplit, i) => inputRefs?.current[i]?.setNativeProps({
-        text: otpSplit
-      }));
-      onFillEnded?.(otp);
-      iosOTP.current = {
-        key: '',
-        index: null
-      };
-      Keyboard.dismiss();
-      return true;
-    }
-    return false;
-  }, [length, onFillEnded]);
-  const handleChangeText = useCallback(async (text, index) => {
-    pinsValues.current[index] = text;
-    if (timeoutRefs.current[index]) {
-      clearTimeout(timeoutRefs.current[index]);
-    }
-    setMaskedPins(prev => {
-      const newMasked = [...prev];
-      newMasked[index] = false;
-      return newMasked;
-    });
-    timeoutRefs.current[index] = setTimeout(() => {
-      maskPin(index);
-    }, 500);
-    if (index + 1 <= pins.length - 1) {
-      inputRefs?.current[index + 1]?.focus();
-    } else {
-      onFillEnded?.(pinsValues.current.join(''));
-      Keyboard.dismiss();
-    }
-  }, [maskPin, pins.length, onFillEnded]);
-  const onKeyPress = useCallback((event, index) => {
-    event.persist();
-    if (isIOS && Number.isInteger(Number(event.nativeEvent.key))) {
-      if (iosOTP.current.index === null) {
-        iosOTP.current = {
-          key: event.nativeEvent.key,
-          index
-        };
-      } else {
-        if (iosOTP.current.index === index) {
-          iosOTP.current = {
-            key: `${iosOTP.current.key}${event.nativeEvent.key}`,
-            index
-          };
-        } else {
-          iosOTP.current = {
-            key: '',
-            index: null
-          };
-        }
-      }
-      if (iosOTP.current.key.length === length) {
-        handleOTP(iosOTP.current.key);
-        return;
-      }
-    }
-    if (event.nativeEvent.key === 'Backspace') {
-      onFillEnded?.('');
-      iosOTP.current = {
-        key: '',
-        index: null
-      };
-      if (index - 1 >= 0) {
-        inputRefs?.current[index - 1]?.focus();
-      }
-    }
-  }, [handleOTP, length, onFillEnded, isIOS]);
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, containerStyle],
-    ...containerProps,
-    children: pins.map(pin => {
-      return /*#__PURE__*/_createElement(OtpInput, {
-        ...inputProps,
-        autoFocus: autoFocus && pin === 0,
-        ref: input => inputRefs?.current.push(input),
-        key: pin,
-        style: [inputStyle, {
-          borderColor: colors.border,
-          color: colors.foreground
-        }],
-        onChangeText: text => handleChangeText(text, pin),
-        onKeyPress: event => onKeyPress(event, pin),
-        autoComplete: "sms-otp",
-        textContentType: "oneTimeCode",
-        keyboardType: "numeric",
-        secureTextEntry: maskedPins[pin],
-        editable: editable
-      });
-    })
-  });
-});
-const styles = StyleSheet.create({
-  container: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-//# sourceMappingURL=OtpInputContainer.js.map

package/lib/module/components/OtpInputContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","useCallback","useRef","useState","createElement","_createElement","Platform","StyleSheet","View","Keyboard","OtpInput","useTheme","jsx","_jsx","OtpInputContainer","length","inputProps","inputStyle","containerProps","containerStyle","onFillEnded","autoFocus","editable","_","isIOS","OS","pins","Array","from","map","__","i","inputRefs","pinsValues","iosOTP","key","index","timeoutRefs","maskedPins","setMaskedPins","fill","colors","maskPin","prev","newMasked","handleOTP","otp","regexp","RegExp","otps","match","otpSplits","split","forEach","otpSplit","current","setNativeProps","text","dismiss","handleChangeText","clearTimeout","setTimeout","focus","join","onKeyPress","event","persist","Number","isInteger","nativeEvent","style","styles","container","children","pin","ref","input","push","borderColor","border","color","foreground","onChangeText","autoComplete","textContentType","keyboardType","secureTextEntry","create","display","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/OtpInputContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/OtpInputContainer.d.ts

@@ -1,17 +0,0 @@
-import { type ViewProps, type TextInputProps } from 'react-native';
-export type OtpInputContainerRef = {
-    clear: () => void;
-};
-type OtpInputContainerProps = {
-    inputProps?: Omit<TextInputProps, 'style' | 'onChangeText' | 'onKeyPress' | 'autoComplete' | 'keyboardType' | 'autoFocus'>;
-    inputStyle?: TextInputProps['style'];
-    containerProps?: Omit<ViewProps, 'style'>;
-    containerStyle?: ViewProps['style'];
-    length?: number;
-    onFillEnded?: (otp: string) => void;
-    autoFocus?: boolean;
-    editable?: boolean;
-};
-export declare const OtpInputContainer: import("react").ForwardRefExoticComponent<OtpInputContainerProps & import("react").RefAttributes<OtpInputContainerRef>>;
-export {};
-//# sourceMappingURL=OtpInputContainer.d.ts.map

package/lib/typescript/src/components/OtpInputContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OtpInputContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInputContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,EACZ,OAAO,GACP,cAAc,GACd,YAAY,GACZ,cAAc,GACd,cAAc,GACd,WAAW,CACd,CAAC;IACF,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yHAsJ7B,CAAC"}