pxengine 0.1.63 → 0.1.65

package/dist/index.cjs

@@ -37731,7 +37731,7 @@ var import_react66 = __toESM(require("react"), 1);
 // src/molecules/creator-discovery/MCQCard/defaultFetchers.ts
 function getBackendOrigin() {
   if (typeof window === "undefined") return null;
-  return window.__NEXT_DATA__?.runtimeConfig?.NEXT_PUBLIC_AGENT_BACKEND ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_AGENT_BACKEND : void 0) ?? window.__NEXT_DATA__?.runtimeConfig?.NEXT_PUBLIC_BACKEND_URL ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_BACKEND_URL : void 0) ?? null;
+  return window.__NEXT_DATA__?.runtimeConfig?.NEXT_PUBLIC_AGENT_BACKEND ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_AGENT_BACKEND : void 0) ?? null;
 }
 function getBaseUrl() {
   const backend = getBackendOrigin();
@@ -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;
@@ -40728,6 +40749,37 @@ function CreatorDisplay({
     ] })
   ] });
 }
+function CreatorCardSkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "bg-paperBackground rounded-[25px] py-5 pl-7 pr-7 border-2 border-gray300 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col gap-4 sm:grid sm:grid-cols-[1.3fr_1fr_2fr_120px] gap-8 items-start w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-start gap-1 md:gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "w-[5rem] h-[5rem] rounded-[10px] bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-5 w-36 rounded bg-gray200 animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-24 rounded bg-gray200 animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-32 rounded bg-gray200 animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-44 rounded bg-gray200 animate-pulse" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-32 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-28 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-24 rounded bg-gray200 animate-pulse" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-40 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-full rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-[90%] rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-[75%] rounded bg-gray200 animate-pulse" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "hidden md:flex flex-col items-center justify-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-6 w-16 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-20 rounded bg-gray200 animate-pulse" })
+    ] })
+  ] }) });
+}
+function CreatorDisplaySkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "px-4 py-4 space-y-4", children: Array.from({ length: 3 }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorCardSkeleton, {}, idx)) });
+}
 function CreatorExpandedPanel({
   isOpen,
   onClose,
@@ -40795,10 +40847,7 @@ function CreatorExpandedPanel({
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "border-b border-gray300" }),
-            loading ? /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "w-8 h-8 border-3 border-purple100 border-t-transparent rounded-full animate-spin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-sm text-gray600", children: "Fetching Creators" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
+            loading ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplaySkeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
           ] })
         },
         "creator-panel"