chore: apns sample fixes

Apps/APN/App.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { ActivityIndicator } from 'react-native';
+import { ActivityIndicator, SafeAreaView, StyleSheet } from 'react-native';
 import CustomerIoSDKConfig from './src/data/sdk/CustomerIoSDKConfig';
 import AppNavigator from './src/navigation/AppNavigator';
 import {
@@ -106,8 +106,16 @@ export default function App() {
   return (
     <CustomerIoSdkContext.Provider value={customerIoSdkState}>
       <UserStateContext.Provider value={userState}>
-        <AppNavigator />
+        <SafeAreaView style={styles.container}>
+          <AppNavigator />
+        </SafeAreaView>
       </UserStateContext.Provider>
     </CustomerIoSdkContext.Provider>
   );
 }
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});

Apps/APN/ios/Podfile.lock

@@ -1,18 +1,18 @@
 PODS:
   - boost (1.76.0)
-  - customerio-reactnative (3.1.5):
-    - customerio-reactnative/nopush (= 3.1.5)
+  - customerio-reactnative (3.1.6):
+    - customerio-reactnative/nopush (= 3.1.6)
     - CustomerIO/MessagingInApp (= 2.7.4)
     - CustomerIO/Tracking (= 2.7.4)
     - React-Core
-  - customerio-reactnative-richpush/apn (3.1.5):
+  - customerio-reactnative-richpush/apn (3.1.6):
     - CustomerIO/MessagingPushAPN (= 2.7.4)
-  - customerio-reactnative/apn (3.1.5):
+  - customerio-reactnative/apn (3.1.6):
     - CustomerIO/MessagingInApp (= 2.7.4)
     - CustomerIO/MessagingPushAPN (= 2.7.4)
     - CustomerIO/Tracking (= 2.7.4)
     - React-Core
-  - customerio-reactnative/nopush (3.1.5):
+  - customerio-reactnative/nopush (3.1.6):
     - CustomerIO/MessagingInApp (= 2.7.4)
     - CustomerIO/Tracking (= 2.7.4)
     - React-Core
@@ -545,8 +545,8 @@ EXTERNAL SOURCES:
 SPEC CHECKSUMS:
   boost: a7c83b31436843459a1961bfd74b96033dc77234
   CustomerIO: fc932c67b92a71cb25edc4699d1bbfcbd74aa960
-  customerio-reactnative: 8f3913c1251ecfb7e0c62ce235824a95a4ec8a51
-  customerio-reactnative-richpush: 5d991f0b018db8d098c29f2ccadf7585f45f04cf
+  customerio-reactnative: 903f1ac499962a6b34518d9fcb15ff709b2eea5c
+  customerio-reactnative-richpush: 59c7b5c08aaa7f9e7f6e34c3efcbd1c011d79bea
   CustomerIOCommon: d26701acf4ffa6e7dfff82d5a4902d9ab034fec5
   CustomerIOMessagingInApp: 431a7033a25292c09f8adc8c8e65ddd482ad7932
   CustomerIOMessagingPush: c24b9cc5babcd5a707c9d2c5f66deb236a976fe0

Apps/APN/src/components/TextField.js

@@ -89,6 +89,7 @@ export const TextField = ({
         onSubmitEditing={onSubmitEditing}
         returnKeyType={returnKeyType}
         accessibilityLabel={contentDesc}
+        placeholderTextColor={Colors.INPUT_FIELD_HINT_COLOR}
         {...textInputProps}
       />
       {leadingIconImageSource && (

Apps/APN/src/constants/Colors.js

@@ -2,6 +2,7 @@ export const PRIMARY_COLOR = '#3C437D';
 export const SECONDARY_COLOR = '#7131FF';
 export const CONTAINER_BACKGROUND_COLOR = '#FFFFFF';
 export const INPUT_FIELD_BORDER_COLOR = 'rgba(0, 0, 0, 0.12)';
+export const INPUT_FIELD_HINT_COLOR = 'rgba(0, 0, 0, 0.12)';
 export const SWITCH_THUMB_COLOR_ON = '#FFFFFF';
 export const SWITCH_THUMB_COLOR_OFF = '#F3F3F3';
 export const SWITCH_TRACK_COLOR_ON = '#34C759';

Apps/APN/src/screens/Attributes.js

@@ -36,33 +36,7 @@ const Attributes = ({ route }) => {
       throw new Error(`Invalid screen prop: ${screen}.`);
   }
 
-  const isFormValid = () => {
-    let message;
-    let emptyFieldMessageBuilder = (fieldName) => {
-      return `${fieldName} cannot be empty`;
-    };
-
-    if (!attributeName) {
-      message = emptyFieldMessageBuilder('Attribute Name');
-    } else if (!attributeValue) {
-      message = emptyFieldMessageBuilder('Attribute Value');
-    }
-
-    if (message) {
-      Prompts.showAlert({
-        title: 'Error',
-        message: message,
-      });
-      return false;
-    }
-    return true;
-  };
-
   const handleSendPress = () => {
-    if (!isFormValid()) {
-      return;
-    }
-
     switch (screen) {
       case Screen.DEVICE_ATTRIBUTES:
         trackDeviceAttribute(attributeName, attributeValue);

Apps/APN/src/screens/CustomEvent.js

@@ -13,31 +13,7 @@ const CustomEvent = () => {
   const [propertyName, setPropertyName] = useState('');
   const [propertyValue, setPropertyValue] = useState('');
 
-  const isFormValid = () => {
-    let message;
-    let emptyFieldMessageBuilder = (fieldName) => {
-      return `${fieldName} cannot be empty`;
-    };
-
-    if (!eventName) {
-      message = emptyFieldMessageBuilder('Event Name');
-    }
-
-    if (message) {
-      Prompts.showAlert({
-        title: 'Error',
-        message: message,
-      });
-      return false;
-    }
-    return true;
-  };
-
   const handleSendPress = () => {
-    if (!isFormValid()) {
-      return;
-    }
-
     trackEvent(eventName, propertyName, propertyValue);
     Prompts.showSnackbar({ text: 'Event sent successfully' });
   };

Apps/APN/src/screens/Dashboard.js

@@ -42,7 +42,7 @@ const Dashboard = ({ navigation }) => {
 
         eventName = 'appointmentScheduled';
         propertyName = 'appointmentTime';
-        propertyValue = appointmentTime.getTime() / 1000;
+        propertyValue = Math.round(appointmentTime.getTime() / 1000);
         break;
 
       case 2: