Update js-clients to process action responses

package.json

@@ -28,7 +28,7 @@
     "@gadget-client/bulk-actions-test": "^1.113.0",
     "@gadget-client/full-auth": "^1.9.0",
     "@gadget-client/js-clients-test": "1.499.0-development.2005",
-    "@gadget-client/kitchen-sink": "1.5.0-development.200",
+    "@gadget-client/kitchen-sink": "1.9.0-development.206",
     "@gadget-client/related-products-example": "^1.865.0",
     "@gadget-client/zxcv-deeply-nested": "^1.212.0",
     "@gadget-client/zxcv-manythrough-example": "1.3.0-nick-dev.3",
@@ -37,6 +37,7 @@
     "@gadgetinc/eslint-config": "^0.6.1",
     "@gadgetinc/prettier-config": "^0.4.0",
     "@gadgetinc/react": "workspace:*",
+    "tiny-graphql-query-compiler": "workspace:*",
     "@swc/core": "^1.3.90",
     "@swc/jest": "^0.2.36",
     "@types/jest": "^29.5.12",

packages/api-client-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gadgetinc/api-client-core",
-  "version": "0.15.35",
+  "version": "0.15.36",
   "files": [
     "Readme.md",
     "dist/**/*"

packages/api-client-core/src/operationRunners.ts

@@ -341,7 +341,7 @@ const processBulkActionResponse = <Shape extends RecordShape = any>(
   }
 };
 
-const processActionResponse = <Shape extends RecordShape = any>(
+export const processActionResponse = <Shape extends RecordShape = any>(
   defaultSelection: FieldSelection | null,
   response: any,
   record: any,

packages/react/package.json

@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@0no-co/graphql.web": "^1.0.4",
-    "@gadgetinc/api-client-core": "^0.15.35",
+    "@gadgetinc/api-client-core": "^0.15.36",
     "@hookform/resolvers": "^3.3.1",
     "filesize": "^10.1.2",
     "pluralize": "^8.0.0",

packages/react/spec/useAction.spec.tsx

@@ -841,4 +841,50 @@ describe("useAction", () => {
       },
     });
   });
+
+  test("handles upsert data response", async () => {
+    const { result } = renderHook(() => useAction(kitchenSinkApi.widget.upsert), { wrapper: MockClientWrapper(relatedProductsApi) });
+
+    let mutationPromise: any;
+    act(() => {
+      mutationPromise = result.current[1]({ id: "123", widget: { name: "Something new", inventoryCount: 100 } });
+    });
+
+    expect(result.current[0].data).toBeFalsy();
+    expect(result.current[0].fetching).toBe(true);
+    expect(result.current[0].error).toBeFalsy();
+
+    expect(mockUrqlClient.executeMutation).toBeCalledTimes(1);
+
+    mockUrqlClient.executeMutation.pushResponse("upsertWidget", {
+      data: {
+        upsertWidget: {
+          success: true,
+          widget: {
+            id: "123",
+            name: "Something new",
+            inventoryCount: 101,
+          },
+        },
+      },
+      stale: false,
+      hasNext: false,
+    });
+
+    await act(async () => {
+      const promiseResult = await mutationPromise;
+
+      console.log(promiseResult);
+
+      expect(promiseResult.data!.id).toEqual("123");
+      expect(promiseResult.data!.name).toEqual("Something new");
+      expect(promiseResult.fetching).toBe(false);
+      expect(promiseResult.error).toBeFalsy();
+    });
+
+    expect(result.current[0].data?.id).toEqual("123");
+    expect(result.current[0].data?.name).toEqual("Something new");
+    expect(result.current[0].fetching).toBe(false);
+    expect(result.current[0].error).toBeFalsy();
+  });
 });

packages/react/src/useAction.ts

@@ -13,6 +13,7 @@ import {
   get,
   hydrateRecord,
   namespaceDataPath,
+  processActionResponse,
 } from "@gadgetinc/api-client-core";
 import { useCallback, useContext, useEffect, useMemo } from "react";
 import type { AnyVariables, OperationContext, UseMutationState } from "urql";
@@ -142,14 +143,13 @@ const processResult = <Data, Variables extends AnyVariables>(
   let data = null;
   if (result.data) {
     const dataPath = namespaceDataPath([action.operationName], action.namespace);
-
     const mutationData = get(result.data, dataPath);
     if (mutationData) {
       const errors = mutationData["errors"];
       if (errors && errors[0]) {
         error = ErrorWrapper.forErrorsResponse(errors, error?.response);
       } else {
-        data = action.hasReturnType ? mutationData.result : hydrateRecord(result, mutationData[action.modelSelectionField]);
+        data = processActionResponse(action.defaultSelection, result, mutationData, action.modelSelectionField, action.hasReturnType);
       }
     }
   }