dhre-ui-kit 0.0.292 → 0.0.294

package/lib/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var React$1 = require('react');
 var reactRedux = require('react-redux');
 var reactNative = require('react-native');
 var Modal = require('react-native-modal');
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
 var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
 var Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
 var LottieView__default = /*#__PURE__*/_interopDefaultLegacy(LottieView);
@@ -302,7 +302,7 @@ const theme = {
   }
 };
 
-const ThemeContext = React.createContext(void 0);
+const ThemeContext = React$1.createContext(void 0);
 const ThemeProvider = ({ children }) => {
   const mode = reactRedux.useSelector((state) => state.theme.currentTheme);
   const filteredTheme = Object.keys(theme).reduce((acc, key) => {
@@ -312,7 +312,7 @@ const ThemeProvider = ({ children }) => {
   return /* @__PURE__ */ React__default["default"].createElement(ThemeContext.Provider, { value: { theme: filteredTheme, mode } }, children);
 };
 const useTheme = () => {
-  const context = React.useContext(ThemeContext);
+  const context = React$1.useContext(ThemeContext);
   if (context === void 0) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -1039,8 +1039,8 @@ const Checkbox = ({
   containerStyle,
   onPress
 }) => {
-  const [checked, setChecked] = React.useState(isChecked || false);
-  React.useEffect(() => {
+  const [checked, setChecked] = React$1.useState(isChecked || false);
+  React$1.useEffect(() => {
     setChecked(isChecked);
   }, [isChecked]);
   const handlePress = () => {
@@ -1123,7 +1123,7 @@ const CustomDropdown$1 = ({
   upArrowIcon,
   downArrowIcon
 }) => {
-  const [showOptions, setShowOptions] = React.useState(false);
+  const [showOptions, setShowOptions] = React$1.useState(false);
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID: testId }, /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
@@ -1252,10 +1252,10 @@ const CustomTextInput = ({
   searchIcon,
   ...props
 }) => {
-  const [value, setValue] = React.useState("");
-  const [isFocused, setIsFocused] = React.useState(false);
-  const [error, setError] = React.useState(!!errorMessage);
-  const [isSecureTextEntry, setIsSecureTextEntry] = React.useState(secureTextEntry);
+  const [value, setValue] = React$1.useState("");
+  const [isFocused, setIsFocused] = React$1.useState(false);
+  const [error, setError] = React$1.useState(!!errorMessage);
+  const [isSecureTextEntry, setIsSecureTextEntry] = React$1.useState(secureTextEntry);
   const onFocus = () => {
     handleFocus?.();
     setIsFocused(true);
@@ -1574,7 +1574,7 @@ const CustomProgressBar = ({
   valueTextStyle,
   percentageTextStyle
 }) => {
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     const progressInterval = setInterval(() => {
       if (progress < value) {
         setProgress((prevProgress) => prevProgress + increment);
@@ -1749,7 +1749,7 @@ const Tabs = ({
   style
 }) => {
   const { theme } = useTheme();
-  const [data, setData] = React.useState(
+  const [data, setData] = React$1.useState(
     options.map((option) => ({
       title: option,
       id: option,
@@ -1832,7 +1832,7 @@ const Tags = ({
   icon,
   iconStyle
 }) => {
-  const [selectedTags, setSelectedTags] = React.useState([]);
+  const [selectedTags, setSelectedTags] = React$1.useState([]);
   const toggleTag = (tag) => {
     setSelectedTags((prevSelectedTags) => {
       const selectedTagsSet = new Set(prevSelectedTags);
@@ -1930,11 +1930,11 @@ const CustomSwitch = ({
   trackWidth = type !== ToggleButtonType.SMALL ? 35 : 15,
   width = type !== ToggleButtonType.SMALL ? 60 : 40
 }) => {
-  const [isOn, setIsOn] = React.useState(value);
-  const animatedValue = React.useRef(
+  const [isOn, setIsOn] = React$1.useState(value);
+  const animatedValue = React$1.useRef(
     new reactNative.Animated.Value(value ? trackWidth : 0)
   ).current;
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     reactNative.Animated.timing(animatedValue, {
       toValue: isOn ? trackWidth : 0,
       duration: 200,
@@ -2016,18 +2016,18 @@ const Accordion = ({
   icon,
   titleVariant = "B4_REGULAR"
 }) => {
-  const contentRef = React.useRef(null);
-  const [animation] = React.useState(new reactNative.Animated.Value(0));
-  const [contentHeight, setContentHeight] = React.useState(0);
+  const contentRef = React$1.useRef(null);
+  const [animation] = React$1.useState(new reactNative.Animated.Value(0));
+  const [contentHeight, setContentHeight] = React$1.useState(0);
   const { theme } = useTheme();
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     if (contentRef.current) {
       contentRef.current.measure((x, y, width, height) => {
         setContentHeight(height);
       });
     }
   }, [isOpen]);
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     reactNative.Animated.timing(animation, {
       toValue: isOpen ? 1 : 0,
       duration: 300,
@@ -2122,14 +2122,14 @@ const styles$l = reactNative.StyleSheet.create({
 
 const Toast = React__default["default"].forwardRef(
   ({ sucessIcon, errorIcon }, ref) => {
-    const [visible, setVisible] = React.useState(false);
-    const [message, setMessage] = React.useState("");
-    const [isSuccess, setIsSuccess] = React.useState(true);
-    const [btnText, setBtnText] = React.useState(null);
-    const [onBtnPress, setOnBtnPress] = React.useState(null);
-    const [progress, setProgress] = React.useState(0);
-    const [height, setHeight] = React.useState(72);
-    const bottom = React.useRef(new reactNative.Animated.Value(-80)).current;
+    const [visible, setVisible] = React$1.useState(false);
+    const [message, setMessage] = React$1.useState("");
+    const [isSuccess, setIsSuccess] = React$1.useState(true);
+    const [btnText, setBtnText] = React$1.useState(null);
+    const [onBtnPress, setOnBtnPress] = React$1.useState(null);
+    const [progress, setProgress] = React$1.useState(0);
+    const [height, setHeight] = React$1.useState(72);
+    const bottom = React$1.useRef(new reactNative.Animated.Value(-80)).current;
     const showToast = (toastMessage, duration = 3e3, success = true, buttonText = null, buttonAction = null, height2 = 72) => {
       setMessage(toastMessage);
       setIsSuccess(success);
@@ -2159,7 +2159,7 @@ const Toast = React__default["default"].forwardRef(
     const simulateProgress = () => {
       setProgress((prev) => prev + 0.1 > 1 ? 1 : prev + 0.1);
     };
-    React.useEffect(() => {
+    React$1.useEffect(() => {
       if (visible) {
         setProgress(0);
         const interval = setInterval(simulateProgress, 180);
@@ -2427,8 +2427,8 @@ const SwipableList = (props) => {
     titleStyle
   } = props;
   const { theme } = useTheme();
-  const [currentOpenId, setCurrentOpenId] = React.useState(null);
-  const swipeableRefs = React.useRef({});
+  const [currentOpenId, setCurrentOpenId] = React$1.useState(null);
+  const swipeableRefs = React$1.useRef({});
   const closeSwipeable = (id) => {
     swipeableRefs.current[id]?.close();
   };
@@ -2573,6 +2573,18 @@ const CustomIcon = ({
   );
 };
 
+function AnimationWithImperativeApi() {
+  return /* @__PURE__ */ React.createElement(reactNative.View, { style: { flex: 1 } }, /* @__PURE__ */ React.createElement(
+    LottieView__default["default"],
+    {
+      style: { width: "100%", height: "100%" },
+      source: loaderJson,
+      autoPlay: true,
+      loop: true
+    }
+  ));
+}
+
 const HorizontalLine = ({ backgroundColor = "SURFACE_SECONDARY", style }) => {
   const { theme } = useTheme();
   return /* @__PURE__ */ React__default["default"].createElement(
@@ -2860,7 +2872,7 @@ const styles$d = reactNative.StyleSheet.create({
 
 const DateRangePicker = (props) => {
   const { onButtonPress, btnTitle = "Apply" } = props;
-  const [selectedRange, setSelectedRange] = React.useState({
+  const [selectedRange, setSelectedRange] = React$1.useState({
     startDate: "",
     endDate: ""
   });
@@ -3041,14 +3053,14 @@ const styles$b = reactNative.StyleSheet.create({
   },
   badge: {
     position: "absolute",
-    top: -5,
     right: -5,
     minWidth: 20,
     height: 20,
     borderRadius: 10,
     justifyContent: "center",
     alignItems: "center",
-    backgroundColor: "#F5524A"
+    backgroundColor: "#F5524A",
+    top: -4
   },
   badgeText: {
     ...FONT_STYLES.L3_BOLD,
@@ -3079,7 +3091,7 @@ const ScrollableList = ({
   errorStyle,
   activeTextStyle
 }) => {
-  const [selectedItem, setSelectedItem] = React.useState(
+  const [selectedItem, setSelectedItem] = React$1.useState(
     data && data.length > 0 ? data[0].name : null
   );
   const { theme } = useTheme();
@@ -3294,10 +3306,10 @@ const CountryDropDown = ({
   errorMessage,
   label
 }) => {
-  const [countryCode, setCountryCode] = React.useState(defaultCountryCode);
-  const [callingCode, setCallingCode] = React.useState(defaultCallingCode);
-  const [pickerVisible, setPickerVisible] = React.useState(false);
-  const [isFocused, setIsFocused] = React.useState(false);
+  const [countryCode, setCountryCode] = React$1.useState(defaultCountryCode);
+  const [callingCode, setCallingCode] = React$1.useState(defaultCallingCode);
+  const [pickerVisible, setPickerVisible] = React$1.useState(false);
+  const [isFocused, setIsFocused] = React$1.useState(false);
   const handleSelect = (country) => {
     setCountryCode(country.cca2);
     setCallingCode(`+${country.callingCode[0]}`);
@@ -3543,8 +3555,8 @@ const CustomDropdown = (props) => {
     selectedItemTextStyle,
     disable
   } = props;
-  const [value, setValue] = React.useState(defaultValue);
-  const [isFocus, setIsFocus] = React.useState(false);
+  const [value, setValue] = React$1.useState(defaultValue);
+  const [isFocus, setIsFocus] = React$1.useState(false);
   const renderLabel = () => {
     if (value || isFocus) {
       return /* @__PURE__ */ React__default["default"].createElement(
@@ -3702,12 +3714,12 @@ const CustomSwitchBtn = ({
   inActiveTextStyle,
   circleStyle
 }) => {
-  const [animatedValue] = React.useState(new reactNative.Animated.Value(value ? 1 : 0));
+  const [animatedValue] = React$1.useState(new reactNative.Animated.Value(value ? 1 : 0));
   const translateX = animatedValue.interpolate({
     inputRange: [0, 1],
     outputRange: [0, 28]
   });
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     reactNative.Animated.timing(animatedValue, {
       toValue: value ? 1 : 0,
       duration: 300,
@@ -3909,10 +3921,10 @@ const CustomDocumentPicker = ({
   uploadIcon,
   deleteIcon
 }) => {
-  const [error, setError] = React.useState("");
-  const [docDetails, setDocDetails] = React.useState();
+  const [error, setError] = React$1.useState("");
+  const [docDetails, setDocDetails] = React$1.useState();
   const { theme } = useTheme();
-  const pickDocument = React.useCallback(async () => {
+  const pickDocument = React$1.useCallback(async () => {
     try {
       const res = await DocumentPicker__default["default"].pickSingle({
         type: fileTypes
@@ -3937,7 +3949,7 @@ const CustomDocumentPicker = ({
       }
     }
   }, [fileTypes, maxFileSize, onDocumentUpload]);
-  const removeDocument = React.useCallback(() => {
+  const removeDocument = React$1.useCallback(() => {
     setDocDetails(void 0);
   }, []);
   return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(
@@ -3977,7 +3989,7 @@ const CustomDocumentPicker = ({
     }
   ));
 };
-var CustomDocumentPicker$1 = withThemeProvider(React.memo(CustomDocumentPicker));
+var CustomDocumentPicker$1 = withThemeProvider(React$1.memo(CustomDocumentPicker));
 
 const styles$5 = reactNative.StyleSheet.create({
   textInputContainer: {
@@ -4037,11 +4049,11 @@ const OTPInput = React__default["default"].forwardRef(
     timerToResend = 6e4,
     timerIcon
   }, ref) => {
-    const [otp, setOTP] = React.useState("");
-    const [isResendOtpEnable, setIsResendOtpEnable] = React.useState(false);
-    const [activeInput, setActiveInput] = React.useState(null);
-    const [resendOTPCount, setResendOTPCount] = React.useState(0);
-    const [errorMessageMaxReachCount, setErrorMessageMaxReachCount] = React.useState("");
+    const [otp, setOTP] = React$1.useState("");
+    const [isResendOtpEnable, setIsResendOtpEnable] = React$1.useState(false);
+    const [activeInput, setActiveInput] = React$1.useState(null);
+    const [resendOTPCount, setResendOTPCount] = React$1.useState(0);
+    const [errorMessageMaxReachCount, setErrorMessageMaxReachCount] = React$1.useState("");
     const filteredTheme = Object?.keys(theme)?.reduce(
       (acc, key) => {
         acc[key] = theme[key][mode];
@@ -4050,8 +4062,8 @@ const OTPInput = React__default["default"].forwardRef(
       {}
     );
     const { theme: theme$1 } = mode ? { theme: filteredTheme } : useTheme();
-    const [timeLeft, setTimeLeft] = React.useState(60);
-    React.useEffect(() => {
+    const [timeLeft, setTimeLeft] = React$1.useState(60);
+    React$1.useEffect(() => {
       let timer;
       if (!isResendOtpEnable && timeLeft > 0) {
         timer = setInterval(() => {
@@ -4062,9 +4074,9 @@ const OTPInput = React__default["default"].forwardRef(
       }
       return () => clearInterval(timer);
     }, [timeLeft, isResendOtpEnable]);
-    const refs = React.useRef([]);
+    const refs = React$1.useRef([]);
     refs.current = Array(length).fill(0).map((_, index) => refs.current[index] || null);
-    React.useEffect(() => {
+    React$1.useEffect(() => {
       enableResendOtp();
     }, []);
     const onClickResendOTP = () => {
@@ -4094,7 +4106,7 @@ const OTPInput = React__default["default"].forwardRef(
         setTimeLeft(timerToResend / 1e3);
       }, timerToResend);
     };
-    React.useEffect(() => {
+    React$1.useEffect(() => {
       if (reactNative.Platform.OS === "android") {
         onStartListeningOtp();
       }
@@ -4150,7 +4162,7 @@ const OTPInput = React__default["default"].forwardRef(
         refs.current[index - 1]?.focus();
       }
     };
-    React.useEffect(() => {
+    React$1.useEffect(() => {
       if (otp.length === length) {
         onComplete?.(otp);
       }
@@ -4454,12 +4466,12 @@ const CustomSlideButton = React__default["default"].forwardRef(
     sliderTextColor = "#000",
     resetTimer = 2e3
   }, ref) => {
-    const value = React.useRef(0);
-    const cardRef = React.useRef(null);
-    const [translateX] = React.useState(new reactNative.Animated.Value(0));
-    const sliderConteinerRef = React.useRef(null);
-    const [color, setColor] = React.useState(new reactNative.Animated.Value(0));
-    const [sliderBackgroundColorRef, setSliderBackgroundColorRef] = React.useState(new reactNative.Animated.Value(0));
+    const value = React$1.useRef(0);
+    const cardRef = React$1.useRef(null);
+    const [translateX] = React$1.useState(new reactNative.Animated.Value(0));
+    const sliderConteinerRef = React$1.useRef(null);
+    const [color, setColor] = React$1.useState(new reactNative.Animated.Value(0));
+    const [sliderBackgroundColorRef, setSliderBackgroundColorRef] = React$1.useState(new reactNative.Animated.Value(0));
     React__default["default"].useImperativeHandle(ref, () => ({
       reset() {
         resetAll();
@@ -4943,7 +4955,7 @@ const styles = reactNative.StyleSheet.create({
 });
 
 const RadioButtonGroup = ({ data, onSelect, containerStyle, labelStyle, optionContainerStyle }) => {
-  const [selectedOption, setSelectedOption] = React.useState(data[0]?.value);
+  const [selectedOption, setSelectedOption] = React$1.useState(data[0]?.value);
   const handleSelect = (item) => {
     setSelectedOption(item.value);
     onSelect(item);
@@ -4976,6 +4988,7 @@ const RadioButtonGroup = ({ data, onSelect, containerStyle, labelStyle, optionCo
 };
 
 exports.Accordion = Accordion$1;
+exports.AnimationLoitte = AnimationWithImperativeApi;
 exports.AppointmentCard = index$1;
 exports.Badge = Badge$1;
 exports.BottomDrawer = BottomDrawer;