@kiosinc/commons-rn 0.1.45 → 0.1.47

package/lib/module/{selectBusiness → utils}/useMultiSnapBottomSheetRef.js

@@ -1,7 +1,6 @@
 import { useRef, useState } from 'react';
 export const useMultiSnapBottomSheetRef = ({
-  initialSnap,
-  snapPoints
+  initialSnap
 }) => {
   const ref = useRef(null);
   const [selectedSnap, setSelectedSnap] = useState(initialSnap);
@@ -19,10 +18,8 @@ export const useMultiSnapBottomSheetRef = ({
     isVisible,
     ref,
     selectedSnap,
-    snapPoints,
     expand,
-    close,
-    selectedSnapPoint: snapPoints[selectedSnap] ?? snapPoints[0]
+    close
   };
 };
 //# sourceMappingURL=useMultiSnapBottomSheetRef.js.map

package/lib/module/utils/useMultiSnapBottomSheetRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","useMultiSnapBottomSheetRef","initialSnap","ref","selectedSnap","setSelectedSnap","isVisible","setIsVisible","expand","snap","current","close"],"sourceRoot":"../../../src","sources":["utils/useMultiSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAUxC,OAAO,MAAMC,0BAA0B,GAAGA,CAAmB;EAC3DC;AAGF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGJ,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGL,QAAQ,CAACE,WAAW,CAAC;EAC7D,MAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMQ,MAAM,GAAIC,IAAO,IAAK;IAC1BJ,eAAe,CAACI,IAAI,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;IAClBJ,GAAG,CAACO,OAAO,EAAEF,MAAM,CAAC,CAAC;EACvB,CAAC;EACD,MAAMG,KAAK,GAAGA,CAAA,KAAM;IAClBR,GAAG,CAACO,OAAO,EAAEC,KAAK,CAAC,CAAC;IACpBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EACD,OAAO;IACLD,SAAS;IACTH,GAAG;IACHC,YAAY;IACZI,MAAM;IACNG;EACF,CAAC;AACH,CAAC"}

package/lib/module/utils/useSingleSnapBottomSheetRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","useSingleSnapBottomSheetRef","isVisible","setIsVisible","ref","expand","current","close"],"sourceRoot":"../../../src","sources":["utils/useSingleSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AASxC,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGH,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMI,GAAG,GAAGL,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAMM,MAAM,GAAGA,CAAA,KAAM;IACnBD,GAAG,CAACE,OAAO,EAAED,MAAM,CAAC,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EACD,MAAMI,KAAK,GAAGA,CAAA,KAAM;IAClBJ,YAAY,CAAC,KAAK,CAAC;IACnBC,GAAG,CAACE,OAAO,EAAEC,KAAK,CAAC,CAAC;EACtB,CAAC;EACD,OAAO;IAAEL,SAAS;IAAEE,GAAG;IAAEC,MAAM;IAAEE;EAAM,CAAC;AAC1C,CAAC"}

package/lib/typescript/src/auth/hooks/useAuthentication.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuthentication.d.ts","sourceRoot":"","sources":["../../../../../src/auth/hooks/useAuthentication.ts"],"names":[],"mappings":"AAkBA,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;gBAQa,SAAS;cAAQ,MAAM;;;;;;;;;cA+CvB,MAAM;;;qBAIQ,MAAM;;;;eA0BlB,MAAM;;CAelD,CAAC"}
+{"version":3,"file":"useAuthentication.d.ts","sourceRoot":"","sources":["../../../../../src/auth/hooks/useAuthentication.ts"],"names":[],"mappings":"AAqBA,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;gBAQa,SAAS;cAAQ,MAAM;;;;;;;;;cAoDvB,MAAM;;;qBAOQ,MAAM;;;;eA0BlB,MAAM;;CAgBlD,CAAC"}

package/lib/typescript/src/auth/screens/Login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/Login.tsx"],"names":[],"mappings":";AAsCA,eAAO,MAAM,KAAK,mBAoFjB,CAAC"}
+{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/Login.tsx"],"names":[],"mappings":";AAyCA,eAAO,MAAM,KAAK,mBAqFjB,CAAC"}

package/lib/typescript/src/auth/screens/LoginWithEmail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginWithEmail.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/LoginWithEmail.tsx"],"names":[],"mappings":";AAqBA,eAAO,MAAM,cAAc,mBA6F1B,CAAC"}
+{"version":3,"file":"LoginWithEmail.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/LoginWithEmail.tsx"],"names":[],"mappings":";AAwBA,eAAO,MAAM,cAAc,mBAmG1B,CAAC"}

package/lib/typescript/src/components/BottomSheet.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 export declare const BottomSheet: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     pressBehavior?: "none" | "close" | "collapse" | undefined;
-    snapPoints: Array<string>;
     bottomInset?: boolean | undefined;
     close?: (() => void) | undefined;
 } & React.RefAttributes<any>>;

package/lib/typescript/src/components/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,eAAO,MAAM,WAAW;cAGV,MAAM,SAAS;;gBAEb,MAAM,MAAM,CAAC;;mBAEX,IAAI;6BAyErB,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,eAAO,MAAM,WAAW;cAGV,MAAM,SAAS;;;mBAGX,IAAI;6BAqErB,CAAC"}

package/lib/typescript/src/components/RefreshControl.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type RefreshControlProps } from 'react-native';
-type Props = RefreshControlProps;
-export declare const RefreshControl: ({ ...rest }: Props) => JSX.Element;
-export {};
+export declare const RefreshControl: React.ForwardRefExoticComponent<RefreshControlProps & React.RefAttributes<unknown>>;
 //# sourceMappingURL=RefreshControl.d.ts.map

package/lib/typescript/src/components/RefreshControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RefreshControl.d.ts","sourceRoot":"","sources":["../../../../src/components/RefreshControl.tsx"],"names":[],"mappings":";AACA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAG9E,KAAK,KAAK,GAAG,mBAAmB,CAAC;AAEjC,eAAO,MAAM,cAAc,gBAAiB,KAAK,gBAIhD,CAAC"}
+{"version":3,"file":"RefreshControl.d.ts","sourceRoot":"","sources":["../../../../src/components/RefreshControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAK9E,eAAO,MAAM,cAAc,qFAIzB,CAAC"}

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

@@ -0,0 +1,11 @@
+export declare const analyticsKeys: {
+    loginCompleted: string;
+    signupCompleted: string;
+    signupStarted: string;
+    forgotPassword: string;
+    resetPasswordStarted: string;
+    resetPasswordCompleted: string;
+    registrationDate: string;
+    app: string;
+};
+//# sourceMappingURL=analyticsKeys.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"analyticsKeys.d.ts","sourceRoot":"","sources":["../../../../src/constants/analyticsKeys.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;CAUzB,CAAC"}

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

@@ -1,5 +1,8 @@
+export { useMultiSnapBottomSheetRef, TMultiSnapBottomSheetRef, } from './utils/useMultiSnapBottomSheetRef';
+export { useSingleSnapBottomSheetRef, TSingleSnapBottomSheetRef, } from './utils/useSingleSnapBottomSheetRef';
 export declare function multiply(a: number, b: number): Promise<number>;
 export * from './components';
 export * from './auth';
 export * from './selectBusiness';
+export { analytics } from './utils/analytics';
 //# 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,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAE9D;AACD,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,qCAAqC,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAE9D;AACD,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/typescript/src/selectBusiness/CreateBusinessBottomSheet.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 type CreateBusinessBottomSheetProps = {
+    isVisible: boolean;
     close: () => void;
 };
 export declare const CreateBusinessBottomSheet: React.ForwardRefExoticComponent<CreateBusinessBottomSheetProps & React.RefAttributes<unknown>>;

package/lib/typescript/src/selectBusiness/CreateBusinessBottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateBusinessBottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/CreateBusinessBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAcpD,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,yBAAyB,gGAwDrC,CAAC"}
+{"version":3,"file":"CreateBusinessBottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/CreateBusinessBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAavE,KAAK,8BAA8B,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,yBAAyB,gGA2DrC,CAAC"}

package/lib/typescript/src/selectBusiness/SelectBusiness.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBusiness.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/SelectBusiness.tsx"],"names":[],"mappings":";AA8DA,eAAO,MAAM,cAAc,mBA4G1B,CAAC"}
+{"version":3,"file":"SelectBusiness.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/SelectBusiness.tsx"],"names":[],"mappings":";AA8DA,eAAO,MAAM,cAAc,mBA6G1B,CAAC"}

package/lib/typescript/src/utils/analytics.d.ts

@@ -0,0 +1,12 @@
+interface Analytics {
+    init(): void;
+    identify(userId: string): void;
+    track(eventName: string, properties?: any): void;
+    profile: {
+        set: (key: string, value?: any) => void;
+    };
+    reset(): void;
+}
+export declare const analytics: Analytics;
+export {};
+//# sourceMappingURL=analytics.d.ts.map

package/lib/typescript/src/utils/analytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/utils/analytics.ts"],"names":[],"mappings":"AAIA,UAAU,SAAS;IACjB,IAAI,IAAI,IAAI,CAAC;IACb,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACjD,OAAO,EAAE;QACP,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;KACzC,CAAC;IACF,KAAK,IAAI,IAAI,CAAC;CACf;AAGD,eAAO,MAAM,SAAS,EAAE,SAiCvB,CAAC"}

package/lib/typescript/src/utils/useMultiSnapBottomSheetRef.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export type TMultiSnapBottomSheetRef<T extends string> = {
+    ref: React.MutableRefObject<any>;
+    selectedSnap: T;
+    expand: (snap: T) => void;
+    close: () => any;
+    isVisible: boolean;
+};
+export declare const useMultiSnapBottomSheetRef: <T extends string>({ initialSnap, }: {
+    initialSnap: T;
+}) => {
+    isVisible: boolean;
+    ref: import("react").MutableRefObject<any>;
+    selectedSnap: T;
+    expand: (snap: T) => void;
+    close: () => void;
+};
+//# sourceMappingURL=useMultiSnapBottomSheetRef.d.ts.map

package/lib/typescript/src/utils/useMultiSnapBottomSheetRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiSnapBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../src/utils/useMultiSnapBottomSheetRef.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IACvD,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,EAAE,CAAC,CAAC;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;CAwBtC,CAAC"}

package/lib/typescript/src/utils/useSingleSnapBottomSheetRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSingleSnapBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../src/utils/useSingleSnapBottomSheetRef.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;CAavC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiosinc/commons-rn",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "description": "Common Code",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -181,7 +181,7 @@
     ]
   },
   "dependencies": {
-    "@gorhom/bottom-sheet": "^4.5.1",
+    "@gorhom/bottom-sheet": "^4.6.1",
     "@hookform/resolvers": "^3.3.2",
     "@react-navigation/material-top-tabs": "^6.6.13",
     "@shopify/restyle": "^2.4.2",
@@ -189,6 +189,7 @@
     "axios": "^1.4.0",
     "color": "^4.2.3",
     "i18next": "^23.7.6",
+    "mixpanel-react-native": "^3.0.2",
     "react-content-loader": "^6.2.1",
     "react-hook-form": "^7.48.2",
     "react-i18next": "^13.5.0",

package/src/auth/hooks/useAuthentication.ts

@@ -13,6 +13,9 @@ import {
 import { useTranslation } from 'react-i18next';
 import { Alert } from '../../components';
 import { checkIsRegisteredAPI, signUpAPI } from '../api/authentication';
+import Config from 'react-native-config';
+import { analytics } from '../../utils/analytics';
+import { analyticsKeys } from '../../constants/analyticsKeys';
 
 let confirmationResult: FirebaseAuthTypes.ConfirmationResult;
 
@@ -50,12 +53,17 @@ export const useAuthentication = () => {
                 payload.params.password
               );
               // Reauthenticate user
-              await auth().currentUser?.reauthenticateWithCredential(
-                credential
-              );
-              await auth().currentUser?.reload();
+              await auth().currentUser.reauthenticateWithCredential(credential);
+              await auth().currentUser.reload();
               // Update user after re-authentication.
               dispatch(changeUser(auth().currentUser));
+
+              // On completing sign up
+              analytics.identify(auth().currentUser.uid);
+              const now = new Date().toISOString();
+              analytics.profile.set(analyticsKeys.registrationDate, now);
+              analytics.profile.set(analyticsKeys.app, Config.APP_NAME);
+              analytics.track(analyticsKeys.signupCompleted);
             } catch (error: any) {
               console.log('error', error);
               // Sign out user if something goes wrong
@@ -81,6 +89,9 @@ export const useAuthentication = () => {
     useConfirmPhoneNumber: () =>
       useMutation(async ({ code }: { code: string }) => {
         await confirmationResult.confirm(code);
+        analytics.identify(auth().currentUser.uid);
+        analytics.profile.set(analyticsKeys.app, Config.APP_NAME);
+        analytics.track(analyticsKeys.loginCompleted, { method: 'phone' });
       }),
     useVerifyPhoneNumberForLogin: () =>
       useMutation(async ({ phoneNumber }: { phoneNumber: string }) => {
@@ -115,6 +126,7 @@ export const useAuthentication = () => {
           navigation.navigate('ResetPasswordInstructionSent', {
             email: email,
           });
+          analytics.track(analyticsKeys.resetPasswordCompleted, { email });
         } catch {
           Alert.show({
             description: t('authentication.userDoesNotExist', {

package/src/auth/screens/Login.tsx

@@ -23,6 +23,9 @@ import { StyleSheet } from 'react-native';
 import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
 import { LoginWithPhoneNumber } from './LoginWithPhoneNumber';
 import { LoginWithEmail } from './LoginWithEmail';
+import { moderateScale } from 'react-native-size-matters';
+import { analytics } from '../../utils/analytics';
+import { analyticsKeys } from '../../constants/analyticsKeys';
 
 const Tab = createMaterialTopTabNavigator();
 
@@ -69,7 +72,7 @@ export const Login = () => {
               {t('authentication.logIn')}
             </Text>
           </View>
-          <View height={340} pt="24">
+          <View height={moderateScale(360)} pt="24">
             <Tab.Navigator
               screenOptions={{
                 tabBarIndicatorStyle: tabBarStyles.tabBarIndicatorStyle,
@@ -109,6 +112,7 @@ export const Login = () => {
               <LinkButton
                 mode="text"
                 onPress={() => {
+                  analytics.track(analyticsKeys.signupStarted);
                   navigation.navigate('SignUp');
                 }}
               >

package/src/auth/screens/LoginWithEmail.tsx

@@ -13,6 +13,9 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { loginValidationSchema } from './validators';
 import auth from '@react-native-firebase/auth';
 import { StyleSheet } from 'react-native';
+import { analytics } from '../../utils/analytics';
+import Config from 'react-native-config';
+import { analyticsKeys } from '../../constants/analyticsKeys';
 
 type FormData = {
   email: string;
@@ -40,6 +43,11 @@ export const LoginWithEmail = () => {
     setIsLoading(true);
     auth()
       .signInWithEmailAndPassword(data.email, data.password)
+      .then(() => {
+        analytics.identify(auth().currentUser.uid);
+        analytics.profile.set(analyticsKeys.app, Config.APP_NAME);
+        analytics.track(analyticsKeys.loginCompleted, { method: 'email' });
+      })
       .catch(() => {
         Snackbar.show({ title: t('authentication.wrongCredentials') });
       })
@@ -96,6 +104,7 @@ export const LoginWithEmail = () => {
           alignSelf="flex-end"
           mode="text"
           onPress={() => {
+            analytics.track(analyticsKeys.resetPasswordStarted);
             navigation.navigate('ResetPassword');
           }}
         >

package/src/components/BottomSheet.tsx

@@ -1,28 +1,22 @@
 import React, { useCallback } from 'react';
 import { useTheme } from 'react-native-paper';
-import { ParentView, View } from '../components';
-import BS, { BottomSheetBackdrop } from '@gorhom/bottom-sheet';
+import { View } from '../components';
+import BS, { BottomSheetBackdrop, BottomSheetView } from '@gorhom/bottom-sheet';
 import { Keyboard, StyleSheet } from 'react-native';
+import { useSharedValue } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 export const BottomSheet = React.forwardRef<
   typeof BS,
   {
     children: React.ReactNode;
     pressBehavior?: 'close' | 'collapse' | 'none';
-    snapPoints: Array<string>;
     bottomInset?: boolean;
     close?: () => void;
   }
 >(
   (
-    {
-      children,
-      close,
-      bottomInset = true,
-      pressBehavior = 'none',
-      snapPoints,
-      ...rest
-    },
+    { children, close, bottomInset = true, pressBehavior = 'none', ...rest },
     ref
   ) => {
     const theme = useTheme();
@@ -41,9 +35,6 @@ export const BottomSheet = React.forwardRef<
           appearsOnIndex={1}
         >
           <View
-            onTouchStart={() => {
-              Keyboard.dismiss();
-            }}
             style={[
               styles.backdrop,
               {
@@ -57,6 +48,9 @@ export const BottomSheet = React.forwardRef<
       []
     );
 
+    const animatedContentHeight = useSharedValue(0);
+    const insets = useSafeAreaInsets();
+
     return (
       <BS
         android_keyboardInputMode="adjustPan"
@@ -71,21 +65,23 @@ export const BottomSheet = React.forwardRef<
           backgroundColor: theme.colors.onBackground,
         }}
         backdropComponent={renderBackdrop}
+        enableDynamicSizing={true}
         enablePanDownToClose={true}
-        snapPoints={snapPoints}
         ref={ref as any}
         index={-1}
+        contentHeight={animatedContentHeight}
         onChange={(index: number) => index === -1 && Keyboard.dismiss()}
         {...rest}
       >
-        <ParentView topInset={false} bottomInset={bottomInset}>
-          {children}
-        </ParentView>
+        <BottomSheetView>
+          <View flex={1} {...(bottomInset && { pb: String(insets.bottom) })}>
+            {children}
+          </View>
+        </BottomSheetView>
       </BS>
     );
   }
 );
-
 const styles = StyleSheet.create({
   backdrop: {
     flex: 1,

package/src/components/RefreshControl.tsx

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { RefreshControl as RC, type RefreshControlProps } from 'react-native';
 import { useTheme } from 'react-native-paper';
 
 type Props = RefreshControlProps;
 
-export const RefreshControl = ({ ...rest }: Props) => {
+export const RefreshControl = forwardRef((props: Props, ref: any) => {
   const theme = useTheme();
 
-  return <RC tintColor={theme.colors.primary} {...rest} />;
-};
+  return <RC ref={ref} tintColor={theme.colors.primary} {...props} />;
+});

package/src/constants/analyticsKeys.ts

@@ -0,0 +1,11 @@
+export const analyticsKeys = {
+  // Authentication
+  loginCompleted: 'login_completed',
+  signupCompleted: 'sign_up_completed',
+  signupStarted: 'sign_up_started',
+  forgotPassword: 'forgot_password',
+  resetPasswordStarted: 'reset_password_started',
+  resetPasswordCompleted: 'reset_password_completed',
+  registrationDate: 'registration_date',
+  app: 'app',
+};

package/src/index.tsx

@@ -1,6 +1,17 @@
+export {
+  useMultiSnapBottomSheetRef,
+  TMultiSnapBottomSheetRef,
+} from './utils/useMultiSnapBottomSheetRef';
+export {
+  useSingleSnapBottomSheetRef,
+  TSingleSnapBottomSheetRef,
+} from './utils/useSingleSnapBottomSheetRef';
+
 export function multiply(a: number, b: number): Promise<number> {
   return Promise.resolve(a * b);
 }
 export * from './components';
 export * from './auth';
 export * from './selectBusiness';
+
+export { analytics } from './utils/analytics';

package/src/selectBusiness/CreateBusinessBottomSheet.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useState } from 'react';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import {
   Text,
   Button,
@@ -8,16 +8,16 @@ import {
   BottomSheet,
 } from '../components';
 import { BottomSheetTextInput } from '@gorhom/bottom-sheet';
-import { getPercentageFromHeight } from '../utils';
 import { useTranslation } from 'react-i18next';
 import { useCreateBusiness } from './useCreateBusiness';
 
 type CreateBusinessBottomSheetProps = {
+  isVisible: boolean;
   close: () => void;
 };
 
 export const CreateBusinessBottomSheet = forwardRef(
-  ({ close }: CreateBusinessBottomSheetProps, ref) => {
+  ({ isVisible, close }: CreateBusinessBottomSheetProps, ref) => {
     const [name, setName] = useState('');
     const { mutate: createNewMenuGroup, isLoading } = useCreateBusiness({
       onSuccess: () => {
@@ -25,6 +25,7 @@ export const CreateBusinessBottomSheet = forwardRef(
       },
     });
     const { t } = useTranslation();
+    const textInputRef = useRef<typeof BottomSheetTextInput>();
 
     const onCreate = () => {
       createNewMenuGroup({
@@ -33,12 +34,14 @@ export const CreateBusinessBottomSheet = forwardRef(
       setName('');
     };
 
+    useEffect(() => {
+      if (isVisible) {
+        textInputRef?.current?.focus();
+      }
+    }, [isVisible]);
+
     return (
-      <BottomSheet
-        pressBehavior="close"
-        snapPoints={[getPercentageFromHeight(220)]}
-        ref={ref as any}
-      >
+      <BottomSheet pressBehavior="close" ref={ref as any}>
         <View px="16" bg="background" flex={1}>
           <Text pt="16" variant="titleLarge">
             {t('home.createBusiness')}
@@ -46,7 +49,7 @@ export const CreateBusinessBottomSheet = forwardRef(
           <KeyboardAvoidingView>
             <TextInput
               render={(props) => {
-                return <BottomSheetTextInput {...props} />;
+                return <BottomSheetTextInput {...props} ref={textInputRef} />;
               }}
               mt="16"
               mode="outlined"

package/src/selectBusiness/SelectBusiness.tsx

@@ -20,7 +20,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import { CreateBusinessBottomSheet } from './CreateBusinessBottomSheet';
 import { useBusinesses } from './useBusinesses';
 import { MMKV_KEYS } from '../constants';
-import { useSingleSnapBottomSheetRef } from './useSingleSnapBottomSheetRef';
+import { useSingleSnapBottomSheetRef } from '../utils/useSingleSnapBottomSheetRef';
 import Tick from '../assets/icons/tick.svg';
 import FastImage from 'react-native-fast-image';
 import auth from '@react-native-firebase/auth';
@@ -163,6 +163,7 @@ export const SelectBusiness = () => {
         )}
       </View>
       <CreateBusinessBottomSheet
+        isVisible={createBusinessBottomSheet.isVisible}
         ref={createBusinessBottomSheet.ref}
         close={createBusinessBottomSheet.close}
       />

package/src/utils/analytics.ts

@@ -0,0 +1,49 @@
+import { Mixpanel } from 'mixpanel-react-native';
+import { Platform } from 'react-native';
+import Config from 'react-native-config';
+
+interface Analytics {
+  init(): void;
+  identify(userId: string): void;
+  track(eventName: string, properties?: any): void;
+  profile: {
+    set: (key: string, value?: any) => void;
+  };
+  reset(): void;
+}
+
+let mixpanel: Mixpanel;
+export const analytics: Analytics = {
+  init: () => {
+    const trackAutomaticEvents = false;
+    // @ts-ignore
+    mixpanel = new Mixpanel(Config.MIXPANEL_TOKEN, trackAutomaticEvents);
+    mixpanel.init();
+    mixpanel.registerSuperProperties({
+      version: Platform.Version,
+    });
+    const now = new Date().toISOString();
+    mixpanel.registerSuperPropertiesOnce({
+      app: Config.APP_NAME,
+      platform: Platform.OS,
+      first_time_install: now,
+    });
+  },
+  identify: (userId: string) => {
+    mixpanel?.identify(userId);
+    mixpanel?.registerSuperProperties({
+      version: Platform.Version,
+    });
+  },
+  track: (eventName: string, properties?: any) => {
+    mixpanel?.track(eventName, properties);
+  },
+  profile: {
+    set: (key: string, value?: any) => {
+      mixpanel?.getPeople()?.set(key, value);
+    },
+  },
+  reset: () => {
+    mixpanel?.reset();
+  },
+};

package/src/{selectBusiness → utils}/useMultiSnapBottomSheetRef.ts

@@ -1,31 +1,22 @@
 import { useRef, useState } from 'react';
 
-type SnapPoints = Record<string, any>;
-type ValidInitialSnap<T extends SnapPoints> = keyof T;
-
 export type TMultiSnapBottomSheetRef<T extends string> = {
   ref: React.MutableRefObject<any>;
   selectedSnap: T;
-  snapPoints: {
-    [K in T]: string[];
-  };
   expand: (snap: T) => void;
   close: () => any;
-  selectedSnapPoint: any;
   isVisible: boolean;
 };
 
-export const useMultiSnapBottomSheetRef = <T extends SnapPoints>({
+export const useMultiSnapBottomSheetRef = <T extends string>({
   initialSnap,
-  snapPoints,
 }: {
-  initialSnap: ValidInitialSnap<T>;
-  snapPoints: T;
+  initialSnap: T;
 }) => {
   const ref = useRef<any>(null);
   const [selectedSnap, setSelectedSnap] = useState(initialSnap);
   const [isVisible, setIsVisible] = useState(false);
-  const expand = (snap: keyof typeof snapPoints) => {
+  const expand = (snap: T) => {
     setSelectedSnap(snap);
     setIsVisible(true);
     ref.current?.expand();
@@ -38,9 +29,7 @@ export const useMultiSnapBottomSheetRef = <T extends SnapPoints>({
     isVisible,
     ref,
     selectedSnap,
-    snapPoints,
     expand,
     close,
-    selectedSnapPoint: snapPoints[selectedSnap] ?? snapPoints[0],
   };
 };

package/lib/commonjs/selectBusiness/useMultiSnapBottomSheetRef.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","useMultiSnapBottomSheetRef","initialSnap","snapPoints","ref","useRef","selectedSnap","setSelectedSnap","useState","isVisible","setIsVisible","expand","snap","current","close","selectedSnapPoint","exports"],"sourceRoot":"../../../src","sources":["selectBusiness/useMultiSnapBottomSheetRef.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAiBO,MAAMC,0BAA0B,GAAGA,CAAuB;EAC/DC,WAAW;EACXC;AAIF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAM,IAAI,CAAC;EAC7B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAACN,WAAW,CAAC;EAC7D,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMG,MAAM,GAAIC,IAA6B,IAAK;IAChDL,eAAe,CAACK,IAAI,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;IAClBN,GAAG,CAACS,OAAO,EAAEF,MAAM,CAAC,CAAC;EACvB,CAAC;EACD,MAAMG,KAAK,GAAGA,CAAA,KAAM;IAClBV,GAAG,CAACS,OAAO,EAAEC,KAAK,CAAC,CAAC;IACpBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EACD,OAAO;IACLD,SAAS;IACTL,GAAG;IACHE,YAAY;IACZH,UAAU;IACVQ,MAAM;IACNG,KAAK;IACLC,iBAAiB,EAAEZ,UAAU,CAACG,YAAY,CAAC,IAAIH,UAAU,CAAC,CAAC;EAC7D,CAAC;AACH,CAAC;AAACa,OAAA,CAAAf,0BAAA,GAAAA,0BAAA"}

package/lib/commonjs/selectBusiness/useSingleSnapBottomSheetRef.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","useSingleSnapBottomSheetRef","isVisible","setIsVisible","useState","ref","useRef","expand","current","close","exports"],"sourceRoot":"../../../src","sources":["selectBusiness/useSingleSnapBottomSheetRef.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAM,IAAI,CAAC;EAC7B,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnBF,GAAG,CAACG,OAAO,EAAED,MAAM,CAAC,CAAC;IACrBJ,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EACD,MAAMM,KAAK,GAAGA,CAAA,KAAM;IAClBN,YAAY,CAAC,KAAK,CAAC;IACnBE,GAAG,CAACG,OAAO,EAAEC,KAAK,CAAC,CAAC;EACtB,CAAC;EACD,OAAO;IAAEP,SAAS;IAAEG,GAAG;IAAEE,MAAM;IAAEE;EAAM,CAAC;AAC1C,CAAC;AAACC,OAAA,CAAAT,2BAAA,GAAAA,2BAAA"}

package/lib/module/selectBusiness/useMultiSnapBottomSheetRef.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useRef","useState","useMultiSnapBottomSheetRef","initialSnap","snapPoints","ref","selectedSnap","setSelectedSnap","isVisible","setIsVisible","expand","snap","current","close","selectedSnapPoint"],"sourceRoot":"../../../src","sources":["selectBusiness/useMultiSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAiBxC,OAAO,MAAMC,0BAA0B,GAAGA,CAAuB;EAC/DC,WAAW;EACXC;AAIF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGL,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAGN,QAAQ,CAACE,WAAW,CAAC;EAC7D,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMS,MAAM,GAAIC,IAA6B,IAAK;IAChDJ,eAAe,CAACI,IAAI,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;IAClBJ,GAAG,CAACO,OAAO,EAAEF,MAAM,CAAC,CAAC;EACvB,CAAC;EACD,MAAMG,KAAK,GAAGA,CAAA,KAAM;IAClBR,GAAG,CAACO,OAAO,EAAEC,KAAK,CAAC,CAAC;IACpBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EACD,OAAO;IACLD,SAAS;IACTH,GAAG;IACHC,YAAY;IACZF,UAAU;IACVM,MAAM;IACNG,KAAK;IACLC,iBAAiB,EAAEV,UAAU,CAACE,YAAY,CAAC,IAAIF,UAAU,CAAC,CAAC;EAC7D,CAAC;AACH,CAAC"}

package/lib/module/selectBusiness/useSingleSnapBottomSheetRef.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useRef","useState","useSingleSnapBottomSheetRef","isVisible","setIsVisible","ref","expand","current","close"],"sourceRoot":"../../../src","sources":["selectBusiness/useSingleSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AASxC,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGH,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMI,GAAG,GAAGL,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAMM,MAAM,GAAGA,CAAA,KAAM;IACnBD,GAAG,CAACE,OAAO,EAAED,MAAM,CAAC,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EACD,MAAMI,KAAK,GAAGA,CAAA,KAAM;IAClBJ,YAAY,CAAC,KAAK,CAAC;IACnBC,GAAG,CAACE,OAAO,EAAEC,KAAK,CAAC,CAAC;EACtB,CAAC;EACD,OAAO;IAAEL,SAAS;IAAEE,GAAG;IAAEC,MAAM;IAAEE;EAAM,CAAC;AAC1C,CAAC"}