Add env var for payload verification (#485)

## Description

Add environment variable to make sure that we only check events payload
in development.

## Motivation and Context

We want to make sure that the payload verification for events happens
only in development.

## Types of changes

- [x] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to
      not work as expected)

## Checklist:

- [ ] My code follows the code style of this project.
- [ ] My change requires a change to the documentation.
- [ ] I have updated the documentation accordingly.

Author: anna1901

internal/fishjam-chat/.env.example

@@ -17,3 +17,6 @@ EXPO_PUBLIC_VIDEOROOM_PRODUCTION_ROOM_MANAGER=
 
 # Fishjam id from cloud dashboard
 EXPO_PUBLIC_FISHJAM_ID=
+
+# set to true during development to validate payload for events
+EXPO_PUBLIC_CHECK_EVENT_PAYLOAD=

internal/fishjam-chat/App.tsx

@@ -4,6 +4,9 @@ import Toast from 'react-native-toast-message';
 
 import AppNavigator from './navigators/AppNavigator';
 import { useReconnectionToasts } from './hooks/useReconnectionToasts';
+import { setOverwriteDebugConfig } from '@fishjam-cloud/react-native-client';
+
+setOverwriteDebugConfig({ validateEventPayloads: true });
 
 function App(): React.JSX.Element {
   useReconnectionToasts();

packages/react-native-client/src/hooks/internal/useFishjamEvent.ts

@@ -5,6 +5,7 @@ import nativeModule, {
   ReceivableEventPayloads,
 } from '../../RNFishjamClientModule';
 import { validateNativeEventPayload } from '../../utils/eventPayloadValidator';
+import { getDebugConfig } from '../../utils/config';
 
 export function useFishjamEvent<T extends keyof typeof ReceivableEvents>(
   eventName: T,
@@ -30,6 +31,8 @@ export function validateAndLogEventPayload<
   // Double check just to make sure
   if (!__DEV__) return;
 
+  if (!getDebugConfig().validateEventPayloads) return;
+
   try {
     validateNativeEventPayload(eventName, payload);
   } catch (error) {

packages/react-native-client/src/index.tsx

@@ -113,3 +113,6 @@ export type { FishjamRoomProps } from './components/FishjamRoom';
 export { FishjamRoom } from './components/FishjamRoom';
 
 initializeWarningListener();
+
+// Debug/config API
+export { setOverwriteDebugConfig, DebugConfig } from './utils/config';

packages/react-native-client/src/utils/config.ts

@@ -0,0 +1,15 @@
+export type DebugConfig = {
+  validateEventPayloads: boolean;
+};
+
+const debugConfig: DebugConfig = {
+  validateEventPayloads: process.env.EXPO_PUBLIC_CHECK_EVENT_PAYLOAD ?? false,
+};
+
+export function setOverwriteDebugConfig(partial: Partial<DebugConfig>): void {
+  Object.assign(debugConfig, partial);
+}
+
+export function getDebugConfig(): DebugConfig {
+  return debugConfig;
+}