fix: change appId of server in env file

.env.example

@@ -7,13 +7,13 @@ GENERATE_SOURCEMAP=false
 # Set it to the URL from where APIs will be accessible, for local development it should be localhost:3000/api/app (use your local port number instead)
 REACT_APP_SERVERURL=https://app.opensignlabs.com/api/app
 # A 12 character long random app identifier. The value of this should be same as APP_ID which is a variable used by backend API.
-REACT_APP_APPID=aDsADsqweqwe
+REACT_APP_APPID=opensign
 # Google tag manager container id for configuring GTM on all pages of the app
 REACT_APP_GTM=GTM-123N7LD
 
 # Backend ExpressJS config ****************************************************************************************************************************************************************************************
 # A 12 character long random app identifier. The value of this should be same as REACT_APP_APPID which is a variable used by Frontend React App.
-APP_ID=aDsADsqweqwe
+APP_ID=opensign
 # Name of the app. It will be visible in the verification emails sent out.
 appName=open_sign_server
 # A 12 character long random secret key that allows access to all the data. It is used in Parse dashboard config to view all the data in the database. 

.env.frontend_dev

@@ -9,4 +9,4 @@ GENERATE_SOURCEMAP=false
 # Set it to the URL from where APIs will be accessible, for local development it should be localhost:3000/api/app (use your local port number instead)
 REACT_APP_SERVERURL=https://staging-app.opensignlabs.com/api/app
 # A 12 character long random app identifier. The value of this should be same as APP_ID which is a variable used by backend API.
-REACT_APP_APPID=opensignstgn
+REACT_APP_APPID=opensign

.env.local_dev

@@ -9,12 +9,12 @@ GENERATE_SOURCEMAP=false
 # Set it to the URL from where APIs will be accessible, for local development it should be localhost:3000/api/app (use your local port number instead)
 REACT_APP_SERVERURL=http://localhost:8080/app
 # A 12 character long random app identifier. The value of this should be same as APP_ID which is a variable used by backend API.
-REACT_APP_APPID=opensignstgn
+REACT_APP_APPID=opensign
 
 
 # Backend ExpressJS config ****************************************************************************************************************************************************************************************
 # A 12 character long random app identifier. The value of this should be same as REACT_APP_APPID which is a variable used by Frontend React App.
-APP_ID=opensignstgn
+APP_ID=opensign
 # Name of the app. It will be visible in the verification emails sent out.
 appName=open_sign_server
 # A 12 character long random secret key that allows access to all the data. It is used in Parse dashboard config to view all the data in the database.

apps/OpenSign/src/App.js

@@ -101,7 +101,7 @@ function App() {
                 />
               </Route>
               <Route
-                path="/loadmf/signmicroapp/login"
+                path="/loadmf/signmicroapp/login/:id/:userMail/:contactBookId/:serverUrl"
                 element={<GuestLogin />}
               />
               <Route

apps/OpenSign/src/constant/Utils.js

@@ -362,8 +362,7 @@ export async function getBase64FromUrl(url) {
     reader.readAsDataURL(blob);
     reader.onloadend = function () {
       const pdfBase = this.result;
-      const removeBase64Prefix = "data:application/octet-stream;base64,";
-      const suffixbase64 = pdfBase.replace(removeBase64Prefix, "");
+      const suffixbase64 = pdfBase.split(",").pop();
       resolve(suffixbase64);
     };
   });

apps/OpenSign/src/pages/GuestLogin.js

@@ -124,7 +124,7 @@ function GuestLogin() {
   };
 
   return (
-    <div style={{ padding: "2rem" }}>
+    <div style={{ padding: "2rem", background: "white" }}>
       {isLoading ? (
         <div
           style={{

apps/OpenSign/src/primitives/PdfDeclineModal.js

@@ -15,7 +15,7 @@ function CustomModal({
   return (
     show && (
       <div
-        className="bg-black bg-opacity-[75%] absolute z-[50] flex flex-col items-center justify-center"
+        className="bg-black bg-opacity-[75%] absolute z-[999] flex flex-col items-center justify-center"
         style={{
           width: containerWH && containerWH.width,
           height: isMobile ? "100%" : containerWH && containerWH.height