CU-868ex18rd Expo 53 update.

.eslintignore

@@ -1,5 +1,6 @@
 .eslintignorenode_modules
 __tests__/
+__mocks__/
 .vscode/
 android/
 coverage/

.github/workflows/react-native-cicd.yml

@@ -113,7 +113,7 @@ jobs:
     strategy:
       matrix:
         platform: [android, ios]
-    runs-on: ${{ matrix.platform == 'ios' && 'macos-14' || 'ubuntu-latest' }}
+    runs-on: ${{ matrix.platform == 'ios' && 'macos-15' || 'ubuntu-latest' }}
     environment: RNBuild
     steps:
       - name: 🏗 Checkout repository

.typescriptignore

@@ -0,0 +1,4 @@
+node_modules/**/*
+**/node_modules/**/*
+node_modules/@gluestack-ui/**/*
+**/@gluestack-ui/**/*

__mocks__/@/components/ui/avatar.tsx

@@ -0,0 +1,10 @@
+// @ts-nocheck
+import React from 'react';
+
+export function Avatar(props: any) {
+  return React.createElement('div', { ...props, style: { width: '48px', height: '48px', borderRadius: '50%', ...(props.style || {}) } }, props.children);
+}
+
+export function AvatarImage(props: any) {
+  return React.createElement('img', { ...props, alt: props.alt || '' });
+}

__mocks__/@/components/ui/box.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+
+export function Box(props: any) {
+  return React.createElement('div', props, props.children);
+}

__mocks__/@/components/ui/button.tsx

@@ -0,0 +1,10 @@
+// @ts-nocheck
+import React from 'react';
+
+export function Button(props: any) {
+  return React.createElement('button', { ...props, type: 'button' }, props.children);
+}
+
+export function ButtonText(props: any) {
+  return React.createElement('span', props, props.children);
+}

__mocks__/@/components/ui/hstack.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+
+export function HStack(props: any) {
+  return React.createElement('div', { ...props, style: { display: 'flex', flexDirection: 'row', ...(props.style || {}) } }, props.children);
+}

__mocks__/@/components/ui/pressable.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+
+export function Pressable(props: any) {
+  return React.createElement('button', { ...props, type: 'button', onClick: props.onPress }, props.children);
+}

__mocks__/@/components/ui/text.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+
+export function Text(props: any) {
+  return React.createElement('span', props, props.children);
+}

__mocks__/@/components/ui/vstack.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+
+export function VStack(props: any) {
+  return React.createElement('div', { ...props, style: { display: 'flex', flexDirection: 'column', ...(props.style || {}) } }, props.children);
+}

__mocks__/lucide-react-native.ts

@@ -0,0 +1,44 @@
+// Mock for lucide-react-native icons
+const React = require('react');
+const { View } = require('react-native');
+
+const mockIcon = React.forwardRef((props: any, ref: any) => {
+  return React.createElement(View, { ...props, ref, testID: `icon-${props.testID || 'mock'}` });
+});
+
+export const AlertCircle = mockIcon;
+export const Bell = mockIcon;
+export const BuildingIcon = mockIcon;
+export const CalendarIcon = mockIcon;
+export const CheckCircle = mockIcon;
+export const ChevronDownIcon = mockIcon;
+export const ChevronRightIcon = mockIcon;
+export const ChevronRight = mockIcon;
+export const Circle = mockIcon;
+export const ClockIcon = mockIcon;
+export const Edit2Icon = mockIcon;
+export const ExternalLink = mockIcon;
+export const FileTextIcon = mockIcon;
+export const GlobeIcon = mockIcon;
+export const HomeIcon = mockIcon;
+export const ImageIcon = mockIcon;
+export const InfoIcon = mockIcon;
+export const MailIcon = mockIcon;
+export const MapPinIcon = mockIcon;
+export const MessageCircle = mockIcon;
+export const MoreVertical = mockIcon;
+export const PaperclipIcon = mockIcon;
+export const Phone = mockIcon;
+export const PhoneIcon = mockIcon;
+export const RouteIcon = mockIcon;
+export const SettingsIcon = mockIcon;
+export const SmartphoneIcon = mockIcon;
+export const StarIcon = mockIcon;
+export const TrashIcon = mockIcon;
+export const Trash2 = mockIcon;
+export const User = mockIcon;
+export const UserCheck = mockIcon;
+export const UserIcon = mockIcon;
+export const Users = mockIcon;
+export const UsersIcon = mockIcon;
+export const X = mockIcon;

__mocks__/react-native-webview.js

@@ -0,0 +1,16 @@
+const React = require('react');
+const { View } = require('react-native');
+
+// Mock implementation of WebView
+const MockWebView = React.forwardRef((props, ref) => {
+  return React.createElement(View, {
+    ...props,
+    ref,
+    testID: props.testID || 'webview-mock',
+  });
+});
+
+module.exports = {
+  WebView: MockWebView,
+  default: MockWebView,
+};

__mocks__/react-native.ts

@@ -0,0 +1,63 @@
+// Mock React Native for Jest testing environment
+export const Platform = {
+  OS: 'ios',
+  select: jest.fn().mockImplementation((obj) => obj.ios || obj.default),
+};
+
+export const PermissionsAndroid = {
+  PERMISSIONS: {
+    BLUETOOTH_SCAN: 'android.permission.BLUETOOTH_SCAN',
+    BLUETOOTH_CONNECT: 'android.permission.BLUETOOTH_CONNECT',
+    ACCESS_FINE_LOCATION: 'android.permission.ACCESS_FINE_LOCATION',
+  },
+  RESULTS: {
+    GRANTED: 'granted',
+    DENIED: 'denied',
+    NEVER_ASK_AGAIN: 'never_ask_again',
+  },
+  requestMultiple: jest.fn(),
+  request: jest.fn(),
+};
+
+export const DeviceEventEmitter = {
+  addListener: jest.fn(),
+  removeAllListeners: jest.fn(),
+  emit: jest.fn(),
+};
+
+export const Alert = {
+  alert: jest.fn(),
+};
+
+export const Linking = {
+  canOpenURL: jest.fn().mockResolvedValue(true),
+  openURL: jest.fn().mockResolvedValue(undefined),
+};
+
+export const useColorScheme = jest.fn().mockReturnValue('light');
+
+export const useWindowDimensions = jest.fn().mockReturnValue({
+  width: 375,
+  height: 812,
+});
+
+// Mock other commonly used React Native components
+export const View = 'View';
+export const Text = 'Text';
+export const ScrollView = 'ScrollView';
+export const StyleSheet = {
+  create: jest.fn().mockImplementation((styles) => styles),
+};
+
+// Export default
+export default {
+  Platform,
+  PermissionsAndroid,
+  DeviceEventEmitter,
+  Alert,
+  Linking,
+  View,
+  Text,
+  StyleSheet,
+  useColorScheme,
+};

app.config.ts

@@ -180,7 +180,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
     [
       'expo-location',
       {
-        locationWhenInUsePermission: 'Allow Resgird Responder to show current location on map.',
+        locationWhenInUsePermission: 'Allow Resgrid Responder to show current location on map.',
         locationAlwaysAndWhenInUsePermission: 'Allow Resgrid Responder to use your location.',
         locationAlwaysPermission: 'Resgrid Responder needs to track your location',
         isIosBackgroundLocationEnabled: true,
@@ -265,6 +265,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
       },
     ],
     'react-native-ble-manager',
+    'expo-secure-store',
     '@livekit/react-native-expo-plugin',
     '@config-plugins/react-native-webrtc',
     '@config-plugins/react-native-callkeep',