@fluid-app/rep-widgets 0.1.10 → 0.1.11

package/dist/CalendarWidget-4C5V2LX7.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkGXDSEJJL_cjs = require('./chunk-GXDSEJJL.cjs');
+require('./chunk-3CUVGQQI.cjs');
+require('./chunk-J6HCPXT5.cjs');
+
+
+
+Object.defineProperty(exports, "CalendarWidget", {
+  enumerable: true,
+  get: function () { return chunkGXDSEJJL_cjs.CalendarWidget; }
+});
+Object.defineProperty(exports, "calendarWidgetPropertySchema", {
+  enumerable: true,
+  get: function () { return chunkGXDSEJJL_cjs.calendarWidgetPropertySchema; }
+});
+//# sourceMappingURL=CalendarWidget-4C5V2LX7.cjs.map
+//# sourceMappingURL=CalendarWidget-4C5V2LX7.cjs.map

package/dist/{CalendarWidget-MQ2ID7YS.cjs.map → CalendarWidget-4C5V2LX7.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CalendarWidget-MQ2ID7YS.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CalendarWidget-4C5V2LX7.cjs"}

package/dist/{CalendarWidget-3FLYUVHK.js → CalendarWidget-OJHI3AYU.js}

@@ -1,5 +1,5 @@
-export { CalendarWidget, calendarWidgetPropertySchema } from './chunk-XX2N55EZ.js';
+export { CalendarWidget, calendarWidgetPropertySchema } from './chunk-BQVC5IMY.js';
 import './chunk-GRFCSQ2M.js';
 import './chunk-6ZECDBGI.js';
-//# sourceMappingURL=CalendarWidget-3FLYUVHK.js.map
-//# sourceMappingURL=CalendarWidget-3FLYUVHK.js.map
+//# sourceMappingURL=CalendarWidget-OJHI3AYU.js.map
+//# sourceMappingURL=CalendarWidget-OJHI3AYU.js.map

package/dist/{CalendarWidget-3FLYUVHK.js.map → CalendarWidget-OJHI3AYU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CalendarWidget-3FLYUVHK.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CalendarWidget-OJHI3AYU.js"}

package/dist/{CatchUpWidget-PJNNL5GI.js → CatchUpWidget-RARSAVXN.js}

@@ -1,5 +1,5 @@
-export { CatchUpWidget, catchUpWidgetPropertySchema } from './chunk-EL6H7WGK.js';
+export { CatchUpWidget, catchUpWidgetPropertySchema } from './chunk-AMNYGW7I.js';
 import './chunk-GRFCSQ2M.js';
 import './chunk-6ZECDBGI.js';
-//# sourceMappingURL=CatchUpWidget-PJNNL5GI.js.map
-//# sourceMappingURL=CatchUpWidget-PJNNL5GI.js.map
+//# sourceMappingURL=CatchUpWidget-RARSAVXN.js.map
+//# sourceMappingURL=CatchUpWidget-RARSAVXN.js.map

package/dist/{CatchUpWidget-PJNNL5GI.js.map → CatchUpWidget-RARSAVXN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CatchUpWidget-PJNNL5GI.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CatchUpWidget-RARSAVXN.js"}

package/dist/CatchUpWidget-YTMRMLWH.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkDJPXRRHL_cjs = require('./chunk-DJPXRRHL.cjs');
+require('./chunk-3CUVGQQI.cjs');
+require('./chunk-J6HCPXT5.cjs');
+
+
+
+Object.defineProperty(exports, "CatchUpWidget", {
+  enumerable: true,
+  get: function () { return chunkDJPXRRHL_cjs.CatchUpWidget; }
+});
+Object.defineProperty(exports, "catchUpWidgetPropertySchema", {
+  enumerable: true,
+  get: function () { return chunkDJPXRRHL_cjs.catchUpWidgetPropertySchema; }
+});
+//# sourceMappingURL=CatchUpWidget-YTMRMLWH.cjs.map
+//# sourceMappingURL=CatchUpWidget-YTMRMLWH.cjs.map

package/dist/{CatchUpWidget-ADY4ZUDD.cjs.map → CatchUpWidget-YTMRMLWH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CatchUpWidget-ADY4ZUDD.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CatchUpWidget-YTMRMLWH.cjs"}

package/dist/{MySiteWidget-L37MCRTV.js → MySiteWidget-CXZTDDJM.js}

@@ -1,5 +1,5 @@
-export { MySiteWidget, mySiteWidgetPropertySchema } from './chunk-3CAOLNTX.js';
+export { MySiteWidget, mySiteWidgetPropertySchema } from './chunk-FM3TRTCP.js';
 import './chunk-GRFCSQ2M.js';
 import './chunk-6ZECDBGI.js';
-//# sourceMappingURL=MySiteWidget-L37MCRTV.js.map
-//# sourceMappingURL=MySiteWidget-L37MCRTV.js.map
+//# sourceMappingURL=MySiteWidget-CXZTDDJM.js.map
+//# sourceMappingURL=MySiteWidget-CXZTDDJM.js.map

package/dist/{MySiteWidget-L37MCRTV.js.map → MySiteWidget-CXZTDDJM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MySiteWidget-L37MCRTV.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MySiteWidget-CXZTDDJM.js"}

package/dist/MySiteWidget-J7KD76GZ.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkBC72P5EU_cjs = require('./chunk-BC72P5EU.cjs');
+require('./chunk-3CUVGQQI.cjs');
+require('./chunk-J6HCPXT5.cjs');
+
+
+
+Object.defineProperty(exports, "MySiteWidget", {
+  enumerable: true,
+  get: function () { return chunkBC72P5EU_cjs.MySiteWidget; }
+});
+Object.defineProperty(exports, "mySiteWidgetPropertySchema", {
+  enumerable: true,
+  get: function () { return chunkBC72P5EU_cjs.mySiteWidgetPropertySchema; }
+});
+//# sourceMappingURL=MySiteWidget-J7KD76GZ.cjs.map
+//# sourceMappingURL=MySiteWidget-J7KD76GZ.cjs.map

package/dist/{MySiteWidget-2XUSXN5I.cjs.map → MySiteWidget-J7KD76GZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MySiteWidget-2XUSXN5I.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MySiteWidget-J7KD76GZ.cjs"}

package/dist/RecentActivityWidget-5UJ4UN2Y.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkCMPGAQCS_cjs = require('./chunk-CMPGAQCS.cjs');
+require('./chunk-3CUVGQQI.cjs');
+require('./chunk-J6HCPXT5.cjs');
+
+
+
+Object.defineProperty(exports, "RecentActivityWidget", {
+  enumerable: true,
+  get: function () { return chunkCMPGAQCS_cjs.RecentActivityWidget; }
+});
+Object.defineProperty(exports, "recentActivityWidgetPropertySchema", {
+  enumerable: true,
+  get: function () { return chunkCMPGAQCS_cjs.recentActivityWidgetPropertySchema; }
+});
+//# sourceMappingURL=RecentActivityWidget-5UJ4UN2Y.cjs.map
+//# sourceMappingURL=RecentActivityWidget-5UJ4UN2Y.cjs.map

package/dist/{RecentActivityWidget-ZYOFEB5R.cjs.map → RecentActivityWidget-5UJ4UN2Y.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"RecentActivityWidget-ZYOFEB5R.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"RecentActivityWidget-5UJ4UN2Y.cjs"}

package/dist/RecentActivityWidget-BF6AWDCX.js

@@ -0,0 +1,5 @@
+export { RecentActivityWidget, recentActivityWidgetPropertySchema } from './chunk-NUJO5V6H.js';
+import './chunk-GRFCSQ2M.js';
+import './chunk-6ZECDBGI.js';
+//# sourceMappingURL=RecentActivityWidget-BF6AWDCX.js.map
+//# sourceMappingURL=RecentActivityWidget-BF6AWDCX.js.map

package/dist/{RecentActivityWidget-USXCTA5W.js.map → RecentActivityWidget-BF6AWDCX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"RecentActivityWidget-USXCTA5W.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"RecentActivityWidget-BF6AWDCX.js"}

package/dist/ToDoWidget-34ZHMX4G.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunk2QNE7OLP_cjs = require('./chunk-2QNE7OLP.cjs');
+require('./chunk-3CUVGQQI.cjs');
+require('./chunk-J6HCPXT5.cjs');
+
+
+
+Object.defineProperty(exports, "ToDoWidget", {
+  enumerable: true,
+  get: function () { return chunk2QNE7OLP_cjs.ToDoWidget; }
+});
+Object.defineProperty(exports, "toDoWidgetPropertySchema", {
+  enumerable: true,
+  get: function () { return chunk2QNE7OLP_cjs.toDoWidgetPropertySchema; }
+});
+//# sourceMappingURL=ToDoWidget-34ZHMX4G.cjs.map
+//# sourceMappingURL=ToDoWidget-34ZHMX4G.cjs.map

package/dist/{ToDoWidget-5EXKPVSO.cjs.map → ToDoWidget-34ZHMX4G.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ToDoWidget-5EXKPVSO.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ToDoWidget-34ZHMX4G.cjs"}

package/dist/ToDoWidget-ZAV3YC23.js

@@ -0,0 +1,5 @@
+export { ToDoWidget, toDoWidgetPropertySchema } from './chunk-EEZISZ5T.js';
+import './chunk-GRFCSQ2M.js';
+import './chunk-6ZECDBGI.js';
+//# sourceMappingURL=ToDoWidget-ZAV3YC23.js.map
+//# sourceMappingURL=ToDoWidget-ZAV3YC23.js.map

package/dist/{ToDoWidget-MI3K365J.js.map → ToDoWidget-ZAV3YC23.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ToDoWidget-MI3K365J.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ToDoWidget-ZAV3YC23.js"}

package/dist/{chunk-JS4NC5JR.cjs → chunk-2QNE7OLP.cjs}

@@ -6,12 +6,53 @@ var reactFontawesome = require('@fortawesome/react-fontawesome');
 var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
 var reactQuery = require('@tanstack/react-query');
 var context = require('@fluid-app/rep-core/data-sources/context');
+var previewContext = require('@fluid-app/rep-core/data-sources/preview-context');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/hooks/use-todos.preview.ts
+var now = /* @__PURE__ */ new Date();
+function daysFromNow(days) {
+  const d = new Date(now);
+  d.setDate(d.getDate() + days);
+  return d.toISOString();
+}
+var PREVIEW_DATA = [
+  {
+    id: 1,
+    body: "Send follow-up email to new leads",
+    dueAt: daysFromNow(1),
+    completedAt: null,
+    createdAt: daysFromNow(-2),
+    contactName: "Sarah Johnson"
+  },
+  {
+    id: 2,
+    body: "Prepare slides for team training",
+    dueAt: daysFromNow(3),
+    completedAt: null,
+    createdAt: daysFromNow(-1),
+    contactName: null
+  },
+  {
+    id: 3,
+    body: "Review monthly sales report",
+    dueAt: daysFromNow(-1),
+    completedAt: null,
+    createdAt: daysFromNow(-5),
+    contactName: "Mike Chen"
+  }
+];
+
+// src/hooks/use-todos.ts
 function useTodos() {
   const { baseUrl, getApiHeaders } = context.useDataSourceConfig();
+  const { isPreview } = previewContext.useWidgetPreviewContext();
   return reactQuery.useQuery({
-    queryKey: ["rep-widget-use", "todos", baseUrl],
+    queryKey: [
+      "rep-widget-use",
+      "todos",
+      isPreview ? "preview" : baseUrl
+    ],
     queryFn: async ({ signal }) => {
       const url = baseUrl ? `${baseUrl}/tasks` : "/tasks";
       const response = await fetch(url, {
@@ -26,7 +67,9 @@ function useTodos() {
       }
       const data = await response.json();
       return transformTodos(data);
-    }
+    },
+    enabled: !isPreview,
+    ...isPreview && { placeholderData: PREVIEW_DATA }
   });
 }
 function transformTodos(rawData) {
@@ -256,5 +299,5 @@ var toDoWidgetPropertySchema = {
 
 exports.ToDoWidget = ToDoWidget;
 exports.toDoWidgetPropertySchema = toDoWidgetPropertySchema;
-//# sourceMappingURL=chunk-JS4NC5JR.cjs.map
-//# sourceMappingURL=chunk-JS4NC5JR.cjs.map
+//# sourceMappingURL=chunk-2QNE7OLP.cjs.map
+//# sourceMappingURL=chunk-2QNE7OLP.cjs.map

package/dist/chunk-2QNE7OLP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-todos.preview.ts","../src/hooks/use-todos.ts","../src/widgets/ToDoWidget.tsx"],"names":["useDataSourceConfig","useWidgetPreviewContext","useQuery","jsxs","jsx","FontAwesomeIcon","faListCheck","ErrorState","Fragment","faPlus","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField"],"mappings":"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","file":"chunk-2QNE7OLP.cjs","sourcesContent":["import type { Todo } from \"./use-todos.types\";\n\nconst now = new Date();\n\nfunction daysFromNow(days: number): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + days);\n  return d.toISOString();\n}\n\nexport const PREVIEW_DATA: Todo[] = [\n  {\n    id: 1,\n    body: \"Send follow-up email to new leads\",\n    dueAt: daysFromNow(1),\n    completedAt: null,\n    createdAt: daysFromNow(-2),\n    contactName: \"Sarah Johnson\",\n  },\n  {\n    id: 2,\n    body: \"Prepare slides for team training\",\n    dueAt: daysFromNow(3),\n    completedAt: null,\n    createdAt: daysFromNow(-1),\n    contactName: null,\n  },\n  {\n    id: 3,\n    body: \"Review monthly sales report\",\n    dueAt: daysFromNow(-1),\n    completedAt: null,\n    createdAt: daysFromNow(-5),\n    contactName: \"Mike Chen\",\n  },\n];\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useDataSourceConfig } from \"@fluid-app/rep-core/data-sources/context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/rep-core/data-sources/preview-context\";\nimport { PREVIEW_DATA } from \"./use-todos.preview\";\nimport type { ApiTodo, Todo } from \"./use-todos.types\";\n\nexport type { TodoContact, ApiTodo, Todo } from \"./use-todos.types\";\n\nexport function useTodos() {\n  const { baseUrl, getApiHeaders } = useDataSourceConfig();\n  const { isPreview } = useWidgetPreviewContext();\n\n  return useQuery({\n    queryKey: [\n      \"rep-widget-use\",\n      \"todos\",\n      isPreview ? \"preview\" : baseUrl,\n    ] as const,\n    queryFn: async ({ signal }): Promise<Todo[]> => {\n      const url = baseUrl ? `${baseUrl}/tasks` : \"/tasks\";\n      const response = await fetch(url, {\n        headers: {\n          \"content-type\": \"application/json\",\n          ...getApiHeaders?.(),\n        },\n        signal,\n      });\n\n      if (!response.ok) {\n        throw new Error(`Failed to fetch todos: ${response.status}`);\n      }\n\n      const data: ApiTodo[] = await response.json();\n      return transformTodos(data);\n    },\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n\nfunction transformTodos(rawData: ApiTodo[]): Todo[] {\n  return rawData.map((todo) => ({\n    id: todo.id,\n    body: todo.body,\n    dueAt: todo.due_at,\n    completedAt: todo.completed_at,\n    createdAt: todo.created_at,\n    contactName: todo.contact\n      ? `${todo.contact.first_name} ${todo.contact.last_name}`\n      : null,\n  }));\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/rep-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/rep-core/registries\";\nimport {\n  getBorderRadiusField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faListCheck, faPlus } from \"@fortawesome/pro-regular-svg-icons\";\nimport { useTodos } from \"../hooks/use-todos\";\nimport { ErrorState } from \"../components/error-state\";\n\ntype ToDoWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Content\n  maxItems?: number;\n};\n\nexport function ToDoWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"To-Do\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n\n  // Content defaults\n  maxItems = 5,\n\n  className,\n  ...props\n}: ToDoWidgetProps) {\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const { data: todos = [], isLoading, isError } = useTodos();\n\n  // Use API data if available, otherwise fall back to demo data\n  const displayTodos = todos.length > 0 ? todos : [];\n\n  // Filter out completed tasks\n  const activeTodos = displayTodos.filter((todo) => !todo.completedAt);\n  const todosToShow = activeTodos.slice(0, maxItems);\n  const remainingCount = activeTodos.length - todosToShow.length;\n  const isEmpty = activeTodos.length === 0;\n\n  return (\n    <div\n      className={`overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} p-${padding} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"mb-3 flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          {titleEnabled && titleText && (\n            <h2\n              className={`text-${titleFontSize} font-bold text-${titleColor}`}\n            >\n              {titleText}\n            </h2>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {!isEmpty && !isLoading && (\n            <span className={`text-2xl font-bold text-${accentColor}`}>\n              {activeTodos.length}\n            </span>\n          )}\n          <div\n            className={`flex h-10 w-10 shrink-0 items-center justify-center`}\n          >\n            <FontAwesomeIcon\n              icon={faListCheck}\n              className={`h-5 w-5 text-${accentColor}-foreground`}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Loading state */}\n      {isLoading ? (\n        <div className=\"flex min-h-[120px] items-center justify-center\">\n          <div className=\"h-6 w-6 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        </div>\n      ) : isError ? (\n        /* Error state */\n        <ErrorState />\n      ) : isEmpty ? (\n        /* Empty state */\n        <div className=\"flex flex-col items-center justify-center py-8\">\n          <p className={`text-center text-${textColor}/60`}>\n            You&apos;ve got nothing else To-Do!\n          </p>\n        </div>\n      ) : (\n        /* Todo List */\n        <>\n          <div className=\"flex flex-col\">\n            {todosToShow.map((todo, index) => (\n              <div\n                key={todo.id}\n                className={`flex items-center gap-3 py-2.5 ${\n                  index !== todosToShow.length - 1\n                    ? `border-b border-${textColor}/10`\n                    : \"\"\n                }`}\n              >\n                <input\n                  type=\"checkbox\"\n                  className={`h-5 w-5 rounded-full border-2 border-${textColor}/30 bg-transparent`}\n                  checked={!!todo.completedAt}\n                  readOnly\n                />\n                <span className=\"line-clamp-1 flex-1 text-sm\">{todo.body}</span>\n              </div>\n            ))}\n          </div>\n\n          {/* Footer */}\n          <div className=\"mt-2 flex items-center justify-between\">\n            {remainingCount > 0 && (\n              <span className={`text-sm text-${textColor}/50 underline`}>\n                {remainingCount} more task{remainingCount > 1 ? \"s\" : \"\"}\n              </span>\n            )}\n            <div className=\"ml-auto\">\n              <FontAwesomeIcon\n                icon={faPlus}\n                className={`h-5 w-5 text-${textColor}/50`}\n              />\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const toDoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ToDoWidget\",\n  displayName: \"To-Do Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the todo list\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the todo list\",\n      defaultValue: \"To-Do\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for todo items\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for count badge and icon\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"maxItems\",\n      label: \"Max Items\",\n      type: \"number\",\n      description: \"Maximum number of todo items to display\",\n      min: 1,\n      max: 20,\n      step: 1,\n      defaultValue: 5,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"]}

package/dist/{chunk-EL6H7WGK.js → chunk-AMNYGW7I.js}

@@ -2,14 +2,30 @@ import { ErrorState } from './chunk-GRFCSQ2M.js';
 import { getFontSizeField, getColorField, getPaddingField, getBorderRadiusField } from './chunk-6ZECDBGI.js';
 import { useQuery } from '@tanstack/react-query';
 import { useDataSourceConfig } from '@fluid-app/rep-core/data-sources/context';
+import { useWidgetPreviewContext } from '@fluid-app/rep-core/data-sources/preview-context';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSpinnerThird, faSparkles } from '@fortawesome/pro-regular-svg-icons';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
+// src/hooks/use-catchups.preview.ts
+var PREVIEW_DATA = [
+  { id: 1, suggestion_title: "Check in with Sarah about her recent order" },
+  { id: 2, suggestion_title: "Follow up with Mike on product samples" },
+  { id: 3, suggestion_title: "Reconnect with Lisa \u2014 last contact 30 days ago" },
+  { id: 4, suggestion_title: "Thank Alex for their referral last week" },
+  { id: 5, suggestion_title: "Share new catalog with Jordan" }
+];
+
+// src/hooks/use-catchups.ts
 function useCatchUps() {
   const { baseUrl, getApiHeaders } = useDataSourceConfig();
+  const { isPreview } = useWidgetPreviewContext();
   return useQuery({
-    queryKey: ["rep-widget-use", "catchups", baseUrl],
+    queryKey: [
+      "rep-widget-use",
+      "catchups",
+      isPreview ? "preview" : baseUrl
+    ],
     queryFn: async ({ signal }) => {
       const url = baseUrl ? `${baseUrl}/affiliate_catch_up_actions.json` : "/affiliate_catch_up_actions.json";
       const response = await fetch(url, {
@@ -23,7 +39,9 @@ function useCatchUps() {
         throw new Error(`Failed to fetch catch ups: ${response.status}`);
       }
       return response.json();
-    }
+    },
+    enabled: !isPreview,
+    ...isPreview && { placeholderData: PREVIEW_DATA }
   });
 }
 var fontSizeClasses = {
@@ -228,5 +246,5 @@ var catchUpWidgetPropertySchema = {
 };
 
 export { CatchUpWidget, catchUpWidgetPropertySchema };
-//# sourceMappingURL=chunk-EL6H7WGK.js.map
-//# sourceMappingURL=chunk-EL6H7WGK.js.map
+//# sourceMappingURL=chunk-AMNYGW7I.js.map
+//# sourceMappingURL=chunk-AMNYGW7I.js.map

package/dist/chunk-AMNYGW7I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-catchups.preview.ts","../src/hooks/use-catchups.ts","../src/widgets/CatchUpWidget.tsx"],"names":[],"mappings":"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","file":"chunk-AMNYGW7I.js","sourcesContent":["import type { CatchUp } from \"./use-catchups.types\";\n\nexport const PREVIEW_DATA: CatchUp[] = [\n  { id: 1, suggestion_title: \"Check in with Sarah about her recent order\" },\n  { id: 2, suggestion_title: \"Follow up with Mike on product samples\" },\n  { id: 3, suggestion_title: \"Reconnect with Lisa — last contact 30 days ago\" },\n  { id: 4, suggestion_title: \"Thank Alex for their referral last week\" },\n  { id: 5, suggestion_title: \"Share new catalog with Jordan\" },\n];\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useDataSourceConfig } from \"@fluid-app/rep-core/data-sources/context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/rep-core/data-sources/preview-context\";\nimport { PREVIEW_DATA } from \"./use-catchups.preview\";\n\nimport type { CatchUp } from \"./use-catchups.types\";\n\nexport type { CatchUp } from \"./use-catchups.types\";\n\nexport function useCatchUps() {\n  const { baseUrl, getApiHeaders } = useDataSourceConfig();\n  const { isPreview } = useWidgetPreviewContext();\n\n  return useQuery({\n    queryKey: [\n      \"rep-widget-use\",\n      \"catchups\",\n      isPreview ? \"preview\" : baseUrl,\n    ] as const,\n    queryFn: async ({ signal }): Promise<CatchUp[]> => {\n      const url = baseUrl\n        ? `${baseUrl}/affiliate_catch_up_actions.json`\n        : \"/affiliate_catch_up_actions.json\";\n      const response = await fetch(url, {\n        headers: {\n          \"content-type\": \"application/json\",\n          ...getApiHeaders?.(),\n        },\n        signal,\n      });\n\n      if (!response.ok) {\n        throw new Error(`Failed to fetch catch ups: ${response.status}`);\n      }\n\n      return response.json();\n    },\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/rep-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/rep-core/registries\";\nimport {\n  getBorderRadiusField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { useCatchUps } from \"../hooks/use-catchups\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSpinnerThird, faSparkles } from \"@fortawesome/pro-regular-svg-icons\";\nimport { ErrorState } from \"../components/error-state\";\n\n// Font size mapping for title\nconst fontSizeClasses: Record<FontSizeOptions, string> = {\n  \"2xl\": \"text-2xl\",\n  xl: \"text-xl\",\n  lg: \"text-lg\",\n  md: \"text-base\",\n  sm: \"text-sm\",\n  xs: \"text-xs\",\n};\n\ntype CatchUpWidgetProps = ComponentProps<\"div\"> & {\n  // Title settings\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  // Design settings\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  // Display settings\n  maxItems?: number;\n};\n\nexport function CatchUpWidget({\n  // Title settings with defaults\n  titleEnabled = true,\n  titleText = \"Catch Ups\",\n  titleFontSize = \"xl\",\n  titleColor = \"foreground\",\n  // Design settings with defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  // Display settings with defaults\n  maxItems = 5,\n  className,\n  ...props\n}: CatchUpWidgetProps) {\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const { data = [], isLoading, isError } = useCatchUps();\n\n  const catchUpsToShow = data.slice(0, maxItems);\n  const moreCatchUps = data.length - catchUpsToShow.length;\n\n  return (\n    <div\n      className={`flex flex-col rounded-${borderRadius} bg-${backgroundColor} p-${padding} text-${textColor} ${className || \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        {titleEnabled && (\n          <h3\n            className={`${fontSizeClasses[titleFontSize]} font-semibold text-${titleColor}`}\n          >\n            {titleText}\n          </h3>\n        )}\n        {!isLoading && !isError && data.length > 0 && (\n          <span className={`text-3xl font-bold text-${accentColor}`}>\n            {data.length}\n          </span>\n        )}\n      </div>\n\n      {/* Loading state */}\n      {isLoading ? (\n        <div className=\"flex min-h-[150px] flex-1 items-center justify-center\">\n          <FontAwesomeIcon\n            icon={faSpinnerThird}\n            spin\n            className={`h-8 w-8 text-${accentColor}`}\n          />\n        </div>\n      ) : isError ? (\n        /* Error state */\n        <ErrorState />\n      ) : data.length === 0 ? (\n        /* Empty state */\n        <div className=\"flex min-h-[150px] flex-1 flex-col items-center justify-center gap-2\">\n          <FontAwesomeIcon\n            icon={faSparkles}\n            className={`h-8 w-8 text-${accentColor}`}\n          />\n          <p className=\"text-center font-semibold\">\n            You&apos;re all caught up.\n          </p>\n          <p className=\"text-sm opacity-60\">See you next time!</p>\n        </div>\n      ) : (\n        /* Default state with catch ups */\n        <>\n          <div className=\"mt-3 flex-1\">\n            {catchUpsToShow.map((catchUp, index: number) => (\n              <div\n                key={catchUp.id || index}\n                className={`py-2 ${index !== catchUpsToShow.length - 1 ? \"border-b border-current/10\" : \"\"}`}\n              >\n                <p className=\"line-clamp-1 text-sm\">\n                  {catchUp.suggestion_title}\n                </p>\n              </div>\n            ))}\n          </div>\n\n          {/* More indicator */}\n          {moreCatchUps > 0 && (\n            <p className=\"mt-2 text-sm opacity-60\">\n              {moreCatchUps} more catch up{moreCatchUps > 1 ? \"s\" : \"\"}\n            </p>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\n// Property schema for the widget editor\nexport const catchUpWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CatchUpWidget\",\n  displayName: \"Catch Up Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the catch ups\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the catch ups\",\n      defaultValue: \"Catch Ups\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for catch up items\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for count display and icons\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"maxItems\",\n      label: \"Max Items\",\n      type: \"number\",\n      description: \"Maximum number of catch ups to display\",\n      defaultValue: 5,\n      min: 1,\n      max: 10,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"]}

package/dist/{chunk-TMG7H4K5.cjs → chunk-BC72P5EU.cjs}

@@ -5,12 +5,27 @@ var chunkJ6HCPXT5_cjs = require('./chunk-J6HCPXT5.cjs');
 var react = require('react');
 var reactQuery = require('@tanstack/react-query');
 var context = require('@fluid-app/rep-core/data-sources/context');
+var previewContext = require('@fluid-app/rep-core/data-sources/preview-context');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/hooks/use-mysite.preview.ts
+var PREVIEW_DATA = {
+  url: "https://mysite.example.com",
+  views: 1248,
+  leads: 43,
+  userName: "Jane"
+};
+
+// src/hooks/use-mysite.ts
 function useMySite() {
   const { baseUrl, getApiHeaders } = context.useDataSourceConfig();
+  const { isPreview } = previewContext.useWidgetPreviewContext();
   return reactQuery.useQuery({
-    queryKey: ["rep-widget-use", "mysite", baseUrl],
+    queryKey: [
+      "rep-widget-use",
+      "mysite",
+      isPreview ? "preview" : baseUrl
+    ],
     queryFn: async ({ signal }) => {
       const url = baseUrl ? `${baseUrl}/me` : "/me";
       const response = await fetch(url, {
@@ -30,7 +45,9 @@ function useMySite() {
         leads: data.mysite_leads ?? 0,
         userName: data.name || data.first_name || "User"
       };
-    }
+    },
+    enabled: !isPreview,
+    ...isPreview && { placeholderData: PREVIEW_DATA }
   });
 }
 function MySiteWidget({
@@ -247,5 +264,5 @@ var mySiteWidgetPropertySchema = {
 
 exports.MySiteWidget = MySiteWidget;
 exports.mySiteWidgetPropertySchema = mySiteWidgetPropertySchema;
-//# sourceMappingURL=chunk-TMG7H4K5.cjs.map
-//# sourceMappingURL=chunk-TMG7H4K5.cjs.map
+//# sourceMappingURL=chunk-BC72P5EU.cjs.map
+//# sourceMappingURL=chunk-BC72P5EU.cjs.map

package/dist/chunk-BC72P5EU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-mysite.preview.ts","../src/hooks/use-mysite.ts","../src/widgets/MySiteWidget.tsx"],"names":["useDataSourceConfig","useWidgetPreviewContext","useQuery","useMemo","jsxs","jsx","ErrorState","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField"],"mappings":"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","file":"chunk-BC72P5EU.cjs","sourcesContent":["import type { MySiteData } from \"./use-mysite.types\";\n\nexport const PREVIEW_DATA: MySiteData = {\n  url: \"https://mysite.example.com\",\n  views: 1248,\n  leads: 43,\n  userName: \"Jane\",\n};\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useDataSourceConfig } from \"@fluid-app/rep-core/data-sources/context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/rep-core/data-sources/preview-context\";\nimport { PREVIEW_DATA } from \"./use-mysite.preview\";\n\nimport type { MySiteData } from \"./use-mysite.types\";\n\nexport type { MySiteData } from \"./use-mysite.types\";\n\nexport function useMySite() {\n  const { baseUrl, getApiHeaders } = useDataSourceConfig();\n  const { isPreview } = useWidgetPreviewContext();\n\n  return useQuery({\n    queryKey: [\n      \"rep-widget-use\",\n      \"mysite\",\n      isPreview ? \"preview\" : baseUrl,\n    ] as const,\n    queryFn: async ({ signal }): Promise<MySiteData> => {\n      const url = baseUrl ? `${baseUrl}/me` : \"/me\";\n      const response = await fetch(url, {\n        headers: {\n          \"content-type\": \"application/json\",\n          ...getApiHeaders?.(),\n        },\n        signal,\n      });\n\n      if (!response.ok) {\n        throw new Error(`Failed to fetch MySite data: ${response.status}`);\n      }\n\n      const data = await response.json();\n      return {\n        url: data.mysite_url ?? null,\n        views: data.mysite_views ?? 0,\n        leads: data.mysite_leads ?? 0,\n        userName: data.name || data.first_name || \"User\",\n      };\n    },\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/rep-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/rep-core/registries\";\nimport {\n  getBorderRadiusField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { useMySite } from \"../hooks/use-mysite\";\nimport { ErrorState } from \"../components/error-state\";\n\ntype MySiteWidgetProps = ComponentProps<\"div\"> & {\n  // Title settings\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Design settings\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Display settings\n  showPreview?: boolean;\n  showAnalytics?: boolean;\n};\n\nexport function MySiteWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"My Site\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n\n  // Design defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n\n  // Display defaults\n  showPreview = true,\n  showAnalytics = true,\n\n  className,\n  ...props\n}: MySiteWidgetProps) {\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const { data: mySite, isLoading, isError } = useMySite();\n\n  // Generate preview URL with preview=true parameter\n  const previewUrl = useMemo(() => {\n    if (!mySite?.url) return \"\";\n    try {\n      const urlObj = new URL(mySite.url);\n      urlObj.searchParams.set(\"preview\", \"true\");\n      return urlObj.toString();\n    } catch {\n      return mySite.url;\n    }\n  }, [mySite?.url]);\n\n  // Display URL without protocol\n  const displayUrl = useMemo(\n    () => (mySite?.url ? mySite.url.replace(/^https?:\\/\\//, \"\") : \"\"),\n    [mySite?.url],\n  );\n\n  // Don't render if no MySite URL exists (but still render if errored or loading)\n  if (!isLoading && !isError && !mySite?.url) {\n    return null;\n  }\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} ${className}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {/* Title */}\n      {titleEnabled && titleText && (\n        <div className={`p-${padding} pb-0`}>\n          <h2 className={`text-${titleFontSize} font-bold text-${titleColor}`}>\n            {mySite?.userName ? `${mySite.userName}'s ${titleText}` : titleText}\n          </h2>\n        </div>\n      )}\n\n      {/* Loading state */}\n      {isLoading ? (\n        <div\n          className={`flex min-h-[200px] items-center justify-center p-${padding}`}\n        >\n          <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        </div>\n      ) : isError ? (\n        <ErrorState />\n      ) : (\n        <div className={`p-${padding}`}>\n          {/* MySite iframe preview */}\n          {showPreview && (\n            <div className=\"mb-4 overflow-hidden rounded-lg border border-muted\">\n              {/* Browser chrome */}\n              <div className=\"bg-[#f3f4f6] px-3 py-2 text-[#6b7280]\">\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"flex gap-1\">\n                    <div className=\"h-3 w-3 rounded-full bg-[#ff5f57]\" />\n                    <div className=\"h-3 w-3 rounded-full bg-[#febc2e]\" />\n                    <div className=\"h-3 w-3 rounded-full bg-[#28c840]\" />\n                  </div>\n                  <div className=\"flex-1 text-center\">\n                    <a\n                      href={mySite?.url ?? \"\"}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"text-sm opacity-60\"\n                    >\n                      {displayUrl}\n                    </a>\n                  </div>\n                </div>\n              </div>\n              {/* iframe container */}\n              <div className=\"h-[200px] overflow-hidden bg-[#ffffff] @md:h-[280px]\">\n                <iframe\n                  className=\"pointer-events-none h-[700%] w-[700%] origin-top-left scale-[0.14] bg-[#ffffff]\"\n                  src={previewUrl}\n                  title=\"MySite Preview\"\n                />\n              </div>\n            </div>\n          )}\n\n          {/* Analytics data */}\n          {showAnalytics && (\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div className=\"rounded-lg border border-muted bg-background p-3\">\n                <div className=\"text-xs opacity-60\">Visitors This Month</div>\n                <div className={`text-xl font-bold text-${accentColor}`}>\n                  {mySite?.views ?? 0}\n                </div>\n              </div>\n              <div className=\"rounded-lg border border-muted bg-background p-3\">\n                <div className=\"text-xs opacity-60\">Total Leads</div>\n                <div className={`text-xl font-bold text-${accentColor}`}>\n                  {mySite?.leads ?? 0}\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const mySiteWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"MySiteWidget\",\n  displayName: \"MySite Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the widget\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the widget\",\n      defaultValue: \"My Site\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for widget content\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for analytics numbers\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n\n    // Styling Tab - Display Group\n    {\n      key: \"showPreview\",\n      label: \"Show Preview\",\n      type: \"boolean\",\n      description: \"Show the MySite iframe preview\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Display\",\n    },\n    {\n      key: \"showAnalytics\",\n      label: \"Show Analytics\",\n      type: \"boolean\",\n      description: \"Show the analytics section\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Display\",\n    },\n  ],\n} as const satisfies WidgetPropertySchema;\n"]}