fix: Added the Download sample file from Azure storage

Author: Mayur

apps/widget/src/hooks/useSample.ts

@@ -4,7 +4,7 @@ import { useMutation } from '@tanstack/react-query';
 import { variables } from '@config';
 import { useAPIState } from '@store/api.context';
 import { useAppState } from '@store/app.context';
-import { downloadFileFromURL, getFileNameFromUrl, notifier } from '@util';
+import { buildFullFileUrl, downloadFileFromURL, getFileNameFromUrl, notifier } from '@util';
 import { ColumnTypesEnum, FileMimeTypesEnum, IErrorObject, ISchemaItem, ITemplate, downloadFile } from '@impler/shared';
 
 interface UseSampleProps {
@@ -20,7 +20,9 @@ export function useSample({ onDownloadComplete }: UseSampleProps) {
     [string, string]
   >(['getSignedUrl'], ([fileUrl]) => api.getSignedUrl(getFileNameFromUrl(fileUrl)), {
     onSuccess(signedUrl, queryVariables) {
-      downloadFileFromURL(signedUrl, queryVariables[variables.firstIndex]);
+      const fullFileUrl = buildFullFileUrl(signedUrl, queryVariables, variables.baseIndex);
+
+      downloadFileFromURL(fullFileUrl, queryVariables[variables.firstIndex]);
     },
     onError(error: IErrorObject) {
       notifier.showError({ title: error.error, message: error.message });

apps/widget/src/util/helpers/common.helpers.ts

@@ -48,6 +48,13 @@ function fetchFile(urlToFetch: string, name: string) {
   });
 }
 
+export function buildFullFileUrl(signedUrl: string, queryVariables: string[], baseIndex: number) {
+  const filePath = queryVariables[baseIndex];
+  const url = new URL(signedUrl);
+
+  return `${url.origin}${url.pathname}${filePath}${url.search}`;
+}
+
 export function downloadFileFromURL(url: string, name: string) {
   if (!isValidHttpUrl(url)) return;