MYB-2071 send message to RN (Blazity#32)

* MYB-2071 send message to RN

* MYB-2071 send unauthorized error message to RN

* MYB-2071 change validation of window

* MYB-2071 test error

* MYB-2071 test error 2

* MYB-2071 test error 3

* MYB-2071 test error 4

* MYB-2071 test error 5

components/BackButton/BackButton.tsx

@@ -1,9 +1,19 @@
 'use client';
 import Image from 'next/image';
-import { useRouter } from 'next/navigation';
+import { useRouter, usePathname } from 'next/navigation';
 import BackArrow from 'public/images/backArrow.svg';
+import { sendMessageToRN } from 'utils/sendMessageToRN';
 
 export const BackButton = () => {
+  const pathname = usePathname();
   const router = useRouter();
-  return <Image onClick={router.back} priority src={BackArrow} alt="back button" />;
+
+  const handleClick = () => {
+    if (pathname === '/') {
+      sendMessageToRN('close-view');
+    } else {
+      router.back();
+    }
+  };
+  return <Image onClick={handleClick} priority src={BackArrow} alt="back button" />;
 };

global.d.ts

@@ -0,0 +1,9 @@
+declare global {
+  interface Window {
+    ReactNativeWebView?: {
+      postMessage: (message: string) => void;
+    };
+  }
+}
+
+export {};

lib/axiosClient.ts

@@ -1,4 +1,5 @@
 import axios from 'axios';
+import { sendMessageToRN } from 'utils/sendMessageToRN';
 
 const apiClient = axios.create({
   baseURL: process.env.NEXT_PUBLIC_API_URL,
@@ -8,15 +9,27 @@ const apiClient = axios.create({
   },
 });
 
-apiClient.interceptors.request.use(config => {
-  const token = localStorage.getItem('token')
-  if (token) {
-    config.headers['Authorization'] = `Bearer ${token}`;
+apiClient.interceptors.request.use(
+  (config) => {
+    const token = localStorage.getItem('token');
+    if (token) {
+      config.headers['Authorization'] = `Bearer ${token}`;
+    }
+
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
   }
+);
 
-  return config;
-}, error => {
-  return Promise.reject(error);
-});
+apiClient.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error.response.status === 401) {
+      sendMessageToRN('unauthorized');
+    }
+  }
+);
 
 export default apiClient;

utils/sendMessageToRN.ts

@@ -0,0 +1,6 @@
+export function sendMessageToRN(text: string) {
+  if (typeof window === 'undefined') return;
+  if (window.ReactNativeWebView) {
+    window.ReactNativeWebView.postMessage(text);
+  }
+}