fix: Enable embeds within HTML and PDF exports (#6290)

app/hooks/useEmbeds.ts

@@ -1,6 +1,6 @@
 import find from "lodash/find";
 import * as React from "react";
-import embeds, { EmbedDescriptor } from "@shared/editor/embeds";
+import embeds from "@shared/editor/embeds";
 import { IntegrationType } from "@shared/types";
 import Integration from "~/models/Integration";
 import Logger from "~/utils/Logger";
@@ -9,8 +9,7 @@ import useStores from "./useStores";
 /**
  * Hook to get all embed configuration for the current team
  *
- * @param loadIfMissing Should we load integration settings if they are not
- * locally available
+ * @param loadIfMissing Should we load integration settings if they are not locally available
  * @returns A list of embed descriptors
  */
 export default function useEmbeds(loadIfMissing = false) {
@@ -36,14 +35,18 @@ export default function useEmbeds(loadIfMissing = false) {
   return React.useMemo(
     () =>
       embeds.map((e) => {
-        const em: Integration<IntegrationType.Embed> | undefined = find(
-          integrations.orderedData,
-          (i) => i.service === e.component.name.toLowerCase()
-        );
-        return new EmbedDescriptor({
-          ...e,
-          settings: em?.settings,
-        });
+        // Find any integrations that match this embed and inject the settings
+        const integration: Integration<IntegrationType.Embed> | undefined =
+          find(
+            integrations.orderedData,
+            (integration) => integration.service === e.name
+          );
+
+        if (integration?.settings) {
+          e.settings = integration.settings;
+        }
+
+        return e;
       }),
     [integrations.orderedData]
   );