pxengine 0.1.136 → 0.1.138

package/dist/index.cjs

@@ -352,6 +352,7 @@ __export(index_exports, {
   isInputAtom: () => isInputAtom,
   notifyPxUnauthorized: () => notifyPxUnauthorized,
   refreshSharedPoll: () => refreshSharedPoll,
+  resolveComponent: () => resolveComponent,
   setPxAuthTokenProvider: () => setPxAuthTokenProvider,
   setPxUnauthorizedHandler: () => setPxUnauthorizedHandler,
   submitWidgetToAgent: () => submitWidgetToAgent,
@@ -16126,6 +16127,7 @@ var NextStepCard = ({
 
 // src/molecules/generic/PresentationJobCard/PresentationJobCard.tsx
 var import_react81 = require("react");
+var import_react_dom = require("react-dom");
 
 // src/lib/shared-poll.ts
 var import_react79 = require("react");
@@ -16519,48 +16521,51 @@ var ExportModal = ({ formats, title, onClose }) => {
       setDownloadingKey(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-sm", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "relative z-10 bg-zinc-900 border border-zinc-800 rounded-2xl w-full max-w-sm p-6 shadow-2xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-start justify-between mb-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "min-w-0 pr-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("h3", { className: "text-sm font-semibold text-zinc-100", children: "Export Presentation" }),
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 truncate", children: title })
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "absolute inset-0 bg-black/70 backdrop-blur-sm", onClick: onClose }),
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "relative z-10 bg-zinc-900 border border-zinc-800 rounded-2xl w-full max-w-sm p-6 shadow-2xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-start justify-between mb-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "min-w-0 pr-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("h3", { className: "text-sm font-semibold text-zinc-100", children: "Export Presentation" }),
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 truncate", children: title })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("button", { onClick: onClose, className: "text-zinc-500 hover:text-zinc-200 transition-colors flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CloseIcon, {}) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("button", { onClick: onClose, className: "text-zinc-500 hover:text-zinc-200 transition-colors flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CloseIcon, {}) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "space-y-2.5", children: [
-        available.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-sm text-zinc-500 text-center py-6", children: "No formats available yet" }),
-        available.map((fmt) => {
-          const url = formats[fmt.key];
-          const isDownloading = downloadingKey === fmt.key;
-          return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
-            "button",
-            {
-              type: "button",
-              disabled: Boolean(downloadingKey),
-              onClick: () => handleDownload(fmt.key, url, fmt.ext),
-              className: cn(
-                "flex w-full items-center gap-3.5 p-3.5 rounded-xl border transition-all text-left",
-                "hover:brightness-110 disabled:opacity-60 disabled:cursor-not-allowed",
-                fmt.accent.bg
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-xl flex-shrink-0", children: fmt.emoji }),
-                /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: isDownloading ? `Downloading ${fmt.label}...` : fmt.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: isDownloading ? "Please wait while the file is being prepared." : fmt.desc })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: cn("flex-shrink-0", fmt.accent.text), children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(DownloadIcon, {}) })
-              ]
-            },
-            fmt.key
-          );
-        })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-xs text-zinc-600 mt-4 text-center", children: "Download links expire in 90 days" })
-    ] })
-  ] });
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "space-y-2.5", children: [
+          available.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-sm text-zinc-500 text-center py-6", children: "No formats available yet" }),
+          available.map((fmt) => {
+            const url = formats[fmt.key];
+            const isDownloading = downloadingKey === fmt.key;
+            return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+              "button",
+              {
+                type: "button",
+                disabled: Boolean(downloadingKey),
+                onClick: () => handleDownload(fmt.key, url, fmt.ext),
+                className: cn(
+                  "flex w-full items-center gap-3.5 p-3.5 rounded-xl border transition-all text-left",
+                  "hover:brightness-110 disabled:opacity-60 disabled:cursor-not-allowed",
+                  fmt.accent.bg
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-xl flex-shrink-0", children: fmt.emoji }),
+                  /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: cn("text-sm font-semibold", fmt.accent.text), children: isDownloading ? `Downloading ${fmt.label}...` : fmt.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: isDownloading ? "Please wait while the file is being prepared." : fmt.desc })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: cn("flex-shrink-0", fmt.accent.text), children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(DownloadIcon, {}) })
+                ]
+              },
+              fmt.key
+            );
+          })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-xs text-zinc-600 mt-4 text-center", children: "Download links expire in 90 days" })
+      ] })
+    ] }),
+    document.body
+  );
 };
 var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
   const [currentSlide, setCurrentSlide] = (0, import_react81.useState)(initialSlide);
@@ -16604,81 +16609,84 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
     setCurrentSlide(newSlide);
     iframe.contentWindow.postMessage({ type: "goToSlide", slide: newSlide }, "*");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "fixed inset-0 z-50 bg-black flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 h-11 bg-zinc-950/90 border-b border-zinc-800/60 flex-shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-[#DCC99B] flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(SlidesIcon, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-sm font-medium text-zinc-300 truncate", children: title }),
-        slideCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { className: "text-xs text-zinc-600 flex-shrink-0", children: [
-          currentSlide,
-          " / ",
-          slideCount
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "fixed inset-0 z-[100] bg-black flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 h-11 bg-zinc-950/90 border-b border-zinc-800/60 flex-shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-[#DCC99B] flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(SlidesIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-sm font-medium text-zinc-300 truncate", children: title }),
+          slideCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { className: "text-xs text-zinc-600 flex-shrink-0", children: [
+            currentSlide,
+            " / ",
+            slideCount
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+            "button",
+            {
+              onClick: () => sendSlideCommand("prevSlide"),
+              disabled: !iframeReady,
+              className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+              "aria-label": "Previous slide",
+              children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ChevronLeft2, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+            "button",
+            {
+              onClick: () => sendSlideCommand("nextSlide"),
+              disabled: !iframeReady,
+              className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+              "aria-label": "Next slide",
+              children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ChevronRight2, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+            "button",
+            {
+              onClick: onClose,
+              className: "flex items-center gap-1.5 px-3 h-7 rounded-lg border border-zinc-700 bg-zinc-800 hover:border-zinc-500 text-zinc-400 hover:text-zinc-200 text-xs transition-colors",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CloseIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { children: "ESC" })
+              ]
+            }
+          )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
-          "button",
-          {
-            onClick: () => sendSlideCommand("prevSlide"),
-            disabled: !iframeReady,
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-            "aria-label": "Previous slide",
-            children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ChevronLeft2, {})
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
-          "button",
-          {
-            onClick: () => sendSlideCommand("nextSlide"),
-            disabled: !iframeReady,
-            className: "w-7 h-7 rounded-full border border-zinc-700 bg-zinc-800 hover:border-[#C0AE82] hover:text-[#DCC99B] text-zinc-400 flex items-center justify-center transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-            "aria-label": "Next slide",
-            children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ChevronRight2, {})
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
-          "button",
-          {
-            onClick: onClose,
-            className: "flex items-center gap-1.5 px-3 h-7 rounded-lg border border-zinc-700 bg-zinc-800 hover:border-zinc-500 text-zinc-400 hover:text-zinc-200 text-xs transition-colors",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CloseIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { children: "ESC" })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { ref: containerRef, className: "flex-1 relative flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
-      "div",
-      {
-        className: "relative",
-        style: { width: canvasW * scale, height: canvasH * scale },
-        children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
-          "iframe",
-          {
-            ref: iframeRef,
-            src: url,
-            title,
-            onLoad: () => {
-              setIframeReady(true);
-              hideDeckChrome(iframeRef.current);
-              iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
-            },
-            sandbox: "allow-same-origin allow-scripts",
-            allow: "fullscreen",
-            className: "absolute top-0 left-0 border-0",
-            style: {
-              width: canvasW,
-              height: canvasH,
-              transform: `scale(${scale})`,
-              transformOrigin: "top left"
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { ref: containerRef, className: "flex-1 relative flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+        "div",
+        {
+          className: "relative",
+          style: { width: canvasW * scale, height: canvasH * scale },
+          children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+            "iframe",
+            {
+              ref: iframeRef,
+              src: url,
+              title,
+              onLoad: () => {
+                setIframeReady(true);
+                hideDeckChrome(iframeRef.current);
+                iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
+              },
+              sandbox: "allow-same-origin allow-scripts",
+              allow: "fullscreen",
+              className: "absolute top-0 left-0 border-0",
+              style: {
+                width: canvasW,
+                height: canvasH,
+                transform: `scale(${scale})`,
+                transformOrigin: "top left"
+              }
             }
-          }
-        )
-      }
-    ) })
-  ] });
+          )
+        }
+      ) })
+    ] }),
+    document.body
+  );
 };
 var PresentationJobCard = ({
   job_id: _job_id,
@@ -17774,7 +17782,7 @@ var FullscreenPreviewModal = ({ url, title, onClose, isPdf }) => {
         src: url,
         title,
         className: "absolute inset-0 w-full h-full border-0",
-        ...isPdf ? {} : { sandbox: "allow-same-origin" }
+        ...isPdf ? {} : { sandbox: "allow-same-origin allow-scripts" }
       }
     ) })
   ] });
@@ -18816,7 +18824,7 @@ var ResearchReportJobCard = (props) => {
                 {
                   src: htmlUrl,
                   title,
-                  sandbox: "allow-same-origin",
+                  sandbox: "allow-same-origin allow-scripts",
                   className: "absolute inset-0 block h-full w-full border-0 pointer-events-none"
                 }
               ),
@@ -21674,7 +21682,7 @@ function CreatorCompactView({
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorExpandedPanel.tsx
 var import_react95 = require("react");
-var import_react_dom2 = __toESM(require("react-dom"), 1);
+var import_react_dom3 = __toESM(require("react-dom"), 1);
 var import_framer_motion5 = require("framer-motion");
 
 // src/molecules/creator-discovery/CreatorWidget/defaultFetchers.ts
@@ -22373,7 +22381,7 @@ function PlatformPostsSection({
 
 // src/molecules/creator-discovery/CreatorWidget/BrandCollaborationsList.tsx
 var import_react93 = require("react");
-var import_react_dom = __toESM(require("react-dom"), 1);
+var import_react_dom2 = __toESM(require("react-dom"), 1);
 var import_framer_motion3 = require("framer-motion");
 var import_jsx_runtime178 = require("react/jsx-runtime");
 var getSentimentRank = (score) => {
@@ -22419,7 +22427,7 @@ function BrandMentionDetails({
     (m) => m.normalizedBrand?.toLowerCase() === selectedBrand?.toLowerCase() || m.brand?.toLowerCase() === selectedBrand?.toLowerCase()
   ) || [];
   if (typeof window === "undefined") return null;
-  return import_react_dom.default.createPortal(
+  return import_react_dom2.default.createPortal(
     /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_framer_motion3.AnimatePresence, { mode: "sync", children: open && /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
         import_framer_motion3.motion.div,
@@ -23394,7 +23402,7 @@ function CreatorExpandedPanel({
     }
   }, [isOpen, loadCreators]);
   if (typeof window === "undefined") return null;
-  return import_react_dom2.default.createPortal(
+  return import_react_dom3.default.createPortal(
     /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_framer_motion5.AnimatePresence, { mode: "sync", children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(import_jsx_runtime180.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
         import_framer_motion5.motion.div,
@@ -26614,6 +26622,7 @@ PXEngineRenderer.displayName = "PXEngineRenderer";
   isInputAtom,
   notifyPxUnauthorized,
   refreshSharedPoll,
+  resolveComponent,
   setPxAuthTokenProvider,
   setPxUnauthorizedHandler,
   submitWidgetToAgent,