@space-uy/pulsar-ui 0.2.0

package/lib/module/components/IconButton.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import ButtonContainer from "./ButtonContainer.js";
+import Icon from "./Icon.js";
+import LoadingIndicator from "./LoadingIndicator.js";
+import meassures from "../theme/meassures.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const PADDING = 8;
+export default function IconButton({
+  iconName,
+  onPress,
+  size = 'medium',
+  disabled = false,
+  variant = 'flat',
+  loading = false,
+  style,
+  ...rest
+}) {
+  const iconSize = useMemo(() => meassures.button[size] - (size === 'small' ? PADDING : PADDING * 2), [size]);
+  return /*#__PURE__*/_jsx(ButtonContainer, {
+    ...rest,
+    variant: variant,
+    size: size,
+    loading: loading,
+    disabled: disabled,
+    onPress: onPress,
+    hitSlop: {
+      top: PADDING,
+      left: PADDING,
+      right: PADDING,
+      bottom: PADDING
+    },
+    style: [style, {
+      width: meassures.button[size]
+    }],
+    contentContainerStyle: [styles.container, {
+      padding: size === 'small' ? PADDING / 2 : PADDING
+    }],
+    renderContent: colors => loading ? /*#__PURE__*/_jsx(LoadingIndicator, {
+      size: iconSize,
+      color: colors.textColor
+    }) : /*#__PURE__*/_jsx(Icon, {
+      name: iconName,
+      size: iconSize,
+      color: colors.textColor
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","rest","iconSize","button","hitSlop","top","left","right","bottom","width","contentContainerStyle","styles","container","padding","renderContent","colors","color","textColor","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU3C,MAAMC,OAAO,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,MAAM;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACL,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGlB,OAAO,CACtB,MAAMK,SAAS,CAACc,MAAM,CAACP,IAAI,CAAC,IAAIA,IAAI,KAAK,OAAO,GAAGJ,OAAO,GAAGA,OAAO,GAAG,CAAC,CAAC,EACzE,CAACI,IAAI,CACP,CAAC;EAED,oBACEL,IAAA,CAACL,eAAe;IAAA,GACVe,IAAI;IACRH,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnBF,OAAO,EAAEA,OAAQ;IACjBS,OAAO,EAAE;MAAEC,GAAG,EAAEb,OAAO;MAAEc,IAAI,EAAEd,OAAO;MAAEe,KAAK,EAAEf,OAAO;MAAEgB,MAAM,EAAEhB;IAAQ,CAAE;IAC1EQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAES,KAAK,EAAEpB,SAAS,CAACc,MAAM,CAACP,IAAI;IAAE,CAAC,CAAE;IAClDc,qBAAqB,EAAE,CACrBC,MAAM,CAACC,SAAS,EAChB;MAAEC,OAAO,EAAEjB,IAAI,KAAK,OAAO,GAAGJ,OAAO,GAAG,CAAC,GAAGA;IAAQ,CAAC,CACrD;IACFsB,aAAa,EAAGC,MAAoB,IAClChB,OAAO,gBACLR,IAAA,CAACH,gBAAgB;MAACQ,IAAI,EAAEM,QAAS;MAACc,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE,CAAC,gBAE7D1B,IAAA,CAACJ,IAAI;MAAC+B,IAAI,EAAExB,QAAS;MAACE,IAAI,EAAEM,QAAS;MAACc,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE;EAEnE,CACF,CAAC;AAEN;AAEA,MAAMN,MAAM,GAAG1B,UAAU,CAACkC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IAAEQ,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AAC9D,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Input.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { TextInput, StyleSheet, Platform } from 'react-native';
+import InputContainer from "./InputContainer.js";
+import IconButton from "./IconButton.js";
+import useTheme from "../hooks/useTheme.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Input = /*#__PURE__*/forwardRef(({
+  style,
+  onChangeText,
+  value,
+  editable = true,
+  error,
+  label,
+  hint,
+  variant = 'text',
+  onBlur,
+  onFocus,
+  iconName,
+  clearable = false,
+  ...rest
+}, ref) => {
+  const [focused, setFocused] = useState(false);
+  const [showPassword, setShowPassword] = useState(false);
+  const {
+    colors,
+    theme
+  } = useTheme();
+  const inputRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    focus: () => inputRef.current?.focus(),
+    blur: () => inputRef.current?.blur()
+  }));
+  const handleFocus = e => {
+    setFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setFocused(false);
+    onBlur?.(e);
+  };
+  const renderRightButton = (name, onPress) => /*#__PURE__*/_jsx(IconButton, {
+    style: styles.button,
+    iconName: name,
+    size: "small",
+    variant: "transparent",
+    onPress: onPress,
+    disabled: !editable,
+    hitSlop: {
+      top: 8,
+      bottom: 8,
+      left: 8,
+      right: 8
+    }
+  });
+  return /*#__PURE__*/_jsxs(InputContainer, {
+    style: style,
+    label: label,
+    hint: hint,
+    error: error,
+    onPress: () => inputRef.current?.focus(),
+    contentContainerStyle: styles.container,
+    focused: focused,
+    disabled: !editable,
+    iconName: iconName,
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      ...rest,
+      value: value,
+      onChangeText: onChangeText,
+      ref: inputRef,
+      style: [styles.input, {
+        fontFamily: theme.fonts.regular,
+        color: colors.foreground,
+        // @ts-ignore
+        caretColor: colors.primary // This to make the cursor color match the primary color on web
+      }, Platform.OS === 'web' && styles.webInput],
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      placeholderTextColor: convertHexToRgba(colors.foreground, 0.5),
+      editable: editable,
+      secureTextEntry: variant === 'password' && !showPassword,
+      cursorColor: colors.primary,
+      selectionColor: convertHexToRgba(colors.primary, Platform.OS === 'android' ? 0.15 : 1),
+      selectionHandleColor: colors.primary
+    }), clearable && value && variant !== 'password' && renderRightButton('CircleX', () => onChangeText?.('')), variant === 'password' && renderRightButton(showPassword ? 'EyeClosed' : 'Eye', () => setShowPassword(!showPassword))]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  input: {
+    flex: 1,
+    fontSize: 14
+  },
+  button: {
+    marginStart: 8,
+    opacity: 0.8
+  },
+  icon: {
+    marginEnd: 8
+  },
+  webInput: {
+    outlineWidth: 0
+  } // To remove native focus outline on web
+});
+export default Input;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useImperativeHandle","useRef","useState","TextInput","StyleSheet","Platform","InputContainer","IconButton","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Input","style","onChangeText","value","editable","error","label","hint","variant","onBlur","onFocus","iconName","clearable","rest","ref","focused","setFocused","showPassword","setShowPassword","colors","theme","inputRef","focus","current","blur","handleFocus","e","handleBlur","renderRightButton","name","onPress","styles","button","size","disabled","hitSlop","top","bottom","left","right","contentContainerStyle","container","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","placeholderTextColor","secureTextEntry","cursorColor","selectionColor","selectionHandleColor","create","flexDirection","alignItems","flex","fontSize","marginStart","opacity","icon","marginEnd","outlineWidth"],"sourceRoot":"../../../src","sources":["components/Input.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/InputContainer.js

@@ -0,0 +1,104 @@
+"use strict";
+
+import { useEffect, useMemo } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import Animated, { interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import Text from "./Text.js";
+import Icon from "./Icon.js";
+import useTheme from "../hooks/useTheme.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const INACTIVE = -1;
+const ACTIVE = 0;
+const ERROR = 1;
+export default function InputContainer({
+  style,
+  contentContainerStyle,
+  error,
+  hint,
+  label,
+  onPress,
+  focused,
+  children,
+  size = 'default',
+  disabled,
+  height,
+  iconName
+}) {
+  const status = useSharedValue(INACTIVE);
+  const isFocused = useSharedValue(0);
+  const {
+    colors,
+    theme
+  } = useTheme();
+  const animStyle = useAnimatedStyle(() => ({
+    borderColor: interpolateColor(status.value, [INACTIVE, ACTIVE, ERROR], [colors.border, colors.primary, colors.destructive])
+  }));
+  const iconAnimStyle = useAnimatedStyle(() => {
+    return {
+      opacity: interpolate(isFocused.value, [0, 1], [1, 0]),
+      width: interpolate(isFocused.value, [0, 1], [24, 0])
+    };
+  });
+  useEffect(() => {
+    const _status = focused ? ACTIVE : INACTIVE;
+    status.value = withTiming(error ? ERROR : _status, {
+      duration: 300
+    });
+    isFocused.value = withTiming(focused ? 1 : 0, {
+      duration: 300
+    });
+  }, [error, status, focused, isFocused]);
+  const containerHeight = useMemo(() => height ?? (size === 'small' ? 32 : 40), [size, height]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [style, disabled && styles.disabled],
+    children: [!!label && /*#__PURE__*/_jsx(Text, {
+      style: [{
+        color: colors.foreground
+      }, styles.label],
+      variant: "h5",
+      children: label
+    }), /*#__PURE__*/_jsx(Pressable, {
+      onPress: onPress,
+      disabled: disabled,
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: [animStyle, styles.container, {
+          height: containerHeight,
+          borderRadius: theme.roundness
+        }, contentContainerStyle],
+        children: [iconName && /*#__PURE__*/_jsx(Animated.View, {
+          style: iconAnimStyle,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: iconName,
+            size: 16,
+            color: convertHexToRgba(colors.foreground, 0.5)
+          })
+        }), children]
+      })
+    }), (hint && !error || error && hint) && /*#__PURE__*/_jsx(Text, {
+      style: styles.hint,
+      variant: "caption",
+      children: hint
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  hint: {
+    marginHorizontal: 8,
+    marginTop: 4
+  },
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    overflow: 'hidden',
+    paddingHorizontal: 12,
+    borderWidth: 1
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  label: {
+    marginBottom: 4
+  }
+});
+//# sourceMappingURL=InputContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","Pressable","StyleSheet","View","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","Text","Icon","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","INACTIVE","ACTIVE","ERROR","InputContainer","style","contentContainerStyle","error","hint","label","onPress","focused","children","size","disabled","height","iconName","status","isFocused","colors","theme","animStyle","borderColor","value","border","primary","destructive","iconAnimStyle","opacity","width","_status","duration","containerHeight","styles","color","foreground","variant","container","borderRadius","roundness","name","create","marginHorizontal","marginTop","flexDirection","alignItems","overflow","paddingHorizontal","borderWidth","marginBottom"],"sourceRoot":"../../../src","sources":["components/InputContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/LoadingIndicator.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { ActivityIndicator, Platform, StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle, withRepeat, withTiming, useSharedValue, Easing } from 'react-native-reanimated';
+import useTheme from "../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function LoadingIndicator({
+  style,
+  color,
+  size = 24
+}) {
+  const rotation = useSharedValue(0);
+  const {
+    colors
+  } = useTheme();
+  const borderColor = color ?? colors.foreground;
+  useEffect(() => {
+    rotation.value = withRepeat(withTiming(360, {
+      duration: 1000,
+      easing: Easing.linear
+    }), -1, false);
+  }, [rotation]);
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        rotate: `${rotation.value}deg`
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      width: size,
+      height: size
+    }, style],
+    children: Platform.OS === 'android' ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: size,
+      color: borderColor
+    }) : /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.circle, {
+        borderTopColor: borderColor,
+        borderLeftColor: borderColor,
+        borderBottomColor: borderColor
+      }, animatedStyle]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  circle: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 999,
+    borderWidth: 2,
+    borderStyle: 'solid',
+    borderRightColor: 'transparent'
+  }
+});
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","ActivityIndicator","Platform","StyleSheet","View","Animated","useAnimatedStyle","withRepeat","withTiming","useSharedValue","Easing","useTheme","jsx","_jsx","LoadingIndicator","style","color","size","rotation","colors","borderColor","foreground","value","duration","easing","linear","animatedStyle","transform","rotate","styles","container","width","height","children","OS","circle","borderTopColor","borderLeftColor","borderBottomColor","create","justifyContent","alignItems","borderRadius","borderWidth","borderStyle","borderRightColor"],"sourceRoot":"../../../src","sources":["components/LoadingIndicator.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,UAAU,EACVC,IAAI,QAGC,cAAc;AACrB,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,EACVC,cAAc,EACdC,MAAM,QACD,yBAAyB;AAEhC,OAAOC,QAAQ,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,eAAe,SAASC,gBAAgBA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI,GAAG;AAAU,CAAC,EAAE;EAC3E,MAAMC,QAAQ,GAAGT,cAAc,CAAC,CAAC,CAAC;EAClC,MAAM;IAAEU;EAAO,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC7B,MAAMS,WAAW,GAAGJ,KAAK,IAAIG,MAAM,CAACE,UAAU;EAE9CrB,SAAS,CAAC,MAAM;IACdkB,QAAQ,CAACI,KAAK,GAAGf,UAAU,CACzBC,UAAU,CAAC,GAAG,EAAE;MAAEe,QAAQ,EAAE,IAAI;MAAEC,MAAM,EAAEd,MAAM,CAACe;IAAO,CAAC,CAAC,EAC1D,CAAC,CAAC,EACF,KACF,CAAC;EACH,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;EAEd,MAAMQ,aAAa,GAAGpB,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MAAEqB,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,GAAGV,QAAQ,CAACI,KAAK;MAAM,CAAC;IAAE,CAAC;EAC5D,CAAC,CAAC;EAEF,oBACET,IAAA,CAACT,IAAI;IAACW,KAAK,EAAE,CAACc,MAAM,CAACC,SAAS,EAAE;MAAEC,KAAK,EAAEd,IAAI;MAAEe,MAAM,EAAEf;IAAK,CAAC,EAAEF,KAAK,CAAE;IAAAkB,QAAA,EAEnE/B,QAAQ,CAACgC,EAAE,KAAK,SAAS,gBACxBrB,IAAA,CAACZ,iBAAiB;MAACgB,IAAI,EAAEA,IAAK;MAACD,KAAK,EAAEI;IAAY,CAAE,CAAC,gBAErDP,IAAA,CAACR,QAAQ,CAACD,IAAI;MACZW,KAAK,EAAE,CACLc,MAAM,CAACM,MAAM,EACb;QACEC,cAAc,EAAEhB,WAAW;QAC3BiB,eAAe,EAAEjB,WAAW;QAC5BkB,iBAAiB,EAAElB;MACrB,CAAC,EACDM,aAAa;IACb,CACH;EACF,CACG,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAG1B,UAAU,CAACoC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE;IACNJ,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdU,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,OAAO;IACpBC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/OtpInput.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import { StyleSheet, TextInput } from 'react-native';
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import useTheme from "../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const OtpInput = /*#__PURE__*/forwardRef(({
+  placeholder = '*',
+  style,
+  onChangeText,
+  onKeyPress,
+  editable = true,
+  ...rest
+}, ref) => {
+  const innerRef = useRef(null);
+  const [value, setValue] = useState('');
+  const [innerPlaceholder, setInnerPlaceholder] = useState(placeholder);
+  const {
+    colors
+  } = useTheme();
+  useImperativeHandle(ref, () => innerRef.current);
+  const onFocus = useCallback(() => setInnerPlaceholder(''), []);
+  const onBlur = useCallback(() => {
+    if (!value?.length) {
+      setInnerPlaceholder(placeholder);
+    }
+  }, [placeholder, value?.length]);
+  const handleChangeText = useCallback(text => {
+    const regex = /^\d+$/;
+    if (regex.test(text)) {
+      setValue(text);
+      onChangeText?.(text);
+    } else {
+      innerRef.current?.setNativeProps({
+        text: ''
+      });
+    }
+  }, [onChangeText]);
+  const handleKeyPress = useCallback(event => {
+    if (event.nativeEvent.key === 'Backspace') {
+      setValue('');
+      innerRef.current?.setNativeProps({
+        text: ''
+      });
+      if (!innerRef?.current?.isFocused()) {
+        innerRef.current?.setNativeProps({
+          placeholder: innerPlaceholder
+        });
+      }
+    }
+    onKeyPress?.(event);
+  }, [innerPlaceholder, onKeyPress]);
+  return /*#__PURE__*/_jsx(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"
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: 10,
+    fontWeight: 'normal',
+    borderWidth: 1,
+    borderRadius: 8,
+    height: 71,
+    width: 80
+  }
+});
+//# sourceMappingURL=OtpInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useImperativeHandle","useRef","useState","StyleSheet","TextInput","convertHexToRgba","useTheme","jsx","_jsx","OtpInput","placeholder","style","onChangeText","onKeyPress","editable","rest","ref","innerRef","value","setValue","innerPlaceholder","setInnerPlaceholder","colors","current","onFocus","onBlur","length","handleChangeText","text","regex","test","setNativeProps","handleKeyPress","event","nativeEvent","key","isFocused","placeholderTextColor","foreground","styles","container","backgroundColor","background","maxLength","keyboardType","textAlignVertical","textAlign","create","alignItems","justifyContent","fontSize","fontWeight","borderWidth","borderRadius","height","width"],"sourceRoot":"../../../src","sources":["components/OtpInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/OtpInputContainer.js

@@ -0,0 +1,148 @@
+"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

@@ -0,0 +1 @@
+{"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":[]}