fix: raw lens renderer download option uses direct arraybuffer binary value instead of text

packages/hoppscotch-app/helpers/functional/object.ts

@@ -1,5 +1,6 @@
 import { pipe } from "fp-ts/function"
 import cloneDeep from "lodash/cloneDeep"
+import isEqual from "lodash/isEqual"
 
 export const objRemoveKey =
   <T, K extends keyof T>(key: K) =>
@@ -8,3 +9,12 @@ export const objRemoveKey =
       delete e[key]
       return e
     })
+
+export const objFieldMatches =
+  <T, K extends keyof T, V extends T[K]>(
+    fieldName: K,
+    matches: ReadonlyArray<V>
+  ) =>
+  // eslint-disable-next-line no-unused-vars
+  (obj: T): obj is T & { [_ in K]: V } =>
+    matches.findIndex((x) => isEqual(obj[fieldName], x)) !== -1

packages/hoppscotch-app/helpers/lenses/composables/useDownloadResponse.ts

@@ -5,7 +5,7 @@ export type downloadResponseReturnType = (() => void) | Ref<any>
 
 export default function useDownloadResponse(
   contentType: string,
-  responseBodyText: Ref<string>
+  responseBody: Ref<string | ArrayBuffer>
 ): {
   downloadIcon: Ref<string>
   downloadResponse: () => void
@@ -15,7 +15,7 @@ export default function useDownloadResponse(
   const t = useI18n()
 
   const downloadResponse = () => {
-    const dataToWrite = responseBodyText.value
+    const dataToWrite = responseBody.value
     const file = new Blob([dataToWrite], { type: contentType })
     const a = document.createElement("a")
     const url = URL.createObjectURL(file)