fix(components): 🚑 add conditional call by checking if the haptics function is available

Author: Karthik-B-06

src/components/button/Button.tsx

@@ -137,7 +137,7 @@ const RNButton: React.FC<Partial<ButtonProps>> = forwardRef<
 
     const handlePress = useCallback((event: GestureResponderEvent) => {
       onPress && onPress(event);
-      hapticEnabled && hapticMedium();
+      hapticEnabled && hapticMedium?.();
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 

src/components/checkbox/Checkbox.tsx

@@ -178,7 +178,7 @@ const RNCheckbox: React.FC<Partial<CheckboxProps>> = forwardRef<
   }, [checkboxToggleState.isSelected, isIndeterminate]);
 
   const handleChange = useCallback(() => {
-    hapticEnabled && hapticSelection();
+    hapticEnabled && hapticSelection?.();
     if (checkboxGroupState) {
       if (props.value) {
         if (checkboxToggleState.isSelected) {

src/components/radio/Radio.tsx

@@ -111,7 +111,7 @@ const RNRadio: React.FC<Partial<RadioProps>> = forwardRef<
   }, [index, props?.value, selectedValue, setFocusableIndex]);
 
   const handleChange = useCallback(() => {
-    hapticEnabled && hapticSelection();
+    hapticEnabled && hapticSelection?.();
     // @ts-ignore
     setSelectedValue(props?.value);
     setFocusableIndex(index as number);

src/components/switch/Switch.tsx

@@ -291,7 +291,7 @@ const RNSwitch: React.FC<Partial<SwitchProps>> = forwardRef<
         thumbAnimated.value = withSpring(1, SPRING_CONFIG);
       }
       runOnJS(setSwitchState)(!switchState);
-      hapticEnabled && runOnJS(hapticSelection)();
+      hapticEnabled && hapticSelection && runOnJS(hapticSelection)();
     })
     .onTouchesCancelled(() => {
       if (switchState) {

src/components/tag/Tag.tsx

@@ -108,7 +108,7 @@ const RNTag: React.FC<Partial<TagProps>> = forwardRef<
 
   const handlePress = useCallback((event: GestureResponderEvent) => {
     onPress && onPress(event);
-    hapticEnabled && hapticSelection();
+    hapticEnabled && hapticSelection?.();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);