pxengine 0.1.62 → 0.1.64

package/dist/index.cjs

@@ -37833,8 +37833,13 @@ var MCQCard = import_react66.default.memo(
     sessionId,
     sendMessage,
     fetchSelections = defaultFetchSelections,
-    persistSelection = defaultPersistSelection
+    persistSelection = defaultPersistSelection,
+    ...allProps
   }) => {
+    const resolvedQuestion = question || allProps.Question || allProps.q || "";
+    const resolvedOptions = options || allProps.Options || allProps.opts || {};
+    const resolvedRecommended = recommended || allProps.Recommended || allProps.rec;
+    console.log("[MCQCard] FULL PROPS:", { allProps, resolvedQuestion, resolvedOptions: Object.keys(resolvedOptions || {}), resolvedRecommended });
     const [selectedOption, setSelectedOption] = import_react66.default.useState(propsSelectedOption);
     const [isProceeded, setIsProceeded] = import_react66.default.useState(false);
     const fetchedSessionRef = import_react66.default.useRef("");
@@ -37844,24 +37849,39 @@ var MCQCard = import_react66.default.memo(
         setIsProceeded(true);
       }
     }, [propsSelectedOption]);
+    const buildQuestionKey = import_react66.default.useCallback((sid, question2) => {
+      let hash = 2166136261;
+      for (let i = 0; i < question2.length; i++) {
+        hash ^= question2.charCodeAt(i);
+        hash = hash * 16777619 >>> 0;
+      }
+      return `mcq_${sid}_${hash.toString(36)}`;
+    }, []);
     import_react66.default.useEffect(() => {
-      if (!sessionId || fetchedSessionRef.current === sessionId) return;
+      if (!sessionId || !resolvedQuestion) return;
+      const fetchKey = `${sessionId}::${resolvedQuestion}`;
+      if (fetchedSessionRef.current === fetchKey) return;
       if (propsSelectedOption) return;
-      fetchedSessionRef.current = sessionId;
-      const questionKey = question || "unknown";
+      fetchedSessionRef.current = fetchKey;
+      const questionKey = buildQuestionKey(sessionId, resolvedQuestion);
+      console.log("[MCQCard] Fetching with key:", questionKey, "(question:", resolvedQuestion, ")");
       fetchSelections(sessionId).then((selections) => {
-        const stored = selections[questionKey];
+        console.log("[MCQCard] Got selections:", selections);
+        const stored = selections[questionKey] || selections[resolvedQuestion] || selections[`mcq_${sessionId}`];
         if (stored) {
+          console.log("[MCQCard] Setting selected:", stored);
           setSelectedOption(stored);
           setIsProceeded(true);
         }
-      });
-    }, [sessionId, question, propsSelectedOption, fetchSelections]);
+      }).catch((err) => console.error("[MCQCard] Fetch error:", err));
+    }, [sessionId, propsSelectedOption, resolvedQuestion, buildQuestionKey]);
     const isDiscovery = disableContinueInDiscovery !== void 0 ? disableContinueInDiscovery : typeof window !== "undefined" && window.location.pathname.includes("creator-discovery");
     const handleOptionClick = (key, e) => {
       e.preventDefault();
       e.stopPropagation();
+      console.log("[MCQCard] Option clicked:", key, "Can select:", isLatestMessage && !isLoading && !disabled && !isProceeded);
       if (isLatestMessage && !isLoading && !disabled && !isProceeded) {
+        console.log("[MCQCard] Setting selected to:", key);
         setSelectedOption(key);
         onSelect?.(key);
       }
@@ -37874,8 +37894,9 @@ var MCQCard = import_react66.default.memo(
         const rawLabel = options && options[result];
         const label = typeof rawLabel === "string" ? rawLabel : typeof rawLabel === "object" && rawLabel !== null ? rawLabel.label || rawLabel.description || result : result;
         setIsProceeded(true);
-        if (sessionId) {
-          const questionKey = question || "unknown";
+        if (sessionId && resolvedQuestion) {
+          const questionKey = buildQuestionKey(sessionId, resolvedQuestion);
+          console.log("[MCQCard] Persisting:", questionKey, result);
           await persistSelection(sessionId, questionKey, result);
         }
         if (sendMessage) {
@@ -37891,7 +37912,7 @@ var MCQCard = import_react66.default.memo(
     };
     const isOptionsDisabled = disabled || !isLatestMessage || isProceeded && !disableContinueInDiscovery;
     const isContinueDisabled = disabled || !isLatestMessage || isProceeded || isDiscovery;
-    const optionsEntries = options ? Object.entries(options).map(([key, val]) => [
+    const optionsEntries = resolvedOptions && Object.keys(resolvedOptions).length > 0 ? Object.entries(resolvedOptions).map(([key, val]) => [
       key,
       typeof val === "string" ? val : typeof val === "object" && val !== null ? val.label || val.description || val.id || JSON.stringify(val) : String(val ?? "")
     ]) : [];
@@ -37903,7 +37924,7 @@ var MCQCard = import_react66.default.memo(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-sm text-cardText", children: question }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-sm text-cardText", children: resolvedQuestion || "Select an option:" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "space-y-2.5 mb-4", children: optionsEntries.map(([key, label]) => {
             const isSelected = selectedOption === key;
             const isRecommended = key === recommended;