Release 3.3.17

examples/client/Locomotion/ios/Podfile.lock

@@ -1,4 +1,7 @@
 PODS:
+  - AppsFlyerFramework (6.13.1):
+    - AppsFlyerFramework/Main (= 6.13.1)
+  - AppsFlyerFramework/Main (6.13.1)
   - boost (1.76.0)
   - BVLinearGradient (2.6.2):
     - React-Core
@@ -318,6 +321,9 @@ PODS:
   - React-jsinspector (0.68.5)
   - React-logger (0.68.5):
     - glog
+  - react-native-appsflyer (6.13.1):
+    - AppsFlyerFramework (= 6.13.1)
+    - React
   - react-native-background-timer (2.4.1):
     - React-Core
   - react-native-carrier-info (1.1.2):
@@ -537,6 +543,7 @@ DEPENDENCIES:
   - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
   - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
+  - react-native-appsflyer (from `../node_modules/react-native-appsflyer`)
   - react-native-background-timer (from `../node_modules/react-native-background-timer`)
   - react-native-carrier-info (from `../node_modules/react-native-carrier-info`)
   - react-native-config (from `../node_modules/react-native-config`)
@@ -584,6 +591,7 @@ DEPENDENCIES:
 
 SPEC REPOS:
   trunk:
+    - AppsFlyerFramework
     - Firebase
     - FirebaseCore
     - FirebaseCoreDiagnostics
@@ -652,6 +660,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/jsinspector"
   React-logger:
     :path: "../node_modules/react-native/ReactCommon/logger"
+  react-native-appsflyer:
+    :path: "../node_modules/react-native-appsflyer"
   react-native-background-timer:
     :path: "../node_modules/react-native-background-timer"
   react-native-carrier-info:
@@ -742,6 +752,7 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
+  AppsFlyerFramework: 971521cf5b890c2afeab2f2c91734547b8b169ca
   boost: a7c83b31436843459a1961bfd74b96033dc77234
   BVLinearGradient: 34a999fda29036898a09c6a6b728b0b4189e1a44
   DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662
@@ -779,6 +790,7 @@ SPEC CHECKSUMS:
   React-jsiexecutor: 45c0496ca8cef6b02d9fa0274c25cf458fe91a56
   React-jsinspector: eb202e43b3879aba9a14f3f65788aec85d4e1ea9
   React-logger: 98f663b292a60967ebbc6d803ae96c1381183b6d
+  react-native-appsflyer: 7cf84f144123de4dd2c772d0be8e16ea6a66f681
   react-native-background-timer: 117fffdc9b0d6f144444bb49029f94275a45fdb5
   react-native-carrier-info: 1e6299256bd7ceaa36f851b30e071b2b4fc406ad
   react-native-config: bcafda5b4c51491ee1b0e1d0c4e3905bc7b56c1b
@@ -831,6 +843,6 @@ SPEC CHECKSUMS:
   StripeUICore: 08c1efbd7e3c54ee7fa74334a37a1d4c08ba944d
   Yoga: c4d61225a466f250c35c1ee78d2d0b3d41fe661c
 
-PODFILE CHECKSUM: 42909390370d7a65830c84fab99e66e070f1b4f9
+PODFILE CHECKSUM: 3d1a03e0b2517741427327a9545b9919923582eb
 
-COCOAPODS: 1.12.1
+COCOAPODS: 1.12.0

examples/client/Locomotion/package.json

@@ -56,6 +56,7 @@
     "react": "17.0.2",
     "react-i18next": "^11.7.2",
     "react-native": "^0.68.5",
+    "react-native-appsflyer": "^6.13.1",
     "react-native-background-timer": "^2.4.1",
     "react-native-carrier-info": "^1.1.2",
     "react-native-config": "^1.4.5",

examples/client/Locomotion/src/Components/CardRow/index.tsx

@@ -5,7 +5,6 @@ import { View, Text } from 'react-native';
 import moment from 'moment';
 import styled, { ThemeContext } from 'styled-components';
 import { PaymentIcon } from 'react-native-payment-icons';
-import BusinessAccountText from '../BusinessAccountText';
 import { RideInterface, RidePageContext } from '../../context/newRideContext';
 import { PAYMENT_METHODS, paymentMethodToIconMap } from '../../pages/Payments/consts';
 import Button from '../Button';
@@ -204,19 +203,11 @@ const CardRow = (paymentMethod: any) => {
                 )
                 : (
                   <>
-                    {
-                      (businessAccountId && offlinePaymentText)
-                        ? (
-                          <BusinessAccountText
-                            title={getPaymentMethodTitle()}
-                            subTitle={offlinePaymentText}
-                          />
-                        )
-                        : (
-                          <Type>
-                            {getPaymentMethodTitle()}
-                          </Type>
-                        )}
+
+                    <Type>
+                      {getPaymentMethodTitle()}
+                    </Type>
+
                     {paymentMethod.lastFour
                       ? <Description>{getLastFourForamttedShort(paymentMethod.lastFour)}</Description>
                       : null}

examples/client/Locomotion/src/Components/RideCard/index.tsx

@@ -93,7 +93,7 @@ const RideCard = ({
   const {
     getRidePriceCalculation,
   } = useContext(RidePageContext);
-  const { businessAccountId } = useContext(RidePageContext);
+
   const { getBusinessAccountById } = PaymentContext.useContainer();
   const { showPrice, loadShowPrice } = SettingContext.useContainer();
 
@@ -109,8 +109,8 @@ const RideCard = ({
   }, [ride]);
 
   useEffect(() => {
-    showPriceBasedOnAccount(loadShowPrice, getBusinessAccountById, businessAccountId);
-  }, [businessAccountId]);
+    showPriceBasedOnAccount(loadShowPrice, getBusinessAccountById, ride.businessAccountId);
+  }, [ride.businessAccountId]);
 
   const formatScheludedTo = async (time: any) => {
     try {

examples/client/Locomotion/src/Components/TextRowWithIcon/index.tsx

@@ -1,7 +1,6 @@
 import React, { useContext } from 'react';
 import { Text, View } from 'react-native';
 import styled, { ThemeContext } from 'styled-components';
-import BusinessAccountText from '../BusinessAccountText';
 import { FONT_SIZES } from '../../context/theme';
 import SvgIcon from '../SvgIcon';
 
@@ -57,13 +56,7 @@ const TextRowWithIcon = ({
         ...((Image || icon) && { marginLeft: 10 }),
       }}
       >
-        {subTitle ? (
-          <BusinessAccountText
-            title={text}
-            subTitle={subTitle}
-          />
-        )
-          : text}
+        {text}
       </BasicText>
     </Container>
   );

examples/client/Locomotion/src/LocomotionRouter.js

@@ -17,6 +17,7 @@ import MessagesProvider from './context/messages';
 import CancellationReasonsProvider from './context/cancellation-reasons';
 import VirtualStationsProvider from './context/virtualStationsContext';
 import Mixpanel from './services/Mixpanel';
+import initAppsFlyer from './services/appsflyer';
 
 LogBox.ignoreAllLogs();
 
@@ -49,6 +50,7 @@ export default (props) => {
   useEffect(() => {
     sendAppLaunchEvent();
     crashlytics().log('App mounted.');
+    initAppsFlyer();
     enableScreens(false);
     const listener = registerAppStateListener();
     return () => {

examples/client/Locomotion/src/context/payments/index.js

@@ -201,7 +201,9 @@ const usePayments = () => {
     if (relevantBusinessAccount) {
       return relevantBusinessAccount;
     }
-    return null;
+    // this means the client no longer have access to the business account, or BA was deleted
+    // requires a fallback object to avoid breaking the app
+    return {};
   };
 
   return {

examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/RideButtons/PaymentButton/index.tsx

@@ -6,7 +6,6 @@ import { PaymentIcon } from 'react-native-payment-icons';
 import styled, { ThemeContext } from 'styled-components';
 import { useFocusEffect } from '@react-navigation/native';
 import SkeletonContent from 'react-native-skeleton-content-nonexpo';
-import BusinessAccountText from '../../../../../../Components/BusinessAccountText';
 import { isCardPaymentMethod, isCashPaymentMethod, isOfflinePaymentMethod } from '../../../../../../lib/ride/utils';
 import { getCouponText } from '../../../../../../context/newRideContext/utils';
 import { MAIN_ROUTES } from '../../../../../routes';
@@ -77,7 +76,6 @@ interface PaymentButtonProps {
     brand?: Brand;
     id?: string;
     invalid?: boolean;
-    subTitle?: string;
 }
 
 
@@ -87,7 +85,6 @@ const PaymentButton = ({
   brand,
   id,
   invalid,
-  subTitle,
 }: PaymentButtonProps) => {
   const { primaryColor } = useContext(ThemeContext);
   const { getCoupon, coupon, setCoupon } = useContext(UserContext);
@@ -168,9 +165,7 @@ const PaymentButton = ({
               width={40}
             />
           )}
-        { subTitle
-          ? <BusinessAccountText title={title} subTitle={subTitle} />
-          : <TimeText numberOfLines={1}>{title}</TimeText> }
+        <TimeText numberOfLines={1}>{title}</TimeText>
       </CardNameContainer>
       <PromoButtonContainer>
         {loadPromoButton()}
@@ -185,5 +180,4 @@ PaymentButton.defaultProps = {
   brand: null,
   id: null,
   invalid: false,
-  subTitle: null,
 };

examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/RideButtons/index.tsx

@@ -269,7 +269,6 @@ const RideButtons = ({
           brand={selectedPaymentMethod?.brand}
           icon={paymentMethodToIconMap[selectedPaymentMethod?.id]}
           title={getSelectedPaymentMethodTitle()}
-          subTitle={businessAccountId && offlinePaymentText}
           id={selectedPaymentMethod?.id}
           invalid={paymentMethodNotAllowedOnService}
         />

examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js

@@ -26,7 +26,9 @@ import showPriceBasedOnAccount from '../../../../../../services/showPriceBasedOn
 
 const FARE_POPUP = 'farePopup';
 
-const ServiceCard = ({ service, withBorder, testID }) => {
+const ServiceCard = ({
+  service, withBorder, testID, descriptionNumberOfLines,
+}) => {
   const { businessAccountId } = useContext(RidePageContext);
   const theme = useContext(ThemeContext);
   const {
@@ -90,7 +92,7 @@ const ServiceCard = ({ service, withBorder, testID }) => {
   };
 
   const getDescription = forFutureRidesView => (
-    <Description style={{ ...(forFutureRidesView && { width: '60%' }) }} numberOfLines={2}>
+    <Description style={{ ...(forFutureRidesView && { width: '60%' }) }} numberOfLines={descriptionNumberOfLines || null}>
       {(service.description || '')}
     </Description>
   );

examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js

@@ -79,7 +79,8 @@ const ServiceOptions = () => {
           <ServiceCard
             withBorder
             service={option}
-            key={option.name}
+            key={option.id}
+            descriptionNumberOfLines={2}
           />
         ))
       }