fix: evaluate uploadAPI inputs (#1020)

evaluate uploadAPI inputs

Author: sagardspeed2

.changeset/popular-badgers-cheer.md

@@ -0,0 +1,5 @@
+---
+"@ensembleui/react-runtime": patch
+---
+
+evaluate uploadFiles inputs

packages/runtime/src/runtime/hooks/__tests__/useUploadFile.test.tsx

@@ -1,5 +1,8 @@
 /* eslint import/first: 0 */
-const fetchMock = jest.fn();
+const fetchMock = jest.fn<
+  Promise<{ body: { data: string }; isSuccess: boolean }>,
+  any[]
+>();
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const frameworkActual = jest.requireActual("@ensembleui/react-framework");
 
@@ -35,6 +38,9 @@ describe("file upload with pick files", () => {
         screen={{
           name: "test_cache",
           id: "test_cache",
+          onLoad: {
+            executeCode: "ensemble.storage.set('token', 'Testtoken123')",
+          },
           body: {
             name: "Button",
             properties: {
@@ -47,6 +53,10 @@ describe("file upload with pick files", () => {
                     uploadFiles: {
                       uploadApi: "https://randomuser.me/api",
                       files: "Test Files",
+                      inputs: {
+                        // eslint-disable-next-line no-template-curly-in-string
+                        headerToken: "${ensemble.storage.get('token')}",
+                      },
                       onComplete: {
                         executeCode: "console.log('Success')",
                       },
@@ -86,5 +96,13 @@ describe("file upload with pick files", () => {
       expect(pickFiles.files?.[0].name).toBe("example.png");
       expect(logSpy).toHaveBeenCalledWith("Success");
     });
+
+    await waitFor(() => {
+      expect(fetchMock.mock.calls[0][4]).toEqual(
+        expect.objectContaining({
+          headerToken: "Testtoken123",
+        }),
+      );
+    });
   });
 });

packages/runtime/src/runtime/hooks/useEnsembleAction.tsx

@@ -611,10 +611,10 @@ export const useUploadFiles: EnsembleActionHook<UploadFilesAction> = (
       const context = merge({}, evalContext, args[0]);
 
       const evaluatedInputs = evaluateDeep(
-        { files: action.files },
+        { files: action.files, inputs: action.inputs },
         screenModel,
         context,
-      ) as { files: FileList };
+      ) as { files: FileList; inputs: { [key: string]: unknown } };
 
       const files = evaluatedInputs.files;
 
@@ -629,8 +629,9 @@ export const useUploadFiles: EnsembleActionHook<UploadFilesAction> = (
           files,
           progressCallback,
           {
-            ...evaluatedInputs,
+            ...evaluatedInputs.inputs,
             ...context,
+            files: evaluatedInputs.files,
             ensemble: {
               env: appContext?.env,
               secrets: appContext?.secrets,