pxengine 0.1.25 → 0.1.27

package/dist/index.cjs

@@ -35376,6 +35376,7 @@ var CampaignSeedCard = import_react60.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
+    hasUserResponded = false,
     className,
     fields: providedFields,
     data,
@@ -35392,6 +35393,7 @@ var CampaignSeedCard = import_react60.default.memo(
         data
       });
     };
+    const effectiveIsLatest = isLatestMessage && !hasUserResponded;
     return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       FormCard,
       {
@@ -35402,8 +35404,9 @@ var CampaignSeedCard = import_react60.default.memo(
         proceedLabel: "Continue to concepts",
         onProceed: handleProceed,
         showTimeline: true,
+        isLatestMessage: effectiveIsLatest,
         className: cn("font-noto", className),
-        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
+        footer: !effectiveIsLatest && (selectionStatus || hasUserResponded) ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(CircleCheck, { className: "h-3.5 w-3.5" }),
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: selectionStatus === "agent" ? "Suggested by Agent" : "Selected by you" })
         ] }) : formCardProps.footer
@@ -35478,6 +35481,7 @@ var SearchSpecCard = import_react61.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
+    hasUserResponded = false,
     className,
     fields: providedFields,
     data,
@@ -35496,6 +35500,7 @@ var SearchSpecCard = import_react61.default.memo(
         data: resolvedData
       });
     };
+    const effectiveIsLatest = isLatestMessage && !hasUserResponded;
     return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       FormCard,
       {
@@ -35505,8 +35510,9 @@ var SearchSpecCard = import_react61.default.memo(
         fields,
         proceedLabel: "Continue with search",
         onProceed: handleProceed,
+        isLatestMessage: effectiveIsLatest,
         className,
-        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
+        footer: !effectiveIsLatest && (selectionStatus || hasUserResponded) ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CircleCheck, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
         ] }) : formCardProps.footer
@@ -35530,11 +35536,15 @@ var MCQCard = import_react62.default.memo(
     isLatestMessage = true,
     isLoading = false,
     className,
-    selectionStatus,
+    // selectionStatus,
     onAction,
-    disabled = false
+    disabled = false,
+    disableContinueInDiscovery
+    // optional prop
   }) => {
-    const [selectedOption, setSelectedOption] = import_react62.default.useState(propsSelectedOption);
+    const [selectedOption, setSelectedOption] = import_react62.default.useState(
+      propsSelectedOption
+    );
     const [isProceeded, setIsProceeded] = import_react62.default.useState(false);
     import_react62.default.useEffect(() => {
       if (propsSelectedOption) {
@@ -35542,6 +35552,7 @@ var MCQCard = import_react62.default.memo(
         setIsProceeded(true);
       }
     }, [propsSelectedOption]);
+    const isDiscovery = disableContinueInDiscovery !== void 0 ? disableContinueInDiscovery : typeof window !== "undefined" && window.location.pathname.includes("creator-discovery");
     const handleOptionClick = (key, e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -35560,11 +35571,13 @@ var MCQCard = import_react62.default.memo(
         onAction?.({
           type: "mcq_selection",
           value: result,
-          label: options[result] || result
+          label: options && options[result] || result
         });
       }
     };
-    const isInteractionDisabled = disabled || !isLatestMessage || isProceeded;
+    const isOptionsDisabled = disabled || !isLatestMessage || isProceeded && !disableContinueInDiscovery;
+    const isContinueDisabled = disabled || !isLatestMessage || isProceeded || isDiscovery;
+    const optionsEntries = options ? Object.entries(options) : [];
     return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
       "div",
       {
@@ -35574,7 +35587,7 @@ var MCQCard = import_react62.default.memo(
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h4", { className: "font-medium text-foreground px-3 py-1 rounded-md inline-block mb-2", children: question }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "space-y-4", children: Object.entries(options).map(([key, label]) => {
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "space-y-4", children: optionsEntries.map(([key, label]) => {
             const isSelected = selectedOption === key;
             const isRecommended = key === recommended;
             return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
@@ -35584,8 +35597,8 @@ var MCQCard = import_react62.default.memo(
                 className: cn(
                   "cursor-pointer rounded-xl p-3 transition-colors relative",
                   "border border-transparent bg-paperBackground",
-                  !selectedOption && !isInteractionDisabled && "hover:border-gray500",
-                  (isLoading || isInteractionDisabled) && "opacity-50 cursor-not-allowed"
+                  !selectedOption && !isOptionsDisabled && "hover:border-gray500",
+                  (isLoading || isOptionsDisabled) && "opacity-50 cursor-not-allowed"
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute top-1/2 left-4 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
@@ -35595,7 +35608,7 @@ var MCQCard = import_react62.default.memo(
                         "w-5 h-5 rounded-full border flex items-center justify-center transition-colors",
                         isSelected ? "border-purple100 bg-gray300" : cn(
                           "border-gray300 bg-background",
-                          !selectedOption && !isInteractionDisabled && "hover:border-purple100"
+                          !selectedOption && !isOptionsDisabled && "hover:border-purple100"
                         )
                       ),
                       children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-purple100" })
@@ -35627,8 +35640,8 @@ var MCQCard = import_react62.default.memo(
             /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
               "button",
               {
-                onClick: (e) => handleProceed(e),
-                disabled: isInteractionDisabled || isLoading || !selectedOption && !recommended,
+                onClick: handleProceed,
+                disabled: isContinueDisabled || isLoading || !selectedOption && !recommended,
                 className: cn(
                   "flex-3 px-4 py-2 border rounded-full text-sm disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
                   "bg-purpleLight dark:bg-purple200 hover:bg-purpleText1 dark:hover:bg-purple100 text-purpleText2 dark:text-purpleText border-purpleText1 dark:border-purple-border dark:hover:text-white"
@@ -35636,10 +35649,7 @@ var MCQCard = import_react62.default.memo(
                 children: isLoading ? "Sending..." : "Continue"
               }
             ),
-            isLatestMessage ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex-1" }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex-1 text-right text-xs bg-green100 text-green-600 dark:text-green500", children: selectionStatus === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-1 sm:flex-row sm:justify-end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "whitespace-nowrap", children: "Suggested by an Agent," }),
-              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "whitespace-nowrap", children: "Approved by You" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: "Selected by you" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex-1" })
           ] })
         ]
       }
@@ -36225,6 +36235,7 @@ var CampaignConceptCard = import_react64.default.memo(
     title: propsTitle,
     selectionStatus,
     isLatestMessage = true,
+    hasUserResponded = false,
     className,
     onAction,
     ...formCardProps
@@ -36246,6 +36257,7 @@ var CampaignConceptCard = import_react64.default.memo(
         data
       });
     };
+    const effectiveIsLatest = isLatestMessage && !hasUserResponded;
     const fields = (0, import_react64.useMemo)(() => {
       const baseFields = providedFields || generateFieldsFromData(data);
       return baseFields.map((field) => {
@@ -36353,7 +36365,10 @@ var CampaignConceptCard = import_react64.default.memo(
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-col gap-2", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("h3", { className: "text-lg font-semibold text-white tracking-wide", children: typeof cardTitle === "object" ? JSON.stringify(cardTitle) : String(cardTitle) }),
-                  isRecommended && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "inline-flex text-[10px] font-bold uppercase tracking-widest text-[#22C55E]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "bg-[#22C55E]/10 px-2 py-0.5 rounded border border-[#22C55E]/20", children: "Recommended" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+                    isRecommended && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "inline-flex text-[10px] font-bold uppercase tracking-widest text-[#22C55E]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "bg-[#22C55E]/10 px-2 py-0.5 rounded border border-[#22C55E]/20", children: "Recommended" }) }),
+                    hasUserResponded && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "inline-flex text-[10px] font-bold uppercase tracking-widest text-[#3B82F6]", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "bg-[#3B82F6]/10 px-2 py-0.5 rounded border border-[#3B82F6]/20", children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by You" }) })
+                  ] })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                   "div",
@@ -36386,8 +36401,9 @@ var CampaignConceptCard = import_react64.default.memo(
                   showTimeline: true,
                   proceedLabel: "Continue with this concept",
                   onProceed: handleProceed,
+                  isLatestMessage: effectiveIsLatest,
                   className: "bg-transparent border-none shadow-none mb-0 p-0",
-                  footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
+                  footer: !effectiveIsLatest && (selectionStatus || hasUserResponded) ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CircleCheck, { className: "h-3.5 w-3.5" }),
                     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by You" })
                   ] }) : formCardProps.footer