react-native-salespanda 0.7.5 → 0.7.7

package/lib/typescript/src/screens/CRM/FunnelChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.d.ts","sourceRoot":"","sources":["../../../../../src/screens/CRM/FunnelChart.tsx"],"names":[],"mappings":"AAYA,UAAU,UAAU;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsClD,CAAC"}

package/lib/typescript/src/screens/CRM/InfoCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../../../src/screens/CRM/InfoCard.tsx"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAC"}

package/lib/typescript/src/screens/CRM/LeadCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeadCard.d.ts","sourceRoot":"","sources":["../../../../../src/screens/CRM/LeadCard.tsx"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe5C,CAAC"}

package/lib/typescript/src/screens/CRM/LogCallScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogCallScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/CRM/LogCallScreen.tsx"],"names":[],"mappings":"AAkBA,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAsBD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2I/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/screens/CRM/TopTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopTabs.d.ts","sourceRoot":"","sources":["../../../../../src/screens/CRM/TopTabs.tsx"],"names":[],"mappings":"AAIA,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;IAChD,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,KAAK,IAAI,CAAC;IAC/D,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsD1C,CAAC"}

package/lib/typescript/src/screens/CRM/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/screens/CRM/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/typescript/src/screens/ReportsScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ReportsScreen.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAS1B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/screens/Tabs/ActivityAnalytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityAnalytics.d.ts","sourceRoot":"","sources":["../../../../../src/screens/Tabs/ActivityAnalytics.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAO9B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/screens/Tabs/CRMScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CRMScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/Tabs/CRMScreen.tsx"],"names":[],"mappings":"AA8BA,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAmTtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/src/screens/Tabs/DigitalDiary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DigitalDiary.d.ts","sourceRoot":"","sources":["../../../../../src/screens/Tabs/DigitalDiary.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAWzB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/screens/Tabs/HomeScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/Tabs/HomeScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsD1B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAsNvB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/screens/Tabs/NotificationsScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/Tabs/NotificationsScreen.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAOhC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/src/screens/contentliberary/contentliberary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentliberary.d.ts","sourceRoot":"","sources":["../../../../../src/screens/contentliberary/contentliberary.tsx"],"names":[],"mappings":"AAyCA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAoEtC"}

package/lib/typescript/src/services/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/services/api.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/services/authService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authService.d.ts","sourceRoot":"","sources":["../../../../src/services/authService.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAIF,eAAO,MAAM,KAAK,GAChB,OAAO,QAAQ,EACf,QAAQ,MAAM,EACd,cAAc,MAAM,kBAgBrB,CAAC;AAEF,eAAO,MAAM,MAAM,qBAQlB,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,OAGlC,CAAC;AAEF,eAAO,MAAM,cAAc,QAAa,OAAO,CAAC,QAAQ,GAAG,IAAI,CAc9D,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,MAAM,GAAG,IAG3C,CAAC"}

package/lib/typescript/src/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/store/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAMhB,CAAC;AAIH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAC"}

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "react-native-salespanda",
-  "version": "0.7.5",
+  "version": "0.7.7",
   "description": "React Native SDK for multi-tenant enterprise applications with product flavors support",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
+      "source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
     "./package.json": "./package.json"
   },
   "files": [
+    "src",
     "lib",
     "android",
     "ios",
     "cpp",
     "*.podspec",
     "react-native.config.js",
-    "!**/*.map",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -178,7 +179,7 @@
   "codegenConfig": {
     "name": "SalespandaSpec",
     "type": "modules",
-    "jsSrcsDir": "lib/module",
+    "jsSrcsDir": "src",
     "android": {
       "javaPackageName": "com.salespanda"
     }

package/react-native.config.js

@@ -1,13 +1,12 @@
 module.exports = {
   dependency: {
     platforms: {
-      ios: {},
+      ios: {
+        podspecPath: 'Salespanda.podspec',
+      },
       android: {
         sourceDir: './android',
       },
     },
   },
-  codegen: {
-    jsSrcsDir: 'lib/module',
-  },
 };

package/src/NativeSalespanda.ts

@@ -0,0 +1,7 @@
+import { TurboModuleRegistry, type TurboModule } from 'react-native';
+
+export interface Spec extends TurboModule {
+  multiply(a: number, b: number): number;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('Salespanda');

package/src/SalespandaApp.tsx

@@ -0,0 +1,141 @@
+import React from 'react';
+import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { StyleSheet } from 'react-native';
+import StackNavigator from './navigation/StackNavigator';
+import { Provider } from 'react-redux';
+import { store } from './store';
+import {
+  SafeAreaProvider,
+  initialWindowMetrics,
+} from 'react-native-safe-area-context';
+import { Colors } from './constants/Colors';
+
+export interface SalespandaAppProps {
+  /**
+   * Custom navigation container ref for external navigation control
+   */
+  navigationRef?: React.RefObject<any>;
+
+  /**
+   * Optional theme configuration
+   */
+  theme?: {
+    primaryColor?: string;
+    backgroundColor?: string;
+  };
+
+  /**
+   * If true, the app will not render NavigationContainer
+   * (useful when embedding in an existing navigation structure)
+   */
+  standalone?: boolean;
+
+  /**
+   * Callback when app is ready
+   */
+  onReady?: () => void;
+
+  /**
+   * Navigation type configuration
+   * - 'drawer': Drawer navigation only
+   * - 'tabs': Bottom tabs only
+   * - 'both': Drawer wrapping bottom tabs (default)
+   * @default 'both'
+   */
+  navigationType?: 'drawer' | 'tabs' | 'both';
+
+  /**
+   * @deprecated Use navigationType instead
+   * If true, uses drawer navigation, otherwise uses bottom tabs only
+   */
+  useDrawer?: boolean;
+
+  /**
+   * If false, will not wrap with GestureHandlerRootView
+   * Set to false if your app already has gesture handler imported at the entry point
+   * @default true
+   */
+  wrapWithGestureHandler?: boolean;
+}
+
+/**
+ * Render appropriate navigation based on type
+ */
+const AppContent: React.FC = () => {
+  // Always wrap with StackNavigator to support modal screens like LogCall
+  return <StackNavigator />;
+};
+
+/**
+ * Main Salespanda App Component
+ * Can be used as a standalone app or embedded in another React Native app
+ */
+const SalespandaApp: React.FC<SalespandaAppProps> = ({
+  navigationRef,
+  theme: _customTheme,
+  standalone = false,
+  onReady,
+  wrapWithGestureHandler = true,
+} = {}) => {
+  // TODO: Apply custom theme to app (future enhancement)
+  // Currently theme is managed through SalespandaConfig
+  // _customTheme is reserved for future use
+
+  // If standalone mode, don't wrap with NavigationContainer
+  // (parent app will provide it)
+  if (standalone) {
+    return (
+      <Provider store={store}>
+        <AppContent />
+      </Provider>
+    );
+  }
+
+  // Navigation content with SafeAreaProvider
+  const navTheme = {
+    ...DefaultTheme,
+    colors: {
+      ...DefaultTheme.colors,
+      background: Colors.background,
+      primary: Colors.primary,
+      card: Colors.white,
+      text: Colors.black,
+      border: Colors.border,
+    },
+  };
+
+  const NavigationContent = (
+    <Provider store={store}>
+      <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+        <NavigationContainer
+          ref={navigationRef}
+          onReady={onReady}
+          theme={navTheme}
+        >
+          <AppContent />
+        </NavigationContainer>
+      </SafeAreaProvider>
+    </Provider>
+  );
+
+  // Wrap with GestureHandlerRootView only if requested
+  // (default is false since most apps already have gesture handler imported)
+  if (wrapWithGestureHandler) {
+    return (
+      <GestureHandlerRootView style={styles.container}>
+        {NavigationContent}
+      </GestureHandlerRootView>
+    );
+  }
+
+  return NavigationContent;
+};
+
+export default SalespandaApp;
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});

package/src/assets/images/index.js

@@ -0,0 +1,11 @@
+// Bottom Tab Icons
+export const homeIcon = require('./bottomtabs/home.png');
+export const homeIconActive = require('./bottomtabs/homeactive.png');
+export const analyticsIcon = require('./bottomtabs/analytics.png');
+export const analyticsIconActive = require('./bottomtabs/analyticsactive.png');
+export const crmIcon = require('./bottomtabs/crm.png');
+export const crmIconActive = require('./bottomtabs/crmactive.png');
+export const diaryIcon = require('./bottomtabs/diary.png');
+export const diaryIconActive = require('./bottomtabs/diaryactive.png');
+export const notificationIcon = require('./bottomtabs/notification.png');
+export const notificationIconActive = require('./bottomtabs/notificationactive.png');

package/src/assets/images/index.ts

@@ -0,0 +1,40 @@
+import type { ImageSourcePropType } from 'react-native';
+
+export const homeIcon: ImageSourcePropType = require('./bottomtabs/home.png');
+export const homeIconActive: ImageSourcePropType = require('./bottomtabs/homeactive.png');
+export const analyticsIcon: ImageSourcePropType = require('./bottomtabs/analytics.png');
+export const analyticsIconActive: ImageSourcePropType = require('./bottomtabs/analyticsactive.png');
+export const crmIcon: ImageSourcePropType = require('./bottomtabs/crm.png');
+export const crmIconActive: ImageSourcePropType = require('./bottomtabs/crmactive.png');
+export const diaryIcon: ImageSourcePropType = require('./bottomtabs/diary.png');
+export const diaryIconActive: ImageSourcePropType = require('./bottomtabs/diaryactive.png');
+export const notificationIcon: ImageSourcePropType = require('./bottomtabs/notification.png');
+export const notificationIconActive: ImageSourcePropType = require('./bottomtabs/notificationactive.png');
+
+export type IconPair = {
+  default: ImageSourcePropType;
+  active: ImageSourcePropType;
+};
+
+export const bottomTabIcons: Record<string, IconPair> = {
+  home: {
+    default: homeIcon,
+    active: homeIconActive,
+  },
+  analytics: {
+    default: analyticsIcon,
+    active: analyticsIconActive,
+  },
+  crm: {
+    default: crmIcon,
+    active: crmIconActive,
+  },
+  diary: {
+    default: diaryIcon,
+    active: diaryIconActive,
+  },
+  notification: {
+    default: notificationIcon,
+    active: notificationIconActive,
+  },
+};

package/src/components/BottomSheet.tsx

@@ -0,0 +1,146 @@
+import {
+  View,
+  Text,
+  StyleSheet,
+  Modal,
+  TouchableOpacity,
+  TouchableWithoutFeedback,
+} from 'react-native';
+import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
+import { Colors } from '../constants/Colors';
+
+interface BottomSheetProps {
+  visible: boolean;
+  onClose: () => void;
+  title: string;
+  children: React.ReactNode;
+}
+
+export const BottomSheet: React.FC<BottomSheetProps> = ({
+  visible,
+  onClose,
+  title,
+  children,
+}) => {
+  return (
+    <Modal
+      visible={visible}
+      transparent
+      animationType="slide"
+      onRequestClose={onClose}
+    >
+      <TouchableWithoutFeedback onPress={onClose}>
+        <View style={styles.overlay}>
+          <TouchableWithoutFeedback>
+            <View style={styles.bottomSheet}>
+              <View style={styles.header}>
+                <Text style={styles.title}>{title}</Text>
+                <TouchableOpacity onPress={onClose} style={styles.closeButton}>
+                  <Text style={styles.closeIcon}>✕</Text>
+                </TouchableOpacity>
+              </View>
+              <View style={styles.content}>{children}</View>
+            </View>
+          </TouchableWithoutFeedback>
+        </View>
+      </TouchableWithoutFeedback>
+    </Modal>
+  );
+};
+
+interface BottomSheetOptionProps {
+  icon: string;
+  label: string;
+  onPress: () => void;
+  iconColor?: string;
+}
+
+export const BottomSheetOption: React.FC<BottomSheetOptionProps> = ({
+  icon,
+  label,
+  onPress,
+  iconColor,
+}) => {
+  return (
+    <TouchableOpacity style={styles.option} onPress={onPress}>
+      <View
+        style={[
+          styles.iconContainer,
+          iconColor && { backgroundColor: iconColor },
+        ]}
+      >
+        <Text style={styles.optionIcon}>{icon}</Text>
+      </View>
+      <Text style={styles.optionLabel}>{label}</Text>
+      <Text style={styles.arrow}>›</Text>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'flex-end',
+  },
+  bottomSheet: {
+    backgroundColor: Colors.white,
+    borderTopLeftRadius: moderateScale(20),
+    borderTopRightRadius: moderateScale(20),
+    paddingBottom: verticalScale(30),
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: scale(20),
+    borderBottomWidth: 1,
+    borderBottomColor: '#E0E0E0',
+  },
+  title: {
+    fontSize: moderateScale(20),
+    fontWeight: '700',
+    color: Colors.black,
+  },
+  closeButton: {
+    padding: scale(4),
+  },
+  closeIcon: {
+    fontSize: moderateScale(24),
+    color: Colors.black,
+  },
+  content: {
+    padding: scale(16),
+  },
+  option: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: scale(16),
+    backgroundColor: Colors.white,
+    borderWidth: 1,
+    borderColor: '#E0E0E0',
+    borderRadius: moderateScale(12),
+    marginBottom: verticalScale(12),
+  },
+  iconContainer: {
+    width: scale(30),
+    height: scale(30),
+    borderRadius: moderateScale(20),
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: scale(12),
+  },
+  optionIcon: {
+    fontSize: moderateScale(16),
+  },
+  optionLabel: {
+    flex: 1,
+    fontSize: moderateScale(12),
+    fontWeight: '600',
+    color: Colors.black,
+  },
+  arrow: {
+    fontSize: moderateScale(24),
+    color: '#999',
+  },
+});

package/src/components/ContactViaModal.tsx

@@ -0,0 +1,80 @@
+import { BottomSheet, BottomSheetOption } from './BottomSheet';
+
+interface ContactViaModalProps {
+  visible: boolean;
+  onClose: () => void;
+  onCall?: () => void;
+  onWhatsapp?: () => void;
+  onEmail?: () => void;
+  onSMS?: () => void;
+  onAddTask?: () => void;
+  onAddNote?: () => void;
+}
+
+export const ContactViaModal: React.FC<ContactViaModalProps> = ({
+  visible,
+  onClose,
+  onCall,
+  onWhatsapp,
+  onEmail,
+  onSMS,
+  onAddTask,
+  onAddNote,
+}) => {
+  return (
+    <BottomSheet visible={visible} onClose={onClose} title="Contact Via">
+      <BottomSheetOption
+        icon="📞"
+        label="Call"
+        iconColor="#FF6B6B"
+        onPress={() => {
+          onClose();
+          onCall?.();
+        }}
+      />
+      <BottomSheetOption
+        icon="💬"
+        label="Whatsapp"
+        iconColor="#25D366"
+        onPress={() => {
+          onClose();
+          onWhatsapp?.();
+        }}
+      />
+      <BottomSheetOption
+        icon="✉️"
+        label="E-mail"
+        iconColor="#9B59B6"
+        onPress={() => {
+          onClose();
+          onEmail?.();
+        }}
+      />
+      <BottomSheetOption
+        icon="💬"
+        label="SMS"
+        iconColor="#3498DB"
+        onPress={() => {
+          onClose();
+          onSMS?.();
+        }}
+      />
+      <BottomSheetOption
+        icon="📋"
+        label="Add Task"
+        onPress={() => {
+          onClose();
+          onAddTask?.();
+        }}
+      />
+      <BottomSheetOption
+        icon="📝"
+        label="Add Note"
+        onPress={() => {
+          onClose();
+          onAddNote?.();
+        }}
+      />
+    </BottomSheet>
+  );
+};

package/src/components/Loader.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { View, Text, ActivityIndicator, StyleSheet } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { Colors } from '../constants/Colors';
+import { verticalScale, moderateScale, scale } from 'react-native-size-matters';
+
+type LoaderProps = {
+  message?: string;
+  overlay?: boolean;
+  color?: string;
+  style?: ViewStyle;
+};
+
+const Loader: React.FC<LoaderProps> = ({
+  message = 'Loading...',
+  overlay = false,
+  color = Colors.primary,
+  style,
+}) => {
+  return (
+    <View style={[styles.container, overlay ? styles.overlay : null, style]}>
+      <ActivityIndicator size="large" color={color} />
+      {message ? <Text style={styles.text}>{message}</Text> : null}
+    </View>
+  );
+};
+
+export default Loader;
+
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: verticalScale(16),
+    paddingHorizontal: scale(12),
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: Colors.white,
+  },
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: 10,
+    backgroundColor: Colors.white50,
+  },
+  text: {
+    marginTop: verticalScale(8),
+    fontSize: moderateScale(12),
+    color: Colors.black,
+  },
+});