react-native-salespanda 0.3.0 → 0.4.0

package/lib/module/screens/ReportsScreen.js

@@ -1,217 +1,41 @@
 "use strict";
 
-import React from 'react';
-import { View, Text, StyleSheet, SafeAreaView, ScrollView, TouchableOpacity } from 'react-native';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { Colors } from "../constants/Colors.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StatCard = ({
-  title,
-  value,
-  icon,
-  color
-}) => {
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.statCard, {
-      backgroundColor: color
-    }],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.statIcon,
-      children: icon
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.statValue,
-      children: value
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.statTitle,
-      children: title
-    })]
-  });
-};
-export default function ReportsScreen() {
+export default function NotificationsScreen() {
   return /*#__PURE__*/_jsxs(SafeAreaView, {
     style: styles.container,
+    edges: ['bottom'],
     children: [/*#__PURE__*/_jsx(View, {
       style: styles.header,
       children: /*#__PURE__*/_jsx(Text, {
         style: styles.headerTitle,
         children: "Reports"
       })
-    }), /*#__PURE__*/_jsxs(ScrollView, {
-      style: styles.scrollView,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.statsGrid,
-        children: [/*#__PURE__*/_jsx(StatCard, {
-          title: "Total Campaigns",
-          value: "24",
-          icon: "\uD83D\uDCE7",
-          color: "#e3f2fd"
-        }), /*#__PURE__*/_jsx(StatCard, {
-          title: "Active Contacts",
-          value: "1,234",
-          icon: "\uD83D\uDC65",
-          color: "#f3e5f5"
-        }), /*#__PURE__*/_jsx(StatCard, {
-          title: "Total Views",
-          value: "5,678",
-          icon: "\uD83D\uDC41\uFE0F",
-          color: "#e8f5e9"
-        }), /*#__PURE__*/_jsx(StatCard, {
-          title: "Conversions",
-          value: "89",
-          icon: "\u2705",
-          color: "#fff3e0"
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.section,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.sectionTitle,
-          children: "Recent Activity"
-        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: styles.activityItem,
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.activityIcon,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.activityIconText,
-              children: "\uD83D\uDCCA"
-            })
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.activityContent,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.activityTitle,
-              children: "Campaign Analytics"
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.activityDescription,
-              children: "View detailed analytics for your campaigns"
-            })]
-          })]
-        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: styles.activityItem,
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.activityIcon,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.activityIconText,
-              children: "\uD83D\uDCC8"
-            })
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.activityContent,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.activityTitle,
-              children: "Performance Report"
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.activityDescription,
-              children: "Monthly performance summary"
-            })]
-          })]
-        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: styles.activityItem,
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.activityIcon,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.activityIconText,
-              children: "\uD83D\uDCB0"
-            })
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.activityContent,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.activityTitle,
-              children: "Revenue Report"
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.activityDescription,
-              children: "Track your earnings and revenue"
-            })]
-          })]
-        })]
-      })]
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: styles.scrollView
     })]
   });
 }
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#f5f5f5'
+    backgroundColor: Colors.background
   },
   header: {
-    backgroundColor: '#fff',
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: '#e0e0e0'
+    backgroundColor: Colors.white,
+    padding: 16
   },
   headerTitle: {
     fontSize: 20,
     fontWeight: '600',
-    color: '#333',
+    color: Colors.black,
     textAlign: 'center'
   },
   scrollView: {
     flex: 1
-  },
-  statsGrid: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    padding: 8,
-    justifyContent: 'space-between'
-  },
-  statCard: {
-    width: '48%',
-    padding: 20,
-    borderRadius: 12,
-    alignItems: 'center',
-    marginBottom: 16
-  },
-  statIcon: {
-    fontSize: 32,
-    marginBottom: 8
-  },
-  statValue: {
-    fontSize: 24,
-    fontWeight: '700',
-    color: '#333',
-    marginBottom: 4
-  },
-  statTitle: {
-    fontSize: 12,
-    color: '#666',
-    textAlign: 'center'
-  },
-  section: {
-    padding: 16
-  },
-  sectionTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    color: '#333',
-    marginBottom: 16
-  },
-  activityItem: {
-    backgroundColor: '#fff',
-    flexDirection: 'row',
-    padding: 16,
-    borderRadius: 12,
-    marginBottom: 12,
-    alignItems: 'center'
-  },
-  activityIcon: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
-    backgroundColor: '#f5f5f5',
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginRight: 16
-  },
-  activityIconText: {
-    fontSize: 24
-  },
-  activityContent: {
-    flex: 1
-  },
-  activityTitle: {
-    fontSize: 16,
-    fontWeight: '600',
-    color: '#333',
-    marginBottom: 4
-  },
-  activityDescription: {
-    fontSize: 14,
-    color: '#666'
   }
 });
 //# sourceMappingURL=ReportsScreen.js.map

package/lib/module/screens/ReportsScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","SafeAreaView","ScrollView","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","StatCard","title","value","icon","color","style","styles","statCard","backgroundColor","children","statIcon","statValue","statTitle","ReportsScreen","container","header","headerTitle","scrollView","statsGrid","section","sectionTitle","activityItem","activityIcon","activityIconText","activityContent","activityTitle","activityDescription","create","flex","padding","borderBottomWidth","borderBottomColor","fontSize","fontWeight","textAlign","flexDirection","flexWrap","justifyContent","width","borderRadius","alignItems","marginBottom","height","marginRight"],"sourceRoot":"../../../src","sources":["screens/ReportsScreen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","Text","StyleSheet","ScrollView","SafeAreaView","Colors","jsx","_jsx","jsxs","_jsxs","NotificationsScreen","style","styles","container","edges","children","header","headerTitle","scrollView","create","flex","backgroundColor","background","white","padding","fontSize","fontWeight","color","black","textAlign"],"sourceRoot":"../../../src","sources":["screens/ReportsScreen.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACjE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,eAAe,SAASC,mBAAmBA,CAAA,EAAG;EAC5C,oBACED,KAAA,CAACL,YAAY;IAACO,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,KAAK,EAAE,CAAC,QAAQ,CAAE;IAAAC,QAAA,gBACvDR,IAAA,CAACP,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACI,MAAO;MAAAD,QAAA,eACzBR,IAAA,CAACN,IAAI;QAACU,KAAK,EAAEC,MAAM,CAACK,WAAY;QAAAF,QAAA,EAAC;MAAO,CAAM;IAAC,CAC3C,CAAC,eACPR,IAAA,CAACJ,UAAU;MAACQ,KAAK,EAAEC,MAAM,CAACM;IAAW,CAAa,CAAC;EAAA,CACvC,CAAC;AAEnB;AAEA,MAAMN,MAAM,GAAGV,UAAU,CAACiB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEhB,MAAM,CAACiB;EAC1B,CAAC;EACDN,MAAM,EAAE;IACNK,eAAe,EAAEhB,MAAM,CAACkB,KAAK;IAC7BC,OAAO,EAAE;EACX,CAAC;EACDP,WAAW,EAAE;IACXQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEtB,MAAM,CAACuB,KAAK;IACnBC,SAAS,EAAE;EACb,CAAC;EACDX,UAAU,EAAE;IACVE,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/SalespandaApp.d.ts

@@ -35,5 +35,5 @@ export interface SalespandaAppProps {
  * Main Salespanda App Component
  * Can be used as a standalone app or embedded in another React Native app
  */
-export default function SalespandaApp({ navigationRef, theme, standalone, onReady, useDrawer, wrapWithGestureHandler, }?: SalespandaAppProps): import("react/jsx-runtime").JSX.Element;
+export default function SalespandaApp({ navigationRef, theme: customTheme, standalone, onReady, useDrawer, wrapWithGestureHandler, }?: SalespandaAppProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SalespandaApp.d.ts.map

package/lib/typescript/src/SalespandaApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SalespandaApp.d.ts","sourceRoot":"","sources":["../../../src/SalespandaApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAErC;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,KAAK,EACL,UAAkB,EAClB,OAAO,EACP,SAAgB,EAChB,sBAA8B,GAC/B,GAAE,kBAAuB,2CAmCzB"}
+{"version":3,"file":"SalespandaApp.d.ts","sourceRoot":"","sources":["../../../src/SalespandaApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAErC;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,aAAa,EACb,KAAK,EAAE,WAAW,EAClB,UAAkB,EAClB,OAAO,EACP,SAAgB,EAChB,sBAA8B,GAC/B,GAAE,kBAAuB,2CAmDzB"}

package/lib/typescript/src/assets/images/index.d.ts

@@ -0,0 +1,17 @@
+import type { ImageSourcePropType } from 'react-native';
+export declare const homeIcon: ImageSourcePropType;
+export declare const homeIconActive: ImageSourcePropType;
+export declare const analyticsIcon: ImageSourcePropType;
+export declare const analyticsIconActive: ImageSourcePropType;
+export declare const crmIcon: ImageSourcePropType;
+export declare const crmIconActive: ImageSourcePropType;
+export declare const diaryIcon: ImageSourcePropType;
+export declare const diaryIconActive: ImageSourcePropType;
+export declare const notificationIcon: ImageSourcePropType;
+export declare const notificationIconActive: ImageSourcePropType;
+export type IconPair = {
+    default: ImageSourcePropType;
+    active: ImageSourcePropType;
+};
+export declare const bottomTabIcons: Record<string, IconPair>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/assets/images/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/assets/images/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,eAAO,MAAM,QAAQ,EAAE,mBAAsD,CAAC;AAC9E,eAAO,MAAM,cAAc,EAAE,mBAA4D,CAAC;AAC1F,eAAO,MAAM,aAAa,EAAE,mBAA2D,CAAC;AACxF,eAAO,MAAM,mBAAmB,EAAE,mBAAiE,CAAC;AACpG,eAAO,MAAM,OAAO,EAAE,mBAAqD,CAAC;AAC5E,eAAO,MAAM,aAAa,EAAE,mBAA2D,CAAC;AACxF,eAAO,MAAM,SAAS,EAAE,mBAAuD,CAAC;AAChF,eAAO,MAAM,eAAe,EAAE,mBAA6D,CAAC;AAC5F,eAAO,MAAM,gBAAgB,EAAE,mBAA8D,CAAC;AAC9F,eAAO,MAAM,sBAAsB,EAAE,mBAAoE,CAAC;AAE1G,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAqBnD,CAAC"}

package/lib/typescript/src/constants/Colors.d.ts

@@ -0,0 +1,15 @@
+export declare const Colors: {
+    readonly primary: "#46bdd3";
+    readonly white: "#ffffff";
+    readonly black: "#322F2F";
+    readonly background: "#ffffff";
+    readonly border: "#e0e0e0";
+    readonly divider: "#e0e0e0";
+    readonly white50: "rgba(255, 255, 255, 0.5)";
+    readonly black50: "rgba(0, 0, 0, 0.2)";
+    readonly black30: "rgba(0, 0, 0, 0.3)";
+    readonly black20: "rgba(0, 0, 0, 0.2)";
+    readonly black10: "rgba(0, 0, 0, 0.1)";
+};
+export type ColorKey = keyof typeof Colors;
+//# sourceMappingURL=Colors.d.ts.map

package/lib/typescript/src/constants/Colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/constants/Colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;CAaT,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC"}

package/lib/typescript/src/constants/GetPlatorm.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Returns different values based on the platform
+ * @param value - Single value to use for both platforms, or object with platform specific values
+ * @param androidValue - Optional value for Android (if not provided, uses the same value for both platforms)
+ * @returns Platform specific value
+ */
+export declare const GetPlatform: <T>(value: T | {
+    ios: T;
+    android: T;
+}, androidValue?: T) => T;
+//# sourceMappingURL=GetPlatorm.d.ts.map

package/lib/typescript/src/constants/GetPlatorm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetPlatorm.d.ts","sourceRoot":"","sources":["../../../../src/constants/GetPlatorm.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,EAC3B,OAAO,CAAC,GAAG;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE,EACjC,eAAe,CAAC,KACf,CAiBF,CAAC"}

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

@@ -22,5 +22,5 @@ export { default as HomeScreen } from './screens/HomeScreen';
 export { default as ProfileScreen } from './screens/ProfileScreen';
 export { default as NotificationsScreen } from './screens/NotificationsScreen';
 export { default as ReportsScreen } from './screens/ReportsScreen';
-export { default as PremiumScreen } from './screens/PremiumScreen';
+export { default as PremiumScreen } from './screens/CRMScreen';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAKlE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAKhF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAKlE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAKhF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/src/navigation/AppNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/AppNavigator.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAQnC"}
+{"version":3,"file":"AppNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/AppNavigator.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAWnC"}

package/lib/typescript/src/navigation/BottomTabNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/BottomTabNavigator.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAyDzC"}
+{"version":3,"file":"BottomTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/BottomTabNavigator.tsx"],"names":[],"mappings":"AAwBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAkGzC"}

package/lib/typescript/src/navigation/DrawerNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/DrawerNavigator.tsx"],"names":[],"mappings":"AA4IA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAoCtC"}
+{"version":3,"file":"DrawerNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigation/DrawerNavigator.tsx"],"names":[],"mappings":"AA8JA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAuCtC"}

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

@@ -0,0 +1,2 @@
+export default function CRMScreen(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CRMScreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CRMScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/CRMScreen.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAShC"}

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

@@ -1 +1 @@
-{"version":3,"file":"HomeScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/HomeScreen.tsx"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,UAAU,4CAkDjC"}
+{"version":3,"file":"HomeScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/HomeScreen.tsx"],"names":[],"mappings":"AA8BA,MAAM,CAAC,OAAO,UAAU,UAAU,4CA6FjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/NotificationsScreen.tsx"],"names":[],"mappings":"AAqCA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAqC1C"}
+{"version":3,"file":"NotificationsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/NotificationsScreen.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAS1C"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ProfileScreen.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA6CpC"}
+{"version":3,"file":"ProfileScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ProfileScreen.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,aAAa,4CASpC"}

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

@@ -1,2 +1,2 @@
-export default function ReportsScreen(): import("react/jsx-runtime").JSX.Element;
+export default function NotificationsScreen(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ReportsScreen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ReportsScreen.tsx"],"names":[],"mappings":"AA2BA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAuEpC"}
+{"version":3,"file":"ReportsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ReportsScreen.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAS1C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-salespanda",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "sdk",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -68,6 +68,8 @@
     "@react-native-community/cli": "20.0.1",
     "@react-native/babel-preset": "0.81.1",
     "@react-native/eslint-config": "^0.81.1",
+    "@react-native/metro-babel-transformer": "0.81.1",
+    "@react-native/metro-config": "0.81.1",
     "@react-navigation/bottom-tabs": "^7.8.2",
     "@react-navigation/drawer": "^7.7.2",
     "@react-navigation/native": "^7.1.19",

package/react-native.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  project: {
+    ios: {
+      automaticPodsInstallation: true,
+    },
+  },
+  // Assets configuration for the library
+  assets: ['./src/assets'],
+};

package/src/SalespandaApp.tsx

@@ -1,9 +1,13 @@
 import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
+import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import DrawerNavigator from './navigation/DrawerNavigator';
 import BottomTabNavigator from './navigation/BottomTabNavigator';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
+import {
+  SafeAreaProvider,
+  initialWindowMetrics,
+} from 'react-native-safe-area-context';
+import { Colors } from './constants/Colors';
 
 export interface SalespandaAppProps {
   /**
@@ -49,7 +53,7 @@ export interface SalespandaAppProps {
  */
 export default function SalespandaApp({
   navigationRef,
-  theme,
+  theme: customTheme,
   standalone = false,
   onReady,
   useDrawer = true,
@@ -57,7 +61,7 @@ export default function SalespandaApp({
 }: SalespandaAppProps = {}) {
   // TODO: Apply theme to app (future enhancement)
   // Currently theme is managed through SalespandaConfig
-  void theme;
+  void customTheme;
 
   // Use drawer navigation by default, or bottom tabs only if specified
   const AppContent = () =>
@@ -70,12 +74,28 @@ export default function SalespandaApp({
   }
 
   // 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 = (
-    <NavigationContainer ref={navigationRef} onReady={onReady}>
-      <SafeAreaProvider>
+    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+      <NavigationContainer
+        ref={navigationRef}
+        onReady={onReady}
+        theme={navTheme}
+      >
         <AppContent />
-      </SafeAreaProvider>
-    </NavigationContainer>
+      </NavigationContainer>
+    </SafeAreaProvider>
   );
 
   // Wrap with GestureHandlerRootView only if requested

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/constants/Colors.ts

@@ -0,0 +1,16 @@
+export const Colors = {
+  // Minimal palette as requested
+  primary: '#46bdd3',
+  white: '#ffffff',
+  black: '#322F2F',
+  background: '#ffffff',
+  border: '#e0e0e0',
+  divider: '#e0e0e0',
+  white50: 'rgba(255, 255, 255, 0.5)',
+  black50: 'rgba(0, 0, 0, 0.2)',
+  black30: 'rgba(0, 0, 0, 0.3)',
+  black20: 'rgba(0, 0, 0, 0.2)',
+  black10: 'rgba(0, 0, 0, 0.1)',
+} as const;
+
+export type ColorKey = keyof typeof Colors;

package/src/constants/GetPlatorm.ts

@@ -0,0 +1,29 @@
+import { Platform } from 'react-native';
+
+/**
+ * Returns different values based on the platform
+ * @param value - Single value to use for both platforms, or object with platform specific values
+ * @param androidValue - Optional value for Android (if not provided, uses the same value for both platforms)
+ * @returns Platform specific value
+ */
+export const GetPlatform = <T>(
+  value: T | { ios: T; android: T },
+  androidValue?: T
+): T => {
+  if (
+    value &&
+    typeof value === 'object' &&
+    'ios' in value &&
+    'android' in value
+  ) {
+    return Platform.select({
+      ios: value.ios,
+      android: value.android,
+    }) as T;
+  }
+
+  return Platform.select({
+    ios: value as T,
+    android: androidValue ?? (value as T),
+  }) as T;
+};

package/src/index.tsx

@@ -42,4 +42,4 @@ export { default as HomeScreen } from './screens/HomeScreen';
 export { default as ProfileScreen } from './screens/ProfileScreen';
 export { default as NotificationsScreen } from './screens/NotificationsScreen';
 export { default as ReportsScreen } from './screens/ReportsScreen';
-export { default as PremiumScreen } from './screens/PremiumScreen';
+export { default as PremiumScreen } from './screens/CRMScreen';

package/src/navigation/AppNavigator.tsx

@@ -1,11 +1,15 @@
 import { NavigationContainer } from '@react-navigation/native';
 import BottomTabNavigator from './BottomTabNavigator';
 import { SafeAreaView } from 'react-native-safe-area-context';
+import { Colors } from '../constants/Colors';
 
 export default function AppNavigator() {
   return (
     <NavigationContainer>
-      <SafeAreaView style={{ flex: 1 }} edges={['bottom', 'top']}>
+      <SafeAreaView
+        style={{ flex: 1, backgroundColor: Colors.background }}
+        edges={['bottom', 'top']}
+      >
         <BottomTabNavigator />
       </SafeAreaView>
     </NavigationContainer>