@100mslive/react-native-room-kit 0.0.1

package/src/redux/reducers/index.ts

@@ -0,0 +1,14 @@
+import messages from './message';
+import app from './appState';
+import user from './userState';
+import hmsStates from './hmsStates';
+import chatWindow from './chatWindow';
+import { combineReducers } from 'redux';
+
+export default combineReducers({
+  messages,
+  app,
+  user,
+  hmsStates,
+  chatWindow,
+});

package/src/redux/reducers/message.ts

@@ -0,0 +1,36 @@
+import type { HMSMessage } from '@100mslive/react-native-hms';
+import ActionTypes, { HmsStateActionTypes } from '../actionTypes';
+
+type ActionType = {
+  payload: HMSMessage | (string | null | undefined);
+  type: String;
+};
+
+type InitType = {
+  messages: Array<HMSMessage>;
+  pinnedMessage: string | null | undefined;
+};
+
+const INITIAL_STATE: InitType = {
+  messages: [],
+  pinnedMessage: null,
+};
+
+const messageReducer = (state = INITIAL_STATE, action: ActionType) => {
+  switch (action.type) {
+    case ActionTypes.ADD_PINNED_MESSAGE.REQUEST:
+      const pinnedMessage = action.payload as string | null | undefined;
+      return { ...state, pinnedMessage };
+    case ActionTypes.ADD_MESSAGE.REQUEST:
+      const message = action.payload as HMSMessage;
+      return { ...state, messages: [message, ...state.messages] };
+    case ActionTypes.CLEAR_MESSAGE_DATA.REQUEST:
+      return { ...state, messages: [] };
+    case HmsStateActionTypes.CLEAR_STATES:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};
+
+export default messageReducer;

package/src/redux/reducers/userState.ts

@@ -0,0 +1,88 @@
+import type {
+  HMSRole,
+  HMSSDK,
+  HMSSessionStore,
+} from '@100mslive/react-native-hms';
+import { getMeetingCode, getMeetingUrl } from '../../utils/functions';
+import ActionTypes, { HmsStateActionTypes } from '../actionTypes';
+import type { IOSBuildConfig } from '../../utils/types';
+
+type ActionType = {
+  payload: any;
+  type: String;
+};
+
+type IntialStateType = {
+  userName: string;
+  userId: string | undefined;
+  endPoints: { init: string; token: string } | undefined;
+  debugMode: boolean;
+  roomID: string;
+  hmsInstance?: HMSSDK;
+  hmsSessionStore?: HMSSessionStore | null;
+  spotlightTrackId?: string | null;
+  roomCode: string;
+  isHLSFlow: boolean;
+  roles: HMSRole[];
+  iosBuildConfig: IOSBuildConfig | null;
+};
+
+const INITIAL_STATE: IntialStateType = {
+  userName: '',
+  userId: undefined,
+  endPoints: undefined,
+  debugMode: false,
+  hmsInstance: undefined,
+  roomID: getMeetingUrl(),
+  roomCode: getMeetingCode(),
+  isHLSFlow: true,
+  roles: [],
+  hmsSessionStore: null,
+  spotlightTrackId: null,
+  iosBuildConfig: null,
+};
+
+const userReducer = (
+  state = INITIAL_STATE,
+  action: ActionType
+): IntialStateType => {
+  switch (action.type) {
+    case ActionTypes.SAVE_USER_DATA.REQUEST:
+      return {
+        ...state,
+        ...action.payload,
+      };
+    case ActionTypes.SET_HMS_INSTANCE:
+      return {
+        ...state,
+        hmsInstance: action.payload.hmsInstance,
+      };
+    case ActionTypes.CLEAR_HMS_INSTANCE:
+      return {
+        ...state,
+        hmsInstance: undefined,
+        hmsSessionStore: null,
+        spotlightTrackId: null,
+      };
+    case HmsStateActionTypes.SET_USER_NAME:
+      return {
+        ...state,
+        userName: action.payload.userName,
+      };
+    case HmsStateActionTypes.SET_PREBUILT_DATA:
+      state.roomCode = action.payload.roomCode;
+      state.userName = action.payload.options.userName ?? '';
+      state.userId = action.payload.options.userId;
+      state.endPoints = action.payload.options.endPoints;
+      state.debugMode = action.payload.options.debugMode ?? false;
+      state.iosBuildConfig = action.payload.options.iosBuildConfig ?? null;
+
+      return state;
+    case HmsStateActionTypes.CLEAR_STATES:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};
+
+export default userReducer;

package/src/types.ts

@@ -0,0 +1,7 @@
+export enum MeetingState {
+  NOT_JOINED,
+  IN_PREVIEW,
+  IN_MEETING,
+  MEETING_ENDED,
+  ERROR,
+}

package/src/utils/dimension.ts

@@ -0,0 +1,57 @@
+import { Dimensions, PixelRatio, useWindowDimensions } from 'react-native';
+
+const screenWidth = Dimensions.get('window').width;
+const screenHeight = Dimensions.get('window').height;
+
+const DesignHeight = 896;
+const DesignWidth = 414;
+
+// It is based on the screen width of your design layouts e.g Height 896 x Width 414
+
+// function normalize(size) {
+//   return PixelRatio.roundToNearestPixel(size * scale);
+// }
+
+const viewWidth = (width: number) => {
+  // Parse string percentage input and convert it to number.
+  const percent = (width / DesignWidth) * 100;
+  const elemWidth = parseFloat(percent + '%');
+
+  // size (dp) to the nearest one that corresponds to an integer number of pixels.
+  return PixelRatio.roundToNearestPixel((screenWidth * elemWidth) / 100);
+};
+
+const viewHeight = (height: number) => {
+  // Parse string percentage input and convert it to number.
+  const percent = (height / DesignHeight) * 100;
+  const elemHeight = parseFloat(percent + '%');
+
+  // size (dp) to the nearest one that correspons to an integer number of pixels.
+  return PixelRatio.roundToNearestPixel((screenHeight * elemHeight) / 100);
+};
+
+export enum Orientation {
+  PORTRAIT,
+  LANDSCAPE,
+}
+
+export const useOrientation = () => {
+  const { height, width } = useWindowDimensions();
+
+  return width < height ? Orientation.PORTRAIT : Orientation.LANDSCAPE;
+};
+
+export const useIsLandscapeOrientation = () => {
+  return useOrientation() === Orientation.LANDSCAPE;
+};
+
+export const useIsPortraitOrientation = () => {
+  return useOrientation() === Orientation.PORTRAIT;
+};
+
+export default {
+  screenWidth,
+  screenHeight,
+  viewHeight,
+  viewWidth,
+};