fix(sdk+connect-react): string_options -> stringOptions (#14867)

Author: tjk

packages/connect-react/CHANGELOG.md

@@ -1,6 +1,10 @@
 <!-- markdownlint-disable MD024 -->
 # Changelog
 
+# [1.0.0-preview.7] - 2024-12-05
+
+- Use proper casing for `stringOptions` now that configure prop is properly async
+
 # [1.0.0-preview.6] - 2024-12-05
 
 - Handle configurable prop `withLabel` (eg. fixes config of Airtable `tableId`)

packages/connect-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/connect-react",
-  "version": "1.0.0-preview.6",
+  "version": "1.0.0-preview.7",
   "description": "Pipedream Connect library for React",
   "files": [
     "dist"
@@ -27,7 +27,7 @@
   "author": "Pipedream Engineering",
   "license": "MIT",
   "dependencies": {
-    "@pipedream/sdk": "^1.0.6",
+    "@pipedream/sdk": "workspace:^",
     "@tanstack/react-query": "^5.59.16",
     "lodash.isequal": "^4.5.0",
     "react-markdown": "^9.0.1",

packages/connect-react/src/components/RemoteOptionsContainer.tsx

@@ -70,7 +70,7 @@ export function RemoteOptionsContainer({ queryEnabled }: RemoteOptionsContainerP
       // console.log("res", res)
       // XXX look at errors in response here too
       const {
-        options, string_options: stringOptions, errors,
+        options, stringOptions, errors,
       } = res;
       if (errors?.length) {
         // TODO field context setError? (for validity, etc.)

packages/sdk/CHANGELOG.md

@@ -1,6 +1,12 @@
 <!-- markdownlint-disable MD024 -->
 # Changelog
 
+## [1.0.10] - 2024-12-04
+
+### Changed
+
+- Handle correct casing of `stringOptions` in configure prop response
+
 ## [1.0.9] - 2024-12-04
 
 ### Added

packages/sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/sdk",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Pipedream SDK",
   "main": "dist/server/server/index.js",
   "module": "dist/server/server/index.js",

packages/sdk/src/shared/index.ts

@@ -91,7 +91,7 @@ export type AppResponse = AppInfo & {
 
 export type ComponentConfigureResponse = {
   options: { label: string; value: string; }[];
-  string_options: string[];
+  stringOptions: string[];
   errors: string[];
 };
 
@@ -580,11 +580,7 @@ export abstract class BaseClient {
       configured_props: opts.configuredProps,
       dynamic_props_id: opts.dynamicPropsId,
     };
-    return await this.makeConnectRequestAsync<{
-      options: { label: string; value: string; }[];
-      string_options: string[];
-      errors: string[];
-    }>("/components/configure", {
+    return await this.makeConnectRequestAsync<ComponentConfigureResponse>("/components/configure", {
       method: "POST",
       body,
     });