@payloadcms/next 3.78.0-internal-debug.f663370 → 3.78.0-internal.ab11ffa

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.js

@@ -2,53 +2,64 @@ import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerCompo
 /**
  * Server function to get the default dashboard layout on-demand.
  * Used when resetting the dashboard to its default configuration.
- */ export const getDefaultLayoutHandler = async ({ cookies, locale, permissions, req })=>{
-    if (!req.user) {
-        throw new Error('Unauthorized');
-    }
-    const { defaultLayout = [], widgets = [] } = req.payload.config.admin.dashboard || {};
-    const { importMap } = req.payload;
-    const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets);
-    const layout = layoutItems.map((layoutItem)=>{
-        const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'));
-        return {
-            component: RenderServerComponent({
-                Component: widgets.find((widget)=>widget.slug === widgetSlug)?.ComponentPath,
-                importMap,
-                serverProps: {
-                    cookies,
-                    locale,
-                    permissions,
-                    req,
-                    widgetSlug
-                }
-            }),
-            item: layoutItem
-        };
-    });
+ */
+export const getDefaultLayoutHandler = async ({
+  cookies,
+  locale,
+  permissions,
+  req
+}) => {
+  if (!req.user) {
+    throw new Error('Unauthorized');
+  }
+  const {
+    defaultLayout = [],
+    widgets = []
+  } = req.payload.config.admin.dashboard || {};
+  const {
+    importMap
+  } = req.payload;
+  const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets);
+  const layout = layoutItems.map(layoutItem => {
+    const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'));
     return {
-        layout
+      component: RenderServerComponent({
+        Component: widgets.find(widget => widget.slug === widgetSlug)?.ComponentPath,
+        importMap,
+        serverProps: {
+          cookies,
+          locale,
+          permissions,
+          req,
+          widgetData: layoutItem.data || {},
+          widgetSlug
+        }
+      }),
+      item: layoutItem
     };
+  });
+  return {
+    layout
+  };
 };
 async function getItemsFromConfig(defaultLayout, req, widgets) {
-    // Handle function format
-    let widgetInstances;
-    if (typeof defaultLayout === 'function') {
-        widgetInstances = await defaultLayout({
-            req
-        });
-    } else {
-        widgetInstances = defaultLayout;
-    }
-    return widgetInstances.map((widgetInstance, index)=>{
-        const widget = widgets.find((w)=>w.slug === widgetInstance.widgetSlug);
-        return {
-            id: `${widgetInstance.widgetSlug}-${index}`,
-            maxWidth: widget?.maxWidth ?? 'full',
-            minWidth: widget?.minWidth ?? 'x-small',
-            width: widgetInstance.width || 'x-small'
-        };
+  let widgetInstances;
+  if (typeof defaultLayout === 'function') {
+    widgetInstances = await defaultLayout({
+      req
     });
+  } else {
+    widgetInstances = defaultLayout;
+  }
+  return widgetInstances.map((widgetInstance, index) => {
+    const widget = widgets.find(w => w.slug === widgetInstance.widgetSlug);
+    return {
+      id: `${widgetInstance.widgetSlug}-${index}`,
+      data: widgetInstance.data,
+      maxWidth: widget?.maxWidth ?? 'full',
+      minWidth: widget?.minWidth ?? 'x-small',
+      width: widgetInstance.width || 'x-small'
+    };
+  });
 }
-
 //# sourceMappingURL=getDefaultLayoutServerFn.js.map

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"sourcesContent":["import type {\n  DashboardConfig,\n  PayloadRequest,\n  ServerFunction,\n  Widget,\n  WidgetServerProps,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\nimport type { WidgetInstanceClient, WidgetItem } from '../index.client.js'\n\nexport type GetDefaultLayoutServerFnArgs = Record<string, never>\n\nexport type GetDefaultLayoutServerFnReturnType = {\n  layout: WidgetInstanceClient[]\n}\n\n/**\n * Server function to get the default dashboard layout on-demand.\n * Used when resetting the dashboard to its default configuration.\n */\nexport const getDefaultLayoutHandler: ServerFunction<\n  GetDefaultLayoutServerFnArgs,\n  Promise<GetDefaultLayoutServerFnReturnType>\n> = async ({ cookies, locale, permissions, req }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { defaultLayout = [], widgets = [] } = req.payload.config.admin.dashboard || {}\n  const { importMap } = req.payload\n\n  const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets)\n\n  const layout: WidgetInstanceClient[] = layoutItems.map((layoutItem) => {\n    const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n    return {\n      component: RenderServerComponent({\n        Component: widgets.find((widget) => widget.slug === widgetSlug)?.ComponentPath,\n        importMap,\n        serverProps: {\n          cookies,\n          locale,\n          permissions,\n          req,\n          widgetSlug,\n        } satisfies WidgetServerProps,\n      }),\n      item: layoutItem,\n    }\n  })\n\n  return { layout }\n}\n\nasync function getItemsFromConfig(\n  defaultLayout: NonNullable<DashboardConfig['defaultLayout']>,\n  req: PayloadRequest,\n  widgets: Widget[],\n): Promise<WidgetItem[]> {\n  // Handle function format\n  let widgetInstances\n  if (typeof defaultLayout === 'function') {\n    widgetInstances = await defaultLayout({ req })\n  } else {\n    widgetInstances = defaultLayout\n  }\n\n  return widgetInstances.map((widgetInstance, index) => {\n    const widget = widgets.find((w) => w.slug === widgetInstance.widgetSlug)\n    return {\n      id: `${widgetInstance.widgetSlug}-${index}`,\n      maxWidth: widget?.maxWidth ?? 'full',\n      minWidth: widget?.minWidth ?? 'x-small',\n      width: widgetInstance.width || 'x-small',\n    }\n  })\n}\n"],"names":["RenderServerComponent","getDefaultLayoutHandler","cookies","locale","permissions","req","user","Error","defaultLayout","widgets","payload","config","admin","dashboard","importMap","layoutItems","getItemsFromConfig","layout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","component","Component","find","widget","slug","ComponentPath","serverProps","item","widgetInstances","widgetInstance","index","w","maxWidth","minWidth","width"],"mappings":"AAQA,SAASA,qBAAqB,QAAQ,gDAA+C;AAUrF;;;CAGC,GACD,OAAO,MAAMC,0BAGT,OAAO,EAAEC,OAAO,EAAEC,MAAM,EAAEC,WAAW,EAAEC,GAAG,EAAE;IAC9C,IAAI,CAACA,IAAIC,IAAI,EAAE;QACb,MAAM,IAAIC,MAAM;IAClB;IAEA,MAAM,EAAEC,gBAAgB,EAAE,EAAEC,UAAU,EAAE,EAAE,GAAGJ,IAAIK,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;IACpF,MAAM,EAAEC,SAAS,EAAE,GAAGT,IAAIK,OAAO;IAEjC,MAAMK,cAAc,MAAMC,mBAAmBR,eAAeH,KAAKI;IAEjE,MAAMQ,SAAiCF,YAAYG,GAAG,CAAC,CAACC;QACtD,MAAMC,aAAaD,WAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,WAAWE,EAAE,CAACE,WAAW,CAAC;QACpE,OAAO;YACLC,WAAWxB,sBAAsB;gBAC/ByB,WAAWhB,QAAQiB,IAAI,CAAC,CAACC,SAAWA,OAAOC,IAAI,KAAKR,aAAaS;gBACjEf;gBACAgB,aAAa;oBACX5B;oBACAC;oBACAC;oBACAC;oBACAe;gBACF;YACF;YACAW,MAAMZ;QACR;IACF;IAEA,OAAO;QAAEF;IAAO;AAClB,EAAC;AAED,eAAeD,mBACbR,aAA4D,EAC5DH,GAAmB,EACnBI,OAAiB;IAEjB,yBAAyB;IACzB,IAAIuB;IACJ,IAAI,OAAOxB,kBAAkB,YAAY;QACvCwB,kBAAkB,MAAMxB,cAAc;YAAEH;QAAI;IAC9C,OAAO;QACL2B,kBAAkBxB;IACpB;IAEA,OAAOwB,gBAAgBd,GAAG,CAAC,CAACe,gBAAgBC;QAC1C,MAAMP,SAASlB,QAAQiB,IAAI,CAAC,CAACS,IAAMA,EAAEP,IAAI,KAAKK,eAAeb,UAAU;QACvE,OAAO;YACLC,IAAI,GAAGY,eAAeb,UAAU,CAAC,CAAC,EAAEc,OAAO;YAC3CE,UAAUT,QAAQS,YAAY;YAC9BC,UAAUV,QAAQU,YAAY;YAC9BC,OAAOL,eAAeK,KAAK,IAAI;QACjC;IACF;AACF"}
+{"version":3,"file":"getDefaultLayoutServerFn.js","names":["RenderServerComponent","getDefaultLayoutHandler","cookies","locale","permissions","req","user","Error","defaultLayout","widgets","payload","config","admin","dashboard","importMap","layoutItems","getItemsFromConfig","layout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","component","Component","find","widget","slug","ComponentPath","serverProps","widgetData","data","item","widgetInstances","widgetInstance","index","w","maxWidth","minWidth","width"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"sourcesContent":["import type {\n  DashboardConfig,\n  PayloadRequest,\n  ServerFunction,\n  Widget,\n  WidgetServerProps,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\nimport type { WidgetInstanceClient, WidgetItem } from '../index.client.js'\n\nexport type GetDefaultLayoutServerFnArgs = Record<string, never>\n\nexport type GetDefaultLayoutServerFnReturnType = {\n  layout: WidgetInstanceClient[]\n}\n\n/**\n * Server function to get the default dashboard layout on-demand.\n * Used when resetting the dashboard to its default configuration.\n */\nexport const getDefaultLayoutHandler: ServerFunction<\n  GetDefaultLayoutServerFnArgs,\n  Promise<GetDefaultLayoutServerFnReturnType>\n> = async ({ cookies, locale, permissions, req }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { defaultLayout = [], widgets = [] } = req.payload.config.admin.dashboard || {}\n  const { importMap } = req.payload\n\n  const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets)\n\n  const layout: WidgetInstanceClient[] = layoutItems.map((layoutItem) => {\n    const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n    return {\n      component: RenderServerComponent({\n        Component: widgets.find((widget) => widget.slug === widgetSlug)?.ComponentPath,\n        importMap,\n        serverProps: {\n          cookies,\n          locale,\n          permissions,\n          req,\n          widgetData: layoutItem.data || {},\n          widgetSlug,\n        } satisfies WidgetServerProps,\n      }),\n      item: layoutItem,\n    }\n  })\n\n  return { layout }\n}\n\nasync function getItemsFromConfig(\n  defaultLayout: NonNullable<DashboardConfig['defaultLayout']>,\n  req: PayloadRequest,\n  widgets: Pick<Widget, 'maxWidth' | 'minWidth' | 'slug'>[],\n): Promise<WidgetItem[]> {\n  let widgetInstances\n  if (typeof defaultLayout === 'function') {\n    widgetInstances = await defaultLayout({ req })\n  } else {\n    widgetInstances = defaultLayout\n  }\n\n  return widgetInstances.map((widgetInstance, index) => {\n    const widget = widgets.find((w) => w.slug === widgetInstance.widgetSlug)\n    return {\n      id: `${widgetInstance.widgetSlug}-${index}`,\n      data: widgetInstance.data,\n      maxWidth: widget?.maxWidth ?? 'full',\n      minWidth: widget?.minWidth ?? 'x-small',\n      width: widgetInstance.width || 'x-small',\n    }\n  })\n}\n"],"mappings":"AAQA,SAASA,qBAAqB,QAAQ;AAUtC;;;;AAIA,OAAO,MAAMC,uBAAA,GAGT,MAAAA,CAAO;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC;AAAG,CAAE;EAC9C,IAAI,CAACA,GAAA,CAAIC,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC,aAAA,GAAgB,EAAE;IAAEC,OAAA,GAAU;EAAE,CAAE,GAAGJ,GAAA,CAAIK,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;EACpF,MAAM;IAAEC;EAAS,CAAE,GAAGT,GAAA,CAAIK,OAAO;EAEjC,MAAMK,WAAA,GAAc,MAAMC,kBAAA,CAAmBR,aAAA,EAAeH,GAAA,EAAKI,OAAA;EAEjE,MAAMQ,MAAA,GAAiCF,WAAA,CAAYG,GAAG,CAAEC,UAAA;IACtD,MAAMC,UAAA,GAAaD,UAAA,CAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,UAAA,CAAWE,EAAE,CAACE,WAAW,CAAC;IACpE,OAAO;MACLC,SAAA,EAAWxB,qBAAA,CAAsB;QAC/ByB,SAAA,EAAWhB,OAAA,CAAQiB,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKR,UAAA,GAAaS,aAAA;QACjEf,SAAA;QACAgB,WAAA,EAAa;UACX5B,OAAA;UACAC,MAAA;UACAC,WAAA;UACAC,GAAA;UACA0B,UAAA,EAAYZ,UAAA,CAAWa,IAAI,IAAI,CAAC;UAChCZ;QACF;MACF;MACAa,IAAA,EAAMd;IACR;EACF;EAEA,OAAO;IAAEF;EAAO;AAClB;AAEA,eAAeD,mBACbR,aAA4D,EAC5DH,GAAmB,EACnBI,OAAyD;EAEzD,IAAIyB,eAAA;EACJ,IAAI,OAAO1B,aAAA,KAAkB,YAAY;IACvC0B,eAAA,GAAkB,MAAM1B,aAAA,CAAc;MAAEH;IAAI;EAC9C,OAAO;IACL6B,eAAA,GAAkB1B,aAAA;EACpB;EAEA,OAAO0B,eAAA,CAAgBhB,GAAG,CAAC,CAACiB,cAAA,EAAgBC,KAAA;IAC1C,MAAMT,MAAA,GAASlB,OAAA,CAAQiB,IAAI,CAAEW,CAAA,IAAMA,CAAA,CAAET,IAAI,KAAKO,cAAA,CAAef,UAAU;IACvE,OAAO;MACLC,EAAA,EAAI,GAAGc,cAAA,CAAef,UAAU,IAAIgB,KAAA,EAAO;MAC3CJ,IAAA,EAAMG,cAAA,CAAeH,IAAI;MACzBM,QAAA,EAAUX,MAAA,EAAQW,QAAA,IAAY;MAC9BC,QAAA,EAAUZ,MAAA,EAAQY,QAAA,IAAY;MAC9BC,KAAA,EAAOL,cAAA,CAAeK,KAAK,IAAI;IACjC;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.d.ts

@@ -4,6 +4,7 @@ export type RenderWidgetServerFnArgs = {
     /**
      * Instance-specific data for this widget
      */
+    widgetData?: Record<string, unknown>;
     /**
      * The slug of the widget to render
      */

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderWidgetServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IAGH;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAC9C,wBAAwB,EACxB,8BAA8B,CA2E/B,CAAA"}
+{"version":3,"file":"renderWidgetServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,cAAc,EAAqB,MAAM,SAAS,CAAA;AAGvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAC9C,wBAAwB,EACxB,8BAA8B,CA8E/B,CAAA"}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js

@@ -1,74 +1,80 @@
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import React from 'react';
+import { extractLocaleData } from '../utils/localeUtils.js';
 /**
-   * Instance-specific data for this widget
-   */ // TODO: widgets will support state in the future
-// widgetData?: Record<string, unknown>
-/**
-   * The slug of the widget to render
-   */ /**
  * Server function to render a widget on-demand.
  * Similar to render-field but specifically for dashboard widgets.
- */ export const renderWidgetHandler = ({ cookies, locale, permissions, req, widgetSlug })=>{
-    if (!req.user) {
-        throw new Error('Unauthorized');
-    }
-    const { widgets } = req.payload.config.admin.dashboard;
-    const { importMap } = req.payload;
-    // Find the widget configuration
-    const widgetConfig = widgets.find((widget)=>widget.slug === widgetSlug);
-    if (!widgetConfig) {
-        return {
-            component: React.createElement('div', {
-                style: {
-                    background: 'var(--theme-elevation-50)',
-                    border: '1px solid var(--theme-elevation-200)',
-                    borderRadius: '4px',
-                    color: 'var(--theme-text)',
-                    padding: '20px',
-                    textAlign: 'center'
-                }
-            }, `Widget "${widgetSlug}" not found`)
-        };
-    }
-    try {
-        // Create server props for the widget
-        const serverProps = {
-            req,
-            // TODO: widgetData: widgetData || {},
-            cookies,
-            locale,
-            permissions,
-            widgetSlug
-        };
-        // Render the widget server component
-        const component = RenderServerComponent({
-            Component: widgetConfig.ComponentPath,
-            importMap,
-            serverProps
-        });
-        return {
-            component
-        };
-    } catch (error) {
-        const errorMessage = error instanceof Error ? error.message : String(error);
-        req.payload.logger.error({
-            err: error,
-            msg: `Error rendering widget "${widgetSlug}": ${errorMessage}`
-        });
-        return {
-            component: React.createElement('div', {
-                style: {
-                    background: 'var(--theme-error-50)',
-                    border: '1px solid var(--theme-error-200)',
-                    borderRadius: '4px',
-                    color: 'var(--theme-error-text)',
-                    padding: '20px',
-                    textAlign: 'center'
-                }
-            }, 'Error loading widget')
-        };
-    }
+ */
+export const renderWidgetHandler = ({
+  cookies,
+  locale,
+  permissions,
+  req,
+  widgetData,
+  widgetSlug
+}) => {
+  if (!req.user) {
+    throw new Error('Unauthorized');
+  }
+  const {
+    widgets
+  } = req.payload.config.admin.dashboard;
+  const {
+    importMap
+  } = req.payload;
+  // Find the widget configuration
+  const widgetConfig = widgets.find(widget => widget.slug === widgetSlug);
+  if (!widgetConfig) {
+    return {
+      component: React.createElement('div', {
+        style: {
+          background: 'var(--theme-elevation-50)',
+          border: '1px solid var(--theme-elevation-200)',
+          borderRadius: '4px',
+          color: 'var(--theme-text)',
+          padding: '20px',
+          textAlign: 'center'
+        }
+      }, `Widget "${widgetSlug}" not found`)
+    };
+  }
+  try {
+    const localeFilteredData = widgetConfig.fields?.length ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields) : widgetData || {};
+    const serverProps = {
+      cookies,
+      locale,
+      permissions,
+      req,
+      widgetData: localeFilteredData,
+      widgetSlug
+    };
+    // Render the widget server component
+    const component = RenderServerComponent({
+      Component: widgetConfig.ComponentPath,
+      importMap,
+      serverProps
+    });
+    return {
+      component
+    };
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    req.payload.logger.error({
+      err: error,
+      msg: `Error rendering widget "${widgetSlug}": ${errorMessage}`
+    });
+    return {
+      component: React.createElement('div', {
+        style: {
+          background: 'var(--theme-error-50)',
+          border: '1px solid var(--theme-error-200)',
+          borderRadius: '4px',
+          color: 'var(--theme-error-text)',
+          padding: '20px',
+          textAlign: 'center'
+        }
+      }, 'Error loading widget')
+    };
+  }
 };
-
 //# sourceMappingURL=renderWidgetServerFn.js.map

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { ServerFunction, WidgetServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nexport type RenderWidgetServerFnArgs = {\n  /**\n   * Instance-specific data for this widget\n   */\n  // TODO: widgets will support state in the future\n  // widgetData?: Record<string, unknown>\n  /**\n   * The slug of the widget to render\n   */\n  widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n  component: React.ReactNode\n}\n\n/**\n * Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, widgetSlug }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { widgets } = req.payload.config.admin.dashboard\n  const { importMap } = req.payload\n\n  // Find the widget configuration\n  const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n  if (!widgetConfig) {\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        `Widget \"${widgetSlug}\" not found`,\n      ),\n    }\n  }\n\n  try {\n    // Create server props for the widget\n    const serverProps: WidgetServerProps = {\n      req,\n      // TODO: widgetData: widgetData || {},\n      cookies,\n      locale,\n      permissions,\n      widgetSlug,\n    }\n\n    // Render the widget server component\n    const component = RenderServerComponent({\n      Component: widgetConfig.ComponentPath,\n      importMap,\n      serverProps,\n    })\n\n    return { component }\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n\n    req.payload.logger.error({\n      err: error,\n      msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n    })\n\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-error-50)',\n            border: '1px solid var(--theme-error-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-error-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        'Error loading widget',\n      ),\n    }\n  }\n}\n"],"names":["RenderServerComponent","React","renderWidgetHandler","cookies","locale","permissions","req","widgetSlug","user","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","serverProps","Component","ComponentPath","error","errorMessage","message","String","logger","err","msg"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,OAAOC,WAAW,QAAO;AAGvB;;GAEC,GACD,iDAAiD;AACjD,uCAAuC;AACvC;;GAEC,GAQH;;;CAGC,GACD,OAAO,MAAMC,sBAGT,CAAC,EAAEC,OAAO,EAAEC,MAAM,EAAEC,WAAW,EAAEC,GAAG,EAAEC,UAAU,EAAE;IACpD,IAAI,CAACD,IAAIE,IAAI,EAAE;QACb,MAAM,IAAIC,MAAM;IAClB;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGJ,IAAIK,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;IACtD,MAAM,EAAEC,SAAS,EAAE,GAAGT,IAAIK,OAAO;IAEjC,gCAAgC;IAChC,MAAMK,eAAeN,QAAQO,IAAI,CAAC,CAACC,SAAWA,OAAOC,IAAI,KAAKZ;IAE9D,IAAI,CAACS,cAAc;QACjB,OAAO;YACLI,WAAWnB,MAAMoB,aAAa,CAC5B,OACA;gBACEC,OAAO;oBACLC,YAAY;oBACZC,QAAQ;oBACRC,cAAc;oBACdC,OAAO;oBACPC,SAAS;oBACTC,WAAW;gBACb;YACF,GACA,CAAC,QAAQ,EAAErB,WAAW,WAAW,CAAC;QAEtC;IACF;IAEA,IAAI;QACF,qCAAqC;QACrC,MAAMsB,cAAiC;YACrCvB;YACA,sCAAsC;YACtCH;YACAC;YACAC;YACAE;QACF;QAEA,qCAAqC;QACrC,MAAMa,YAAYpB,sBAAsB;YACtC8B,WAAWd,aAAae,aAAa;YACrChB;YACAc;QACF;QAEA,OAAO;YAAET;QAAU;IACrB,EAAE,OAAOY,OAAO;QACd,MAAMC,eAAeD,iBAAiBvB,QAAQuB,MAAME,OAAO,GAAGC,OAAOH;QAErE1B,IAAIK,OAAO,CAACyB,MAAM,CAACJ,KAAK,CAAC;YACvBK,KAAKL;YACLM,KAAK,CAAC,wBAAwB,EAAE/B,WAAW,GAAG,EAAE0B,cAAc;QAChE;QAEA,OAAO;YACLb,WAAWnB,MAAMoB,aAAa,CAC5B,OACA;gBACEC,OAAO;oBACLC,YAAY;oBACZC,QAAQ;oBACRC,cAAc;oBACdC,OAAO;oBACPC,SAAS;oBACTC,WAAW;gBACb;YACF,GACA;QAEJ;IACF;AACF,EAAC"}
+{"version":3,"file":"renderWidgetServerFn.js","names":["RenderServerComponent","React","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","widgetData","widgetSlug","user","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","ComponentPath","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * The slug of the widget to render\n   */\n  widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n  component: React.ReactNode\n}\n\n/**\n * Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, widgetData, widgetSlug }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { widgets } = req.payload.config.admin.dashboard\n  const { importMap } = req.payload\n\n  // Find the widget configuration\n  const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n  if (!widgetConfig) {\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        `Widget \"${widgetSlug}\" not found`,\n      ),\n    }\n  }\n\n  try {\n    const localeFilteredData = widgetConfig.fields?.length\n      ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields as Field[])\n      : widgetData || {}\n\n    const serverProps: WidgetServerProps = {\n      cookies,\n      locale,\n      permissions,\n      req,\n      widgetData: localeFilteredData,\n      widgetSlug,\n    }\n\n    // Render the widget server component\n    const component = RenderServerComponent({\n      Component: widgetConfig.ComponentPath,\n      importMap,\n      serverProps,\n    })\n\n    return { component }\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n\n    req.payload.logger.error({\n      err: error,\n      msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n    })\n\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-error-50)',\n            border: '1px solid var(--theme-error-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-error-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        'Error loading widget',\n      ),\n    }\n  }\n}\n"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAU,CAAE;EAChE,IAAI,CAACF,GAAA,CAAIG,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKZ,UAAA;EAE9D,IAAI,CAACS,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWrB,KAAA,CAAMsB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,WAAWrB,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,MAAMsB,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,CAAkBM,UAAA,IAAc,CAAC,GAAGD,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,IAC3ExB,UAAA,IAAc,CAAC;IAEnB,MAAM0B,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,UAAA,EAAYuB,kBAAA;MACZtB;IACF;IAEA;IACA,MAAMa,SAAA,GAAYtB,qBAAA,CAAsB;MACtCmC,SAAA,EAAWjB,YAAA,CAAakB,aAAa;MACrCnB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOe,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiB1B,KAAA,GAAQ0B,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE9B,GAAA,CAAIM,OAAO,CAAC4B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,2BAA2BlC,UAAA,MAAgB6B,YAAA;IAClD;IAEA,OAAO;MACLhB,SAAA,EAAWrB,KAAA,CAAMsB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts

@@ -16,5 +16,6 @@ export declare function useDashboardLayout(initialLayout: WidgetInstanceClient[]
     resizeWidget: (widgetId: string, newWidth: WidgetWidth) => void;
     saveLayout: () => Promise<void>;
     setIsEditing: React.Dispatch<React.SetStateAction<boolean>>;
+    updateWidgetData: (widgetId: string, data: Record<string, unknown>) => void;
 };
 //# sourceMappingURL=useDashboardLayout.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAY1C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAA;AAKzE,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,oBAAoB,EAAE;4BAmFvD,MAAM;;;;6BAiDR,MAAM;;iDA9DgB;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE;;6BAwEpE,MAAM,YAAY,WAAW;;;EA0C3C"}
+{"version":3,"file":"useDashboardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAY1C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAA;AAKzE,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,oBAAoB,EAAE;4BAsFvD,MAAM;;;;6BAkDR,MAAM;;iDA/DgB;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE;;6BAyEpE,MAAM,YAAY,WAAW;;;iCAsB7B,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EA+CnD"}