initial release

Author: crazycoder.io

.gitignore

@@ -0,0 +1 @@
+node_modules/

Readme.md

@@ -0,0 +1 @@
+# COMMT React Native SDK

Services/Axios.ts

@@ -0,0 +1,29 @@
+import axios from "axios";
+
+// Axios Create Instance
+const instance = axios.create({
+  baseURL: "https://service.commt.co",
+  timeout: 3000,
+});
+
+// Axios Request Interceptor
+instance.interceptors.request.use(
+  (request) => {
+    return request;
+  },
+  (error) => {
+    Promise.reject(error);
+  },
+);
+
+// Axios Response Interceptor
+instance.interceptors.response.use(
+  (response) => {
+    return response;
+  },
+  (error) => {
+    Promise.reject(error);
+  },
+);
+
+export default instance;

Services/index.ts

@@ -0,0 +1,108 @@
+import { UserProps } from "../context/reducers/usersReducer";
+import axios from "./Axios";
+import { ConfigsProps } from "../context/reducers/appReducer";
+import { RoomProps } from "../context/reducers/roomsReducer";
+
+interface AuthKeysProps {
+  apiKey: string;
+  subscriptionKey: string;
+}
+
+export interface InitiateProps extends AuthKeysProps {
+  tenantId: string;
+}
+
+interface OnlineInfoProps extends AuthKeysProps {
+  userIds: string;
+}
+
+type OnlineInfoReturnProps = Pick<
+  UserProps,
+  "chatAuthId" | "socketId" | "online"
+>;
+
+interface ReadTokenProps extends AuthKeysProps {
+  roomIds: string;
+}
+
+type ReadTokenReturnProps = Pick<
+  RoomProps,
+  "chatRoomAuthId" | "lastMessageReadToken"
+>;
+
+export const initiate = async (props: InitiateProps) => {
+  const { tenantId, apiKey, subscriptionKey } = props;
+
+  try {
+    const response = await axios.get<ConfigsProps>(
+      `/api/v1/tenant/config/${tenantId}`,
+      {
+        params: {
+          tenantId,
+          plugin: true, // This is for backend compatibility
+        },
+        headers: {
+          apiKey,
+          subscriptionKey,
+        },
+      },
+    );
+
+    if (response.data.tenantId === tenantId) {
+      return response.data;
+    }
+
+    return;
+  } catch {
+    // TODO: Log error
+    /* empty */
+  }
+};
+
+export const getUsersOnlineInfo = async (props: OnlineInfoProps) => {
+  const { userIds, apiKey, subscriptionKey } = props;
+
+  try {
+    const response = await axios.get<OnlineInfoReturnProps[]>(
+      `/api/v1/user/active-users`,
+      {
+        params: {
+          userIds,
+        },
+        headers: {
+          apiKey,
+          subscriptionKey,
+        },
+      },
+    );
+
+    return response.data;
+  } catch {
+    // TODO: Log error
+    /* empty */
+  }
+};
+
+export const getRoomsReadToken = async (props: ReadTokenProps) => {
+  const { roomIds, apiKey, subscriptionKey } = props;
+
+  try {
+    const response = await axios.get<ReadTokenReturnProps[]>(
+      `/api/v1/room/active-rooms`,
+      {
+        params: {
+          roomIds,
+        },
+        headers: {
+          apiKey,
+          subscriptionKey,
+        },
+      },
+    );
+
+    return response.data;
+  } catch {
+    // TODO: Log error
+    /* empty */
+  }
+};

assets/icons/svg/Dots.tsx

@@ -0,0 +1,12 @@
+import * as React from "react";
+import Svg, { SvgProps, Path } from "react-native-svg";
+
+const Dots = (props: SvgProps) => (
+  <Svg width={16} height={5} {...props}>
+    <Path
+      fill="#B3B6B7"
+      d="M1.333.167C.6.167 0 .767 0 1.5s.6 1.333 1.333 1.333c.734 0 1.334-.6 1.334-1.333S2.067.167 1.333.167Zm13.334 0c-.734 0-1.334.6-1.334 1.333s.6 1.333 1.334 1.333C15.4 2.833 16 2.233 16 1.5S15.4.167 14.667.167ZM8 .167c-.733 0-1.333.6-1.333 1.333S7.267 2.833 8 2.833s1.333-.6 1.333-1.333S8.733.167 8 .167Z"
+    />
+  </Svg>
+);
+export default Dots;

assets/icons/svg/EmojiIcon.tsx

@@ -0,0 +1,12 @@
+import * as React from "react";
+import Svg, { SvgProps, Path } from "react-native-svg";
+
+const EmojiIcon = (props: SvgProps) => (
+  <Svg width={14} height={14} {...props}>
+    <Path
+      fill="#B3B6B7"
+      d="M14 6.048a7.024 7.024 0 0 0-6.599 2.725 3.501 3.501 0 0 1-2.711-.877L3.75 8.944a4.907 4.907 0 0 0 2.824 1.233A7.012 7.012 0 0 0 6.048 14a7.036 7.036 0 0 1 .986-14C10.584 0 13.52 2.63 14 6.048Zm-.022 1.42a5.62 5.62 0 0 0-5.602 2.357 5.598 5.598 0 0 0-.99 3.189c0 .328.028.65.082.964l6.51-6.51Zm-9.406-.785a1.055 1.055 0 1 0 0-2.11 1.055 1.055 0 0 0 0 2.11Zm4.924 0a1.055 1.055 0 1 0 0-2.11 1.055 1.055 0 0 0 0 2.11Z"
+    />
+  </Svg>
+);
+export default EmojiIcon;

assets/icons/svg/FilledDoubleCheck.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import Svg, { SvgProps, Path } from "react-native-svg";
+
+interface FilledDoubleCheckProps extends SvgProps {
+  color?: string;
+}
+
+const FilledDoubleCheck = ({ color, ...props }: FilledDoubleCheckProps) => (
+  <Svg width={14} height={8} {...props}>
+    <Path
+      fill={color || "#1B9C32"}
+      d="m6.986 5.39.869.87 5.21-5.21.87.87L7.855 8 3.939 4.084l.87-.87L6.117 4.52l.87.87Zm.001-1.74L10.035.603l.868.868-3.048 3.047-.868-.867Zm-1.74 3.48L4.379 8 .462 4.084l.87-.87.87.87H2.2L5.248 7.13Z"
+    />
+  </Svg>
+);
+export default FilledDoubleCheck;

assets/icons/svg/PaperPlane.tsx

@@ -0,0 +1,11 @@
+import * as React from "react"
+import Svg, { SvgProps, Path } from "react-native-svg"
+const PaperPlane = (props: SvgProps) => (
+  <Svg width={14} height={14} {...props} >
+    <Path
+      fill="#fff"
+      d="M.763 4.888c-.362-.12-.365-.316.008-.44L14.009.035c.366-.122.577.083.474.443L10.7 13.716c-.104.367-.316.38-.47.031l-2.494-5.61 4.162-5.548L6.35 6.75.763 4.888Z"
+    />
+  </Svg>
+);
+export default PaperPlane;

assets/icons/svg/SearchIcon.tsx

@@ -0,0 +1,12 @@
+import * as React from "react";
+import Svg, { SvgProps, Path } from "react-native-svg";
+
+const SearchIcon = (props: SvgProps) => (
+  <Svg width={14} height={14} {...props}>
+    <Path
+      fill="#B3B6B7"
+      d="m10.518 9.693 2.498 2.498-.825.825-2.498-2.498a5.252 5.252 0 0 1-8.526-4.101 5.252 5.252 0 0 1 5.25-5.25 5.252 5.252 0 0 1 4.101 8.526Zm-1.17-.433a4.082 4.082 0 0 0-2.931-6.927 4.082 4.082 0 0 0-4.084 4.084 4.082 4.082 0 0 0 6.927 2.93l.088-.087Z"
+    />
+  </Svg>
+);
+export default SearchIcon;

assets/icons/svg/SingleCheck.tsx

@@ -0,0 +1,12 @@
+import * as React from "react";
+import Svg, { SvgProps, Path } from "react-native-svg";
+
+const SingleCheck = (props: SvgProps) => (
+  <Svg width={11} height={7} {...props}>
+    <Path
+      fill="#676D6F"
+      d="m4.855 5.26-.869-.87-.87-.869L1.81 2.214l-.87.87L4.855 7l6.08-6.08-.87-.87-5.21 5.21Z"
+    />
+  </Svg>
+);
+export default SingleCheck;