pxengine 0.1.107 → 0.1.108

package/dist/index.cjs

@@ -345,7 +345,9 @@ __export(index_exports, {
   formatQAMessage: () => formatQAMessage,
   generateFieldsFromData: () => generateFieldsFromData,
   generateFieldsFromPropDefinitions: () => generateFieldsFromPropDefinitions,
+  getPxAuthToken: () => getPxAuthToken,
   isInputAtom: () => isInputAtom,
+  setPxAuthTokenProvider: () => setPxAuthTokenProvider,
   submitWidgetToAgent: () => submitWidgetToAgent,
   th: () => th,
   useCreatorWidgetPolling: () => useCreatorWidgetPolling,
@@ -3480,7 +3482,7 @@ __export(lucide_react_exports, {
   LucideMailX: () => MailX,
   LucideMailbox: () => Mailbox,
   LucideMails: () => Mails,
-  LucideMap: () => Map,
+  LucideMap: () => Map2,
   LucideMapPin: () => MapPin,
   LucideMapPinCheck: () => MapPinCheck,
   LucideMapPinCheckInside: () => MapPinCheckInside,
@@ -4272,8 +4274,8 @@ __export(lucide_react_exports, {
   MailboxIcon: () => Mailbox,
   Mails: () => Mails,
   MailsIcon: () => Mails,
-  Map: () => Map,
-  MapIcon: () => Map,
+  Map: () => Map2,
+  MapIcon: () => Map2,
   MapPin: () => MapPin,
   MapPinCheck: () => MapPinCheck,
   MapPinCheckIcon: () => MapPinCheck,
@@ -6684,7 +6686,7 @@ __export(icons_exports, {
   MailX: () => MailX,
   Mailbox: () => Mailbox,
   Mails: () => Mails,
-  Map: () => Map,
+  Map: () => Map2,
   MapPin: () => MapPin,
   MapPinCheck: () => MapPinCheck,
   MapPinCheckInside: () => MapPinCheckInside,
@@ -17499,7 +17501,7 @@ var __iconNode891 = [
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
 ];
-var Map = createLucideIcon("Map", __iconNode891);
+var Map2 = createLucideIcon("Map", __iconNode891);
 
 // node_modules/lucide-react/dist/esm/icons/mars-stroke.js
 var __iconNode892 = [
@@ -33510,7 +33512,7 @@ var ChartTooltipContent = React80.forwardRef(
                   )
                 ] })
               },
-              item.dataKey
+              `${item.dataKey ?? index}`
             );
           }) })
         ]
@@ -41721,6 +41723,28 @@ SearchSpecCard.displayName = "SearchSpecCard";
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
 var import_react83 = __toESM(require("react"), 1);
 
+// src/lib/auth-provider.ts
+var _provider = null;
+function setPxAuthTokenProvider(provider) {
+  _provider = provider;
+}
+function getPxAuthToken() {
+  if (_provider) {
+    try {
+      const t = _provider();
+      if (t) return t;
+    } catch {
+    }
+  }
+  if (typeof document !== "undefined") {
+    for (const name of ["adminTokenBuilder", "adminToken", "token"]) {
+      const match2 = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
+      if (match2?.[1]) return match2[1];
+    }
+  }
+  return null;
+}
+
 // src/molecules/creator-discovery/MCQCard/defaultFetchers.ts
 function getBackendOrigin() {
   if (typeof window === "undefined") return null;
@@ -41736,25 +41760,10 @@ function getBaseUrl() {
   if (backend) return `${backend}/api/custom-agents`;
   return "/api/agents-proxy/custom-agents";
 }
-function getAuthToken() {
-  if (typeof window === "undefined") return null;
-  try {
-    const ls = localStorage.getItem("px_auth_token");
-    if (ls) return ls;
-  } catch {
-  }
-  if (typeof document !== "undefined") {
-    for (const name of ["adminTokenBuilder", "adminToken", "token"]) {
-      const match2 = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
-      if (match2?.[1]) return match2[1];
-    }
-  }
-  return null;
-}
 function buildHeaders() {
   const headers = { "Content-Type": "application/json" };
   if (getBackendOrigin()) {
-    const token = getAuthToken();
+    const token = getPxAuthToken();
     if (token) headers["Authorization"] = `Bearer ${token}`;
   }
   return headers;
@@ -43333,26 +43342,11 @@ function getBackendOrigin2() {
   }
   return raw;
 }
-function getAuthToken2() {
-  if (typeof window === "undefined") return null;
-  try {
-    const ls = localStorage.getItem("px_auth_token");
-    if (ls) return ls;
-  } catch {
-  }
-  if (typeof document !== "undefined") {
-    for (const name of ["adminTokenBuilder", "adminToken", "token"]) {
-      const match2 = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
-      if (match2?.[1]) return match2[1];
-    }
-  }
-  return null;
-}
 function buildHeaders2(includeJson = false) {
   const headers = {};
   if (includeJson) headers["Content-Type"] = "application/json";
   if (getBackendOrigin2()) {
-    const token = getAuthToken2();
+    const token = getPxAuthToken();
     if (token) headers["Authorization"] = `Bearer ${token}`;
   }
   return headers;
@@ -47212,6 +47206,37 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/render/PXEngineRenderer.tsx
 var import_jsx_runtime188 = require("react/jsx-runtime");
 var MOLECULE_REFS = new Set(Object.values(molecules_exports));
+var ATOMS_WITH_RENDER = /* @__PURE__ */ new Set([
+  "LayoutAtom",
+  "CardAtom",
+  "TabsAtom",
+  "AccordionAtom",
+  "ScrollAreaAtom",
+  "CarouselAtom",
+  "AspectRatioAtom",
+  "CollapsibleAtom",
+  "TooltipAtom",
+  "PopoverAtom",
+  "DialogAtom",
+  "SheetAtom",
+  "ResizableAtom"
+]);
+var COMPONENT_LOOKUP_CACHE = /* @__PURE__ */ new Map();
+var resolveComponent = (identifier) => {
+  const cached = COMPONENT_LOOKUP_CACHE.get(identifier);
+  if (cached !== void 0) return cached;
+  const normalized = identifier.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+  const atomName = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
+  let Comp = atoms_exports[atomName] || atoms_exports[normalized] || atoms_exports[identifier] || null;
+  if (!Comp) {
+    Comp = molecules_exports[normalized] || molecules_exports[identifier] || null;
+  }
+  if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
+    Comp = ui_exports[normalized] || ui_exports[identifier] || null;
+  }
+  COMPONENT_LOOKUP_CACHE.set(identifier, Comp);
+  return Comp;
+};
 var CONTEXT_DEPENDENT_COMPONENTS = /* @__PURE__ */ new Set([
   // Form components - require FormField + FormItem context
   "FormLabel",
@@ -47340,7 +47365,10 @@ var renderContextDependentError = (componentName, normalizedName, key) => {
     key
   );
 };
+var NORMALIZE_PROPS_CACHE = /* @__PURE__ */ new WeakMap();
 var normalizeProps = (props) => {
+  const cached = NORMALIZE_PROPS_CACHE.get(props);
+  if (cached) return cached;
   const normalized = {};
   const dynamicStyle = {};
   Object.entries(props).forEach(([key, value]) => {
@@ -47400,7 +47428,9 @@ var normalizeProps = (props) => {
     }
     normalized[key] = value;
   });
-  return { normalized, dynamicStyle };
+  const result = { normalized, dynamicStyle };
+  NORMALIZE_PROPS_CACHE.set(props, result);
+  return result;
 };
 var FORM_INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
   "InputAtom",
@@ -47419,13 +47449,13 @@ var FORM_INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
   "InputOTPAtom",
   "ToggleAtom"
 ]);
-var PXEngineRenderer = ({
+var PXEngineRenderer = import_react96.default.memo(function PXEngineRenderer2({
   schema,
   onAction,
   disabled,
   theme,
   onFormSubmit
-}) => {
+}) {
   const contextTheme = import_react96.default.useContext(WidgetThemeContext);
   const effectiveTheme = theme ?? contextTheme;
   const formValuesRef = import_react96.default.useRef({});
@@ -47460,28 +47490,34 @@ var PXEngineRenderer = ({
     } = component;
     const componentName = name || type || componentType;
     if (!componentName || typeof componentName !== "string") return null;
-    const rawProps = { ...remainingProps, ...props };
-    delete rawProps.key;
-    if (disabled !== void 0 && rawProps.disabled === void 0) {
-      rawProps.disabled = disabled;
+    const hasRemaining = Object.keys(remainingProps).length > 0;
+    let baseProps = hasRemaining ? { ...remainingProps, ...props } : props;
+    if (baseProps && baseProps.key !== void 0) {
+      const { key: _k, ...rest } = baseProps;
+      baseProps = rest;
+    }
+    const { normalized, dynamicStyle } = normalizeProps(baseProps || {});
+    const finalProps = { ...normalized };
+    if (disabled !== void 0 && finalProps.disabled === void 0) {
+      finalProps.disabled = disabled;
     }
     const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const earlyAtomName = normalizedName.endsWith("Atom") ? normalizedName : `${normalizedName}Atom`;
     if (onFormSubmit && FORM_INPUT_ATOM_NAMES.has(earlyAtomName)) {
-      const fieldKey = rawProps.fieldKey || rawProps.id || id || rawProps.label || componentName;
+      const fieldKey = finalProps.fieldKey || finalProps.id || id || finalProps.label || componentName;
       const storedValue = formValuesRef.current[fieldKey];
       if (storedValue !== void 0) {
-        rawProps.defaultValue = storedValue;
+        finalProps.defaultValue = storedValue;
       }
-      rawProps.onValueChange = handleInputValueChange;
-      rawProps.fieldKey = fieldKey;
-      if (id) rawProps.id = id;
+      finalProps.onValueChange = handleInputValueChange;
+      finalProps.fieldKey = fieldKey;
+      if (id) finalProps.id = id;
     }
     if (onFormSubmit && earlyAtomName === "ButtonAtom") {
-      const action = rawProps.action || rawProps.buttonAction;
+      const action = finalProps.action || finalProps.buttonAction;
       if (action === "submit") {
-        const originalOnAction = rawProps.onAction;
-        rawProps.onAction = (evt) => {
+        const originalOnAction = finalProps.onAction;
+        finalProps.onAction = (evt) => {
           const elements = Object.entries(formValuesRef.current).map(
             ([key, value]) => ({
               id: key,
@@ -47497,23 +47533,10 @@ var PXEngineRenderer = ({
         };
       }
     }
-    const { normalized: finalProps, dynamicStyle } = normalizeProps(rawProps);
     if (id && !finalProps.id) {
       finalProps.id = id;
     }
     const uniqueKey = id || (index !== void 0 ? `${componentName}-${index}` : `${componentName}-root`);
-    const resolveComponent = (identifier) => {
-      const normalized = identifier.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
-      const atomName2 = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
-      let Comp = atoms_exports[atomName2] || atoms_exports[normalized] || atoms_exports[identifier];
-      if (!Comp) {
-        Comp = molecules_exports[normalized] || molecules_exports[identifier];
-      }
-      if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
-        Comp = ui_exports[normalized] || ui_exports[identifier];
-      }
-      return Comp;
-    };
     let TargetComponent = resolveComponent(componentName);
     let resolvedIdentifier = componentName;
     if (!TargetComponent && type && type !== componentName) {
@@ -47538,21 +47561,6 @@ var PXEngineRenderer = ({
     }
     const resolvedNormalized = resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);
     const atomName = resolvedNormalized.endsWith("Atom") ? resolvedNormalized : `${resolvedNormalized}Atom`;
-    const ATOMS_WITH_RENDER = /* @__PURE__ */ new Set([
-      "LayoutAtom",
-      "CardAtom",
-      "TabsAtom",
-      "AccordionAtom",
-      "ScrollAreaAtom",
-      "CarouselAtom",
-      "AspectRatioAtom",
-      "CollapsibleAtom",
-      "TooltipAtom",
-      "PopoverAtom",
-      "DialogAtom",
-      "SheetAtom",
-      "ResizableAtom"
-    ]);
     const isAtomWithRenderProp = ATOMS_WITH_RENDER.has(atomName);
     if (effectiveTheme && finalProps.theme === void 0 && MOLECULE_REFS.has(TargetComponent)) {
       finalProps.theme = effectiveTheme;
@@ -47586,7 +47594,8 @@ var PXEngineRenderer = ({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(WidgetThemeContext.Provider, { value: effectiveTheme, children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) }) });
-};
+});
+PXEngineRenderer.displayName = "PXEngineRenderer";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -47904,7 +47913,9 @@ var PXEngineRenderer = ({
   formatQAMessage,
   generateFieldsFromData,
   generateFieldsFromPropDefinitions,
+  getPxAuthToken,
   isInputAtom,
+  setPxAuthTokenProvider,
   submitWidgetToAgent,
   th,
   useCreatorWidgetPolling,