create fetch wrapper

src/pages/digitalId/Verify.jsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import Sidebar from '../../partials/Sidebar';
 import Header from '../../partials/Header';
 
-function Verify () {
+const Verify = (() => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [descriptionOpen, setDescriptionOpen] = useState(false);
 
@@ -165,6 +165,6 @@ function Verify () {
       </div>
     </div>
   )
-}
+})
 
-export default Verify;
+export default Verify;

src/shared/fetchWrapper.js

@@ -0,0 +1,50 @@
+function prepareUrl(url) {
+  if (url.startsWith('http')) return url;
+  return `/api/${url}`;
+}
+
+function handleRequest(attempts = 3, method, url, body) {
+  return new Promise((resolve, reject) => {
+    (function internalRequest() {
+      return request(method, url, body)
+        .then(resolve)
+        .catch(err => --attempts > 0 ? internalRequest() : reject(err))
+    })()
+  })
+   .then((res) => res.json())
+   .catch(() => [])
+};
+
+/**
+ * Request
+ * @param {string} url - endpoint url.
+ * @param {object} body - request body.
+ */
+function request(method, url, body) {
+  let controller = new AbortController;
+  let requestOptions = {};
+  if (method === 'get' || method === 'del'){
+    requestOptions = {
+      method: `${method.toUpperCase()}`,
+      signal: controller.signal,
+    }
+  };
+  if (method === 'post' || method === 'put'){
+    requestOptions = {
+      method: `${method.toUpperCase()}`,
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(body),
+      signal: controller.signal,
+    }
+  };
+  setTimeout(() => controller.abort(), 3000);
+  return fetch(url, requestOptions);
+};
+
+export const fetchWrapper = {
+  handleRequest,
+  baseUrl: '',
+};