Sync dev with master

.cursorrules

@@ -0,0 +1,65 @@
+You are an expert in TypeScript, React Native, Expo, and Mobile App Development.
+
+Code Style and Structure:
+
+- Write concise, type-safe TypeScript code.
+- Use functional components and hooks over class components.
+- Ensure components are modular, reusable, and maintainable.
+- Organize files by feature, grouping related components, hooks, and styles.
+- This is a mobile application, so ensure all components are mobile friendly and responsive and support both iOS and Android platforms and ensure that the app is optimized for both platforms.
+
+Naming Conventions:
+
+- Use camelCase for variable and function names (e.g., `isFetchingData`, `handleUserInput`).
+- Use PascalCase for component names (e.g., `UserProfile`, `ChatScreen`).
+- Directory and File names should be lowercase and hyphenated (e.g., `user-profile`, `chat-screen`).
+
+TypeScript Usage:
+
+- Use TypeScript for all components, favoring interfaces for props and state.
+- Enable strict typing in `tsconfig.json`.
+- Avoid using `any`; strive for precise types.
+- Utilize `React.FC` for defining functional components with props.
+
+Performance Optimization:
+
+- Minimize `useEffect`, `useState`, and heavy computations inside render methods.
+- Use `React.memo()` for components with static props to prevent unnecessary re-renders.
+- Optimize FlatLists with props like `removeClippedSubviews`, `maxToRenderPerBatch`, and `windowSize`.
+- Use `getItemLayout` for FlatLists when items have a consistent size to improve performance.
+- Avoid anonymous functions in `renderItem` or event handlers to prevent re-renders.
+
+UI and Styling:
+
+- Use consistent styling leveraging `gluestack-ui`. If there isn't a Gluestack component in the `components/ui` directory for the component you are trying to use consistently style it either through `StyleSheet.create()` or Styled Components.
+- Ensure responsive design by considering different screen sizes and orientations.
+- Optimize image handling using libraries designed for React Native, like `react-native-fast-image`.
+
+Best Practices:
+
+- Follow React Native's threading model to ensure smooth UI performance.
+- Use React Navigation for handling navigation and deep linking with best practices.
+- Create and use Jest to test to validate all generated components
+- Generate tests for all components, services and logic generated. Ensure tests run without errors and fix any issues.
+- The app is multi-lingual, so ensure all text is wrapped in `t()` from `react-i18next` for translations with the dictionary files stored in `src/translations`.
+- Ensure support for dark mode and light mode.
+- Ensure the app is accessible, following WCAG guidelines for mobile applications.
+- Make sure the app is optimized for performance, especially for low-end devices.
+- Handle errors gracefully and provide user feedback.
+- Implement proper offline support.
+- Ensure the user interface is intuitive and user-friendly and works seamlessly across different devices and screen sizes.
+
+Additional Rules:
+
+- Use `yarn` as the package manager.
+- Use Expo's secure store for sensitive data
+- Implement proper offline support
+- Use `zustand` for state management
+- Use `react-hook-form` for form handling
+- Use `react-query` for data fetching
+- Use `react-i18next` for internationalization
+- Use `react-native-mmkv` for local storage
+- Use `axios` for API requests
+- Use `@rnmapbox/maps` for maps, mapping or vehicle navigation
+- Use `lucide-react-native` for icons and use those components directly in the markup and don't use the gluestack-ui icon component
+- Use ? : for conditional rendering and not &&

.deepsource.toml

@@ -4,10 +4,5 @@ version = 1
 name = "javascript"
 enabled = true
 
-[analyzers.meta]
-environment = ["browser"]
-plugins = ["angular"]
-
-[[transformers]]
-name = "prettier"
-enabled = true
+  [analyzers.meta]
+  plugins = ["react"]

.dockerignore

@@ -0,0 +1,66 @@
+# Dependencies
+node_modules/
+.pnp/
+.pnp.js
+
+# Build outputs
+dist/
+build/
+.expo/
+web-build/
+android/
+ios/
+
+# Testing
+coverage/
+.nyc_output/
+*.test.js
+*.spec.js
+__tests__/
+__mocks__/
+
+# IDE and editors
+.idea/
+.vscode/
+*.swp
+*.swo
+*~
+
+# OS files
+.DS_Store
+Thumbs.db
+*.log
+
+# Git
+.git/
+.gitignore
+
+# Environment files (build time only, runtime injected)
+.env
+.env.*
+!.env.docker.example
+
+# Documentation
+docs/
+*.md
+!README.md
+
+# Docker files (don't need to copy into build context)
+docker-compose*.yml
+
+# Expo/EAS
+eas.json
+.easignore
+
+# CI/CD
+.github/
+.gitlab-ci.yml
+.circleci/
+Jenkinsfile
+
+# Misc
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.maestro/

.easignore

@@ -0,0 +1,29 @@
+node_modules/
+.expo/
+dist/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+yarn-error.log
+/coverage
+# macOS
+.DS_Store
+/android
+/ios
+/web
+/apps
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli
+
+# Include a file not in source control
+!google-services.json
+!credentials.json

.editorconfig

@@ -8,6 +8,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.ts]
+quote_type = single
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.env.docker.example

@@ -0,0 +1,28 @@
+# Docker Environment Configuration for Resgrid Dispatch Web
+# Copy this file to .env.docker and fill in your values
+
+# API Configuration
+DISPATCH_BASE_API_URL=https://api.resgrid.com
+DISPATCH_API_VERSION=v4
+DISPATCH_RESGRID_API_URL=/api/v4
+
+# SignalR Hub Configuration
+DISPATCH_CHANNEL_HUB_NAME=eventingHub
+DISPATCH_REALTIME_GEO_HUB_NAME=geolocationHub
+
+# Logging and App Keys
+DISPATCH_LOGGING_KEY=
+DISPATCH_APP_KEY=
+
+# Mapbox Configuration
+DISPATCH_MAPBOX_PUBKEY=
+
+# Sentry Error Tracking
+DISPATCH_SENTRY_DSN=
+
+# Countly Analytics
+DISPATCH_COUNTLY_APP_KEY=
+DISPATCH_COUNTLY_SERVER_URL=
+
+# Feature Flags
+DISPATCH_MAINTENANCE_MODE=false

.eslintignore

@@ -0,0 +1,10 @@
+.eslintignorenode_modules
+__tests__/
+.vscode/
+android/
+coverage/
+ios/
+.expo
+.expo-shared
+docs/
+cli/

.eslintrc.js

@@ -0,0 +1,89 @@
+const path = require('path');
+
+module.exports = {
+  extends: ['expo', 'plugin:tailwindcss/recommended', 'prettier'],
+  plugins: ['prettier', 'unicorn', '@typescript-eslint', 'unused-imports', 'tailwindcss', 'simple-import-sort', 'eslint-plugin-react-compiler'],
+  parserOptions: {
+    project: './tsconfig.json',
+  },
+  rules: {
+    'prettier/prettier': 'warn',
+    'max-params': ['error', 10], // Limit the number of parameters in a function to use object instead
+    'max-lines-per-function': ['error', 1500],
+    'react/display-name': 'off',
+    'react/no-inline-styles': 'off',
+    'react/destructuring-assignment': 'off', // Vscode doesn't support automatically destructuring, it's a pain to add a new variable
+    'react/require-default-props': 'off', // Allow non-defined react props as undefined
+    '@typescript-eslint/comma-dangle': 'off', // Avoid conflict rule between Eslint and Prettier
+    '@typescript-eslint/consistent-type-imports': [
+      'warn',
+      {
+        prefer: 'type-imports',
+        fixStyle: 'inline-type-imports',
+        disallowTypeAnnotations: true,
+      },
+    ], // Ensure `import type` is used when it's necessary
+    'import/prefer-default-export': 'off', // Named export is easier to refactor automatically
+    'import/no-cycle': ['error', { maxDepth: '∞' }],
+    'tailwindcss/classnames-order': [
+      'warn',
+      {
+        officialSorting: true,
+      },
+    ], // Follow the same ordering as the official plugin `prettier-plugin-tailwindcss`
+    'simple-import-sort/imports': 'error', // Import configuration for `eslint-plugin-simple-import-sort`
+    'simple-import-sort/exports': 'error', // Export configuration for `eslint-plugin-simple-import-sort`
+    '@typescript-eslint/no-unused-vars': 'off',
+    'tailwindcss/no-custom-classname': 'off',
+    'unused-imports/no-unused-imports': 'off',
+    'unused-imports/no-unused-vars': [
+      'off',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^_',
+      },
+    ],
+  },
+  overrides: [
+    // Configuration for  translations files (i18next)
+    {
+      files: ['src/translations/*.json'],
+      extends: ['plugin:i18n-json/recommended'],
+      rules: {
+        'i18n-json/valid-message-syntax': [
+          2,
+          {
+            syntax: path.resolve('./scripts/i18next-syntax-validation.js'),
+          },
+        ],
+        'i18n-json/valid-json': 2,
+        'i18n-json/sorted-keys': [
+          2,
+          {
+            order: 'asc',
+            indentSpaces: 2,
+          },
+        ],
+        'i18n-json/identical-keys': [
+          2,
+          {
+            filePath: path.resolve('./src/translations/en.json'),
+          },
+        ],
+        'prettier/prettier': [
+          0,
+          {
+            singleQuote: true,
+            endOfLine: 'auto',
+          },
+        ],
+      },
+    },
+    {
+      // Configuration for testing files
+      files: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+      extends: ['plugin:testing-library/react'],
+    },
+  ],
+};

.github/copilot-instructions.md

@@ -0,0 +1,73 @@
+You are an expert in TypeScript, React Native, Expo, and Mobile App Development.
+
+Code Style and Structure:
+
+- Write concise, type-safe TypeScript code.
+- Use functional components and hooks over class components.
+- Ensure components are modular, reusable, and maintainable.
+- Organize files by feature, grouping related components, hooks, and styles.
+- This is a mobile application, so ensure all components are mobile friendly and responsive and support both iOS and Android platforms and ensure that the app is optimized for both platforms.
+
+Naming Conventions:
+
+- Use camelCase for variable and function names (e.g., `isFetchingData`, `handleUserInput`).
+- Use PascalCase for component names (e.g., `UserProfile`, `ChatScreen`).
+- Directory and File names should be lowercase and hyphenated (e.g., `user-profile`, `chat-screen`).
+
+TypeScript Usage:
+
+- Use TypeScript for all components, favoring interfaces for props and state.
+- Enable strict typing in `tsconfig.json`.
+- Avoid using `any`; strive for precise types.
+- Utilize `React.FC` for defining functional components with props.
+
+Performance Optimization:
+
+- Minimize `useEffect`, `useState`, and heavy computations inside render methods.
+- Use `React.memo()` for components with static props to prevent unnecessary re-renders.
+- Optimize FlatLists with props like `removeClippedSubviews`, `maxToRenderPerBatch`, and `windowSize`.
+- Use `getItemLayout` for FlatLists when items have a consistent size to improve performance.
+- Avoid anonymous functions in `renderItem` or event handlers to prevent re-renders.
+
+UI and Styling:
+
+- Use consistent styling leveraging `gluestack-ui`. If there isn't a Gluestack component in the `components/ui` directory for the component you are trying to use consistently style it either through `StyleSheet.create()` or Styled Components.
+- Ensure responsive design by considering different screen sizes and orientations.
+- Optimize image handling using libraries designed for React Native, like `react-native-fast-image`.
+
+Web Platform Compatibility (React Native Web):
+
+- When combining styles (e.g., `[styles.base, { color: dynamicColor }]`), always use `StyleSheet.flatten()` to merge them into a single object. Passing style arrays directly causes "Failed to set an indexed property on CSSStyleDeclaration" errors on web.
+- For components that need dynamic styles, use: `style={StyleSheet.flatten([styles.myStyle, { color: dynamicValue }])}`
+- Do not pass `style` props directly to lucide-react-native icons. Wrap icons in a `View` and apply styles to the wrapper instead.
+- Avoid using the `gap` property in StyleSheet styles as it has inconsistent support on web. Use `marginLeft`, `marginRight`, `marginTop`, or `marginBottom` on child elements instead.
+- When creating custom components that will render on web, prefer using React Native's core `Text` and `View` components (imported from 'react-native') over gluestack-ui wrappers for better style handling compatibility.
+
+Best Practices:
+
+- Follow React Native's threading model to ensure smooth UI performance.
+- Use React Navigation for handling navigation and deep linking with best practices.
+- Create and use Jest to test to validate all generated components
+- Generate tests for all components, services and logic generated. Ensure tests run without errors and fix any issues.
+- The app is multi-lingual, so ensure all text is wrapped in `t()` from `react-i18next` for translations with the dictonary files stored in `src/translations`.
+- Ensure support for dark mode and light mode.
+- Ensure the app is accessible, following WCAG guidelines for mobile applications.
+- Make sure the app is optimized for performance, especially for low-end devices.
+- Handle errors gracefully and provide user feedback.
+- Implement proper offline support.
+- Ensure the user interface is intuitive and user-friendly and works seamlessly across different devices and screen sizes.
+
+Additional Rules:
+
+- Use `yarn` as the package manager.
+- Use Expo's secure store for sensitive data
+- Implement proper offline support
+- Use `zustand` for state management
+- Use `react-hook-form` for form handling
+- Use `react-query` for data fetching
+- Use `react-i18next` for internationalization
+- Use `react-native-mmkv` for local storage
+- Use `axios` for API requests
+- Use `@rnmapbox/maps` for maps, mapping or vehicle navigation
+- Use `lucide-react-native` for icons and use those components directly in the markup and don't use the gluestack-ui icon component
+- Use ? : for conditional rendering and not &&

.github/dependabot.yml

@@ -7,5 +7,6 @@ version: 2
 updates:
   - package-ecosystem: "npm" # See documentation for possible values
     directory: "/" # Location of package manifests
+    open-pull-requests-limit: 0
     schedule:
       interval: "weekly"