Fix LaunchDarkly integration API call to get flags and config screen missing project key input (#860)

* Fix LaunchDarkly config missing project key input

* Fix LD API call Authorization header

* Add changeset

Author: spastorelli

.changeset/nine-friends-trade.md

@@ -0,0 +1,5 @@
+---
+'@gitbook/integration-launchdarkly': minor
+---
+
+Fix LaunchDarkly integration API call to get flags and config screen missing project key input

integrations/launchdarkly/src/components.tsx

@@ -86,39 +86,65 @@ export const configBlock = createComponent<
         return (
             <configuration>
                 {isAdaptiveContentEnabled ? (
-                    <block>
-                        <input
-                            label="Secret key"
-                            hint={
-                                <text>
-                                    The secret key from your LaunchDarkly{' '}
-                                    <link
-                                        target={{
-                                            url: 'https://app.LaunchDarkly.co/envs/current/settings/app-environments',
+                    <box>
+                        <vstack>
+                            <input
+                                label="Project key"
+                                hint={
+                                    <text>
+                                        The project key of your LaunchDarkly{' '}
+                                        <link
+                                            target={{
+                                                url: 'https://app.launchdarkly.com/settings/projects',
+                                            }}
+                                        >
+                                            environment.
+                                        </link>
+                                    </text>
+                                }
+                                element={
+                                    <textinput state="project_key" placeholder="Project key" />
+                                }
+                            />
+                            <input
+                                label="Service access token"
+                                hint={
+                                    <text>
+                                        A service token with reader role created in your
+                                        LaunchDarkly{' '}
+                                        <link
+                                            target={{
+                                                url: 'https://app.launchdarkly.com/settings/authorization',
+                                            }}
+                                        >
+                                            project.
+                                        </link>
+                                    </text>
+                                }
+                                element={
+                                    <textinput
+                                        state="service_token"
+                                        placeholder="Service access token"
+                                    />
+                                }
+                            />
+                            <input
+                                label=""
+                                hint=""
+                                element={
+                                    <button
+                                        style="primary"
+                                        disabled={false}
+                                        label="Save"
+                                        tooltip="Save configuration"
+                                        onPress={{
+                                            action: 'save.config',
                                         }}
-                                    >
-                                        environment settings.
-                                    </link>
-                                </text>
-                            }
-                            element={<textinput state="secret_key" placeholder="Secret key" />}
-                        />
-                        <input
-                            label=""
-                            hint=""
-                            element={
-                                <button
-                                    style="primary"
-                                    disabled={false}
-                                    label="Save"
-                                    tooltip="Save configuration"
-                                    onPress={{
-                                        action: 'save.config',
-                                    }}
-                                />
-                            }
-                        />
-                    </block>
+                                    />
+                                }
+                            />
+                        </vstack>
+                    </box>
                 ) : (
                     <input
                         label="Enable Adaptive Content"

integrations/launchdarkly/src/tasks.ts

@@ -95,7 +95,7 @@ async function handleSyncAdaptiveSchema(
             getExistingAdaptiveSchema(api, organizationId, siteId),
             getFeatureFlags({
                 projectKey,
-                token: serviceToken,
+                serviceToken,
             }),
         ]);
 
@@ -197,11 +197,11 @@ async function getExistingAdaptiveSchema(
     }
 }
 
-async function getFeatureFlags(args: { projectKey: string; token: string }) {
-    const { projectKey, token } = args;
+async function getFeatureFlags(args: { projectKey: string; serviceToken: string }) {
+    const { projectKey, serviceToken } = args;
     const res = await fetch(`https://app.launchdarkly.com/api/v2/flags/${projectKey}`, {
         headers: {
-            Authorization: `Bearer ${token}`,
+            Authorization: serviceToken,
         },
     });