refactor: updated types

packages/hoppscotch-app/components/collections/ImportExport.vue

@@ -178,6 +178,7 @@
 
 <script>
 import { defineComponent } from "@nuxtjs/composition-api"
+import { translateToNewRequest } from "@hoppscotch/data"
 import { currentUser$ } from "~/helpers/fb/auth"
 import * as teamUtils from "~/helpers/teams/utils"
 import { useReadonlyStream } from "~/helpers/utils/composables"
@@ -544,7 +545,7 @@ export default defineComponent({
           pwRequest.rawParams = request.body.raw
         }
       }
-      return pwRequest
+      return translateToNewRequest(pwRequest)
     },
     hasFolder(item) {
       return Object.prototype.hasOwnProperty.call(item, "item")

packages/hoppscotch-app/newstore/GQLSession.ts

@@ -14,7 +14,9 @@ export const defaultGQLSession: GQLSession = {
     name: "Untitled request",
     url: "https://echo.hoppscotch.io/graphql",
     headers: [],
-    variables: `{ "id": "1" }`,
+    variables: `{
+  "id": "1"
+}`,
     query: `query Request {
   method
   url

packages/hoppscotch-data/src/rest/index.ts

@@ -88,12 +88,12 @@ export function translateToNewRequest(x: any): HoppRESTRequest {
     return x
   } else {
     // Old format
-    const endpoint: string = `${x.url}${x.path}`
+    const endpoint: string = `${x?.url ?? ""}${x?.path ?? ""}`
 
-    const headers: HoppRESTHeader[] = x.headers ?? []
+    const headers: HoppRESTHeader[] = x?.headers ?? []
 
     // Remove old keys from params
-    const params: HoppRESTParam[] = (x.params ?? []).map(
+    const params: HoppRESTParam[] = (x?.params ?? []).map(
       ({
         key,
         value,
@@ -109,11 +109,11 @@ export function translateToNewRequest(x: any): HoppRESTRequest {
       })
     )
 
-    const name = x.name
-    const method = x.method
+    const name = x?.name ?? "Untitled request"
+    const method = x?.method ?? ""
 
-    const preRequestScript = x.preRequestScript
-    const testScript = x.testScript
+    const preRequestScript = x?.preRequestScript ?? ""
+    const testScript = x?.testScript ?? ""
 
     const body = parseRequestBody(x)