@burdenoff/website-sdk 2026.922.2 → 2026.922.4

package/dist/hooks/index.mjs

@@ -263,11 +263,21 @@ var EXPLORE_MESSAGE_FIELDS = (
   completedAt
 `
 );
-var EXPLORE_CATALOG_QUERY = (
+var EXPLORE_OWN_MESSAGE_FIELDS = (
+  /* GraphQL */
+  `
+  ${EXPLORE_MESSAGE_FIELDS}
+  feedback {
+    rating
+    reason
+    comment
+    createdAt
+  }
+`
+);
+var EXPLORE_CATALOG_ESTABLISHED_FIELDS = (
   /* GraphQL */
   `
-  query ExploreCatalog($productSlug: String) {
-    exploreCatalog(productSlug: $productSlug) {
       enabled
       products {
         slug
@@ -285,17 +295,41 @@ var EXPLORE_CATALOG_QUERY = (
         historyTurns
       }
       captchaRequired
-      recaptchaSiteKey
+      recaptchaSiteKey`
+);
+var EXPLORE_CATALOG_HIGHLIGHT_FIELD = (
+  /* GraphQL */
+  `
+      conceptHighlights {
+        product
+        productName
+        title
+        url
+        imageUrl
+        alt
+      }`
+);
+function exploreCatalogDocument(extraFields) {
+  return (
+    /* GraphQL */
+    `
+  query ExploreCatalog($productSlug: String) {
+    exploreCatalog(productSlug: $productSlug) {${EXPLORE_CATALOG_ESTABLISHED_FIELDS}${extraFields}
     }
   }
 `
+  );
+}
+var EXPLORE_CATALOG_QUERY = exploreCatalogDocument(
+  EXPLORE_CATALOG_HIGHLIGHT_FIELD
 );
+var EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS = exploreCatalogDocument("");
 var EXPLORE_MESSAGE_QUERY = (
   /* GraphQL */
   `
   query ExploreMessage($conversationToken: String!, $id: ID!) {
     exploreMessage(conversationToken: $conversationToken, id: $id) {
-      ${EXPLORE_MESSAGE_FIELDS}
+      ${EXPLORE_OWN_MESSAGE_FIELDS}
     }
   }
 `
@@ -313,10 +347,10 @@ var SEND_EXPLORE_MESSAGE_MUTATION = (
         createdAt
       }
       userMessage {
-        ${EXPLORE_MESSAGE_FIELDS}
+        ${EXPLORE_OWN_MESSAGE_FIELDS}
       }
       assistantMessage {
-        ${EXPLORE_MESSAGE_FIELDS}
+        ${EXPLORE_OWN_MESSAGE_FIELDS}
       }
       remainingToday
     }
@@ -333,6 +367,22 @@ var RECORD_EXPLORE_CLICK_MUTATION = (
   }
 `
 );
+var SUBMIT_EXPLORE_FEEDBACK_MUTATION = (
+  /* GraphQL */
+  `
+  mutation SubmitExploreFeedback($input: SubmitExploreFeedbackInput!) {
+    submitExploreFeedback(input: $input) {
+      recorded
+      feedback {
+        rating
+        reason
+        comment
+        createdAt
+      }
+    }
+  }
+`
+);
 var CREATE_EXPLORE_SHARE_LINK_MUTATION = (
   /* GraphQL */
   `
@@ -637,7 +687,12 @@ function buildFallbackCatalog(examplePrompts, welcome) {
     welcomeBody: welcome?.body ?? FALLBACK_WELCOME_BODY,
     limits: FALLBACK_EXPLORE_LIMITS,
     captchaRequired: false,
-    recaptchaSiteKey: null
+    recaptchaSiteKey: null,
+    // Empty, and deliberately not synthesised from `ECOSYSTEM_PRODUCTS`: a concept highlight
+    // needs a real published illustration URL, and this SDK has no registry of them. An
+    // invented path would render 38 broken frames on the one screen every prerender captures.
+    // The strip renders nothing at all when the list is empty, which is the honest fallback.
+    conceptHighlights: []
   };
 }
 function normalizeCatalog(raw, fallback) {
@@ -654,9 +709,27 @@ function normalizeCatalog(raw, fallback) {
       historyTurns: raw.limits?.historyTurns || fallback.limits.historyTurns
     },
     captchaRequired: raw.captchaRequired === true,
-    recaptchaSiteKey: raw.recaptchaSiteKey ?? null
+    recaptchaSiteKey: raw.recaptchaSiteKey ?? null,
+    // `[ExploreConceptHighlight!]!` on the wire, so a gateway that KNOWS the field always
+    // sends an array. The one response that arrives without it is the retry against an older
+    // supergraph (`EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS`) — that gateway does not answer
+    // the full document at all, it refuses it. Either way
+    // `catalog.conceptHighlights.filter(...)` on `undefined` would throw inside render,
+    // blanking the welcome screen over a decorative strip.
+    conceptHighlights: raw.conceptHighlights?.length ? raw.conceptHighlights : fallback.conceptHighlights
   };
 }
+var CATALOG_DOCUMENT_REJECTED_CODES = /* @__PURE__ */ new Set([
+  "GRAPHQL_VALIDATION_FAILED",
+  "HTTP_400"
+]);
+function catalogRejectedTheHighlightField(res) {
+  if (res.data?.exploreCatalog) return false;
+  return (res.errors ?? []).some((error) => {
+    const code = error.extensions?.code;
+    return typeof code === "string" && CATALOG_DOCUMENT_REJECTED_CODES.has(code) || error.message.includes("conceptHighlights");
+  });
+}
 var RATE_LIMIT_CODES = /* @__PURE__ */ new Set([
   "RATE_LIMITED",
   "HTTP_429",
@@ -996,11 +1069,19 @@ function useExploreChat(options = {}) {
   useEffect(() => {
     let cancelled = false;
     const load = async () => {
-      const res = await client.query(
+      const variables = { productSlug: productSlug ?? null };
+      let res = await client.query(
         EXPLORE_CATALOG_QUERY,
-        { productSlug: productSlug ?? null }
+        variables
       );
       if (cancelled || !mountedRef.current) return;
+      if (catalogRejectedTheHighlightField(res)) {
+        res = await client.query(
+          EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS,
+          variables
+        );
+        if (cancelled || !mountedRef.current) return;
+      }
       const raw = res.data?.exploreCatalog;
       if (res.errors?.length || !raw) {
         console.warn(
@@ -1381,6 +1462,42 @@ function useExploreChat(options = {}) {
     },
     [client]
   );
+  const submitFeedback = useCallback(
+    async (messageId, rating, detail) => {
+      const token = conversationTokenRef.current;
+      if (!token) return false;
+      const comment = detail?.comment?.trim();
+      const input = {
+        conversationToken: token,
+        messageId,
+        rating,
+        // Only meaningful with NOT_HELPFUL. The server stores null for HELPFUL either
+        // way; sending it would just be noise the backend has to defend against.
+        reason: rating === "NOT_HELPFUL" ? detail?.reason ?? null : null,
+        comment: comment ? comment : null
+      };
+      try {
+        const res = await client.mutate(
+          SUBMIT_EXPLORE_FEEDBACK_MUTATION,
+          { input }
+        );
+        const result = res?.data?.submitExploreFeedback;
+        if (!result?.recorded) return false;
+        const recorded = result.feedback;
+        if (recorded && mountedRef.current) {
+          setMessages(
+            (current) => current.map(
+              (message) => message.id === messageId ? { ...message, feedback: recorded } : message
+            )
+          );
+        }
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    [client]
+  );
   return {
     phase,
     catalog,
@@ -1400,6 +1517,7 @@ function useExploreChat(options = {}) {
     deleteConversation,
     clearHistory,
     recordClick,
+    submitFeedback,
     createShareLink,
     isSharedView
   };