pxengine 0.1.32 → 0.1.33

package/dist/index.cjs

@@ -35422,22 +35422,30 @@ var KeywordBundlesDisplay = ({ value }) => {
 var DEFAULT_PLATFORMS = ["Instagram", "YouTube", "TikTok"];
 var PlatformSelectEdit = ({
   value,
-  onChange,
-  config = {}
+  onChange
 }) => {
-  const selectedPlatforms = Array.isArray(value) ? value : [];
-  const options = (0, import_react59.useMemo)(() => {
-    const providedOptions = config.options || DEFAULT_PLATFORMS;
-    const combined = Array.from(/* @__PURE__ */ new Set([...providedOptions, ...selectedPlatforms]));
-    return combined;
-  }, [config.options, selectedPlatforms]);
+  const selectedPlatforms = (0, import_react59.useMemo)(() => {
+    if (Array.isArray(value)) return value;
+    if (typeof value === "string" && value.trim() !== "") {
+      return value.split(",").map((s) => s.trim()).filter(Boolean);
+    }
+    return [];
+  }, [value]);
+  const isSelected = (p) => selectedPlatforms.some((s) => s.toLowerCase() === p.toLowerCase());
   const togglePlatform = (platform) => {
-    if (selectedPlatforms.includes(platform)) {
-      onChange(selectedPlatforms.filter((p) => p !== platform));
+    if (isSelected(platform)) {
+      onChange(
+        selectedPlatforms.filter(
+          (p) => p.toLowerCase() !== platform.toLowerCase()
+        )
+      );
     } else {
       onChange([...selectedPlatforms, platform]);
     }
   };
+  const options = (0, import_react59.useMemo)(() => {
+    return DEFAULT_PLATFORMS;
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-wrap gap-4 py-2", children: options.map((platform) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     "label",
     {
@@ -35448,10 +35456,10 @@ var PlatformSelectEdit = ({
           {
             className: cn(
               "w-5 h-5 rounded flex items-center justify-center border-2 transition-all",
-              selectedPlatforms.includes(platform) ? "bg-purple-600 border-purple-600" : "border-gray-300 group-hover:border-purple-400"
+              isSelected(platform) ? "bg-purple-600 border-purple-600" : "border-gray-300 group-hover:border-purple-400"
             ),
             onClick: () => togglePlatform(platform),
-            children: selectedPlatforms.includes(platform) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Check, { className: "h-3.5 w-3.5 text-white stroke-[3]" })
+            children: isSelected(platform) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Check, { className: "h-3.5 w-3.5 text-white stroke-[3]" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-sm font-medium text-foreground select-none", children: platform })
@@ -35461,10 +35469,17 @@ var PlatformSelectEdit = ({
   )) });
 };
 var PlatformSelectDisplay = ({ value }) => {
-  if (!value || !Array.isArray(value) || value.length === 0) {
+  const displayValues = (0, import_react59.useMemo)(() => {
+    if (Array.isArray(value)) return value;
+    if (typeof value === "string" && value.trim() !== "") {
+      return value.split(",").map((s) => s.trim()).filter(Boolean);
+    }
+    return [];
+  }, [value]);
+  if (displayValues.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-muted-foreground italic text-sm", children: "Not specified" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-wrap gap-2 pt-1", children: value.map((platform) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-wrap gap-2 pt-1", children: displayValues.map((platform) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "div",
     {
       className: "flex items-center gap-2 px-3 py-1 bg-grayPill border border-foreground rounded-md text-foreground text-sm font-grotesk font-medium",
@@ -35554,10 +35569,7 @@ function buildCampaignSeedFields(data) {
           PlatformSelectEdit,
           {
             value: v,
-            onChange,
-            config: {
-              options: data.platform_options || data.available_platforms || data.platforms_list || []
-            }
+            onChange
           }
         )
       };
@@ -35721,8 +35733,7 @@ function buildSearchSpecFields(data) {
           PlatformSelectEdit,
           {
             value: v,
-            onChange,
-            config: { options: data.platform_options || data.available_platforms || data.platforms_list || [] }
+            onChange
           }
         )
       };
@@ -36732,10 +36743,7 @@ var CampaignConceptCard = import_react64.default.memo(
               PlatformSelectEdit,
               {
                 value: v,
-                onChange,
-                config: {
-                  options: data.platform_options || data.available_platforms || data.platforms_list || []
-                }
+                onChange
               }
             )
           };
@@ -36765,7 +36773,7 @@ var CampaignConceptCard = import_react64.default.memo(
               }) });
             }
             if (typeof val === "object" && val !== null) {
-              return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "text-muted-foreground text-xs font-mono bg-paperBackground p-2 rounded border border-gray400 mt-1 overflow-auto max-h-24", children: Object.entries(val).map(([k, v]) => `${k.replace(/_/g, " ")}: ${v}`).join("\n") });
+              return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "text-muted-foreground text-xs font-mono bg-paperBackground p-2 rounded mt-1 overflow-auto max-h-24", children: Object.entries(val).map(([k, v]) => `${k.replace(/_/g, " ")}: ${v}`).join("\n") });
             }
             return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "text-foreground text-sm", children: val !== void 0 && val !== null ? String(val) : "-" });
           }