dhre-ui-kit 0.0.50 → 0.0.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhre-ui-kit",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "main": "src/index.ts",
   "files": [
     "src",

package/src/components/ContactModel/ContactModel.tsx

@@ -17,6 +17,7 @@ interface ContactModalProps {
   visible: boolean;
   onClose: () => void;
   isMailOpen: boolean;
+  data: string;
 }
 
 const ContactModal: React.FC<ContactModalProps> = ({
@@ -24,6 +25,7 @@ const ContactModal: React.FC<ContactModalProps> = ({
   visible,
   onClose,
   isMailOpen,
+  data,
 }) => {
   const handleCall = () => {
     if (Platform.OS === 'ios') {
@@ -33,9 +35,46 @@ const ContactModal: React.FC<ContactModalProps> = ({
     }
     onClose();
   };
+  const openEmail = (recipient: string) => {
+    const mailtoUrl = `mailto:${recipient}?subject=${encodeURIComponent(
+      '',
+    )}&body=${encodeURIComponent('')}`;
 
-  const handleOptionPress = (appName: string) => {
-    console.log(`Opening ${appName}`);
+    if (Platform.OS === 'android') {
+      // Try to open Gmail specifically on Android
+      const gmailUrl = `intent://#Intent;scheme=mailto;package=com.google.android.gm;S.to=${recipient};S.subject=${encodeURIComponent(
+        '',
+      )};S.body=${encodeURIComponent('')};end`;
+
+      // Check if Gmail can be opened
+      Linking.canOpenURL(gmailUrl)
+        .then(supported => {
+          if (supported) {
+            // Open Gmail
+            return Linking.openURL(gmailUrl);
+          } else {
+            // If Gmail is not available, fallback to default mail client
+            console.log('Gmail app not available, opening default mail app');
+            return Linking.openURL(mailtoUrl);
+          }
+        })
+        .catch(err => console.error('Error:', err));
+    } else {
+      // iOS: Use mailto URL to open the default email client
+      Linking.canOpenURL(mailtoUrl)
+        .then(supported => {
+          if (!supported) {
+            console.log('No email client available');
+          } else {
+            return Linking.openURL(mailtoUrl);
+          }
+        })
+        .catch(err => console.error('Error:', err));
+    }
+  };
+
+  const handleOptionPress = () => {
+    openEmail(data);
     onClose();
   };
 
@@ -56,7 +95,7 @@ const ContactModal: React.FC<ContactModalProps> = ({
         <React.Fragment key={option}>
           <Line />
           <Pressable
-            onPress={() => handleOptionPress(option)}
+            onPress={() => handleOptionPress()}
             style={styles.optionButton}>
             <CustomText
               style={styles.optionText}

package/src/components/accordion/Accordion.interface.ts

@@ -6,6 +6,9 @@ export interface AccordionProps {
   testId?: string;
   containerStyle?: ViewStyle;
   titleStyle?: TextStyle;
-  children: React.ReactNode;
   headerStyle?: ViewStyle;
+  children?: React.ReactNode;
+  isOpen: boolean;
+  onToggle: () => void;
+  optionalElement?: () => React.ReactNode; // Update this line
 }

package/src/components/accordion/Accordion.tsx

@@ -15,7 +15,8 @@ const Accordion = ({
   children,
   isOpen,
   onToggle,
-}: AccordionProps & {isOpen: boolean; onToggle: () => void}) => {
+  optionalElement, // Destructure the new prop
+}: AccordionProps) => {
   const contentRef = useRef<View>(null);
   const [animation] = useState(new Animated.Value(0));
   const [contentHeight, setContentHeight] = useState(0);
@@ -55,6 +56,9 @@ const Accordion = ({
           style: styles.iconStyle,
         })}
       </Pressable>
+
+      {optionalElement ? optionalElement() : null}
+
       <Animated.View style={[styles.content, {height: cardHeight}]}>
         <View
           ref={contentRef}

package/src/components/customSearchBar/CustomSearchBar.interface.ts

@@ -16,4 +16,6 @@ export interface CustomSearchBarProps extends TextInputProps {
   disablePlaceHolderStyle?: string;
   enablePlaceHolderStyle?: string;
   borderColor?: string;
+  setValue: (val: string) => void;
+  value: string;
 }

package/src/components/customSearchBar/CustomSearchBar.test.tsx

@@ -11,7 +11,15 @@ const mockProps = {
 
 describe('Custom search bar component', () => {
   it('Component renders correctly', () => {
-    const {getByTestId} = render(<CustomSearchBar {...mockProps} />);
+    const {getByTestId} = render(
+      <CustomSearchBar
+        setValue={(val: string) => {
+          return val;
+        }}
+        value={''}
+        {...mockProps}
+      />,
+    );
     expect(getByTestId(mockProps.testID)).toBeTruthy();
     const textInput = getByTestId('CUSTOM-SEARCH-BAR-INPUT');
     fireEvent.changeText(textInput, 'test@example.com');

package/src/components/customSearchBar/CustomSearchBar.tsx

@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import React from 'react';
 import {Pressable, TextInput, View} from 'react-native';
 import {CrossIcon, SearchIcon} from '../../assets';
 import {moderateScale, verticalScale} from '../../utils/stylehelper';
@@ -6,6 +6,7 @@ import {CustomSearchBarProps} from './CustomSearchBar.interface';
 import styles from './CustomSearchBar.styles';
 
 const CustomSearchBar = ({
+  value,
   height = 40,
   disabled = false,
   testID = 'CUSTOM-SEARCH-BAR',
@@ -16,6 +17,7 @@ const CustomSearchBar = ({
   onSearchIconPress,
   onCrossIconPress,
   handleOnChangeText,
+  setValue,
   rightIcon = <CrossIcon />,
   disableBorderColor = '#4F4F4F',
   borderColor = '#FFFFFF',
@@ -23,8 +25,6 @@ const CustomSearchBar = ({
   enablePlaceHolderStyle = '#A7A7A7',
   ...props
 }: CustomSearchBarProps) => {
-  const [value, setValue] = useState('');
-
   return (
     <View
       testID={testID}