@fluid-app/rep-widgets 0.1.0

package/dist/chunk-VBJ5FT4C.cjs

@@ -0,0 +1,273 @@
+'use strict';
+
+var chunkCM7D7WGL_cjs = require('./chunk-CM7D7WGL.cjs');
+var qrcode_react = require('qrcode.react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function QuickShareWidget({
+  // Resource
+  shareableResource,
+  // Title defaults
+  titleEnabled = true,
+  titleText = "",
+  titleFontSize = "2xl",
+  titleColor = "foreground",
+  textColor = "foreground",
+  accentColor = "primary",
+  padding = 4,
+  borderRadius = "md",
+  // Overlay defaults
+  overlayEnabled = true,
+  overlayType = "solid",
+  overlayIntensity = 50,
+  // Actions defaults
+  showBuyButton = false,
+  className,
+  ...props
+}) {
+  const backgroundImageUrl = shareableResource?.image_url || shareableResource?.imageUrl;
+  const shareLink = shareableResource?.share_link || "";
+  const displayUrl = shareLink || "Select a resource to generate link";
+  const displayTitle = titleText || shareableResource?.title || "Select a resource to display!";
+  const isProduct = shareableResource?.type === "Product" || shareableResource?.shareableType === "Product";
+  const shouldShowBuyButton = showBuyButton && isProduct;
+  const handleCopyToClipboard = async () => {
+    if (shareLink) {
+      try {
+        await navigator.clipboard.writeText(shareLink);
+      } catch (error) {
+        console.error("Failed to copy to clipboard:", error);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `relative overflow-hidden rounded-${borderRadius} bg-muted text-${textColor} ${className ?? ""}`,
+      ...props,
+      children: [
+        backgroundImageUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: backgroundImageUrl,
+              alt: "",
+              className: "h-full w-full object-cover"
+            }
+          ),
+          overlayEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `absolute inset-0 ${overlayType === "gradient" ? "bg-gradient-to-t from-black to-transparent" : "bg-black"}`,
+              style: {
+                opacity: (Number(String(overlayIntensity).replace("%", "")) || 50) / 100
+              }
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `absolute inset-0 flex items-center justify-center bg-muted`,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { className: "h-16 w-16 opacity-20" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex min-h-[400px] flex-col p-${padding}`, children: [
+          titleEnabled && displayTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: `text-center text-${titleFontSize} font-semibold text-${titleColor} drop-shadow-lg`,
+              children: displayTitle
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 rounded-lg bg-white p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                qrcode_react.QRCodeSVG,
+                {
+                  value: shareLink || "https://example.com",
+                  size: 100,
+                  level: "H"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-semibold tracking-wide drop-shadow", children: "Your Shareable URL" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between rounded-md border border-white/20 bg-black/50 p-2 text-sm text-white backdrop-blur", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: displayUrl }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleCopyToClipboard,
+                      className: `ml-2 shrink-0 rounded p-1 transition-colors hover:bg-${accentColor}/20`,
+                      "aria-label": "Copy link",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            shouldShowBuyButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: `flex w-full items-center justify-center gap-2 rounded-lg bg-${accentColor} p-3 font-medium text-${accentColor}-foreground transition-all hover:bg-${accentColor}-500`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Buy" })
+                ]
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var quickShareWidgetPropertySchema = {
+  widgetType: "QuickShareWidget",
+  displayName: "Quick Share Widget",
+  tabsConfig: [{ id: "styling", label: "Styling" }],
+  fields: [
+    // Styling Tab - Resource
+    {
+      key: "shareableResource",
+      label: "Shareable Content",
+      type: "resource",
+      description: "Select the content to generate a share link for",
+      allowedTypes: ["Product", "Page", "EnrollmentPack", "Medium", "Library"],
+      tab: "styling",
+      group: "Content"
+    },
+    // Styling Tab - Title Group
+    {
+      key: "titleEnabled",
+      label: "Show Title",
+      type: "boolean",
+      description: "Display a title overlay on the widget",
+      defaultValue: true,
+      tab: "styling",
+      group: "Title"
+    },
+    {
+      key: "titleText",
+      label: "Title",
+      type: "text",
+      description: "Custom title text (defaults to resource title if empty)",
+      defaultValue: "",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    },
+    chunkCM7D7WGL_cjs.getFontSizeField({
+      key: "titleFontSize",
+      label: "Title Font Size",
+      description: "Font size for the title text",
+      defaultValue: "2xl",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    }),
+    chunkCM7D7WGL_cjs.getColorField({
+      key: "titleColor",
+      label: "Title Color",
+      description: "Color for the title text",
+      defaultValue: "background",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    }),
+    // Styling Tab - Actions Group
+    // {
+    //   key: "showBuyButton",
+    //   label: "Show Buy Button",
+    //   type: "boolean",
+    //   description: "Display the buy button (only visible for Product type)",
+    //   defaultValue: false,
+    //   tab: "styling",
+    //   group: "Actions",
+    // },
+    // Styling Tab - Design Group
+    chunkCM7D7WGL_cjs.getColorField({
+      key: "textColor",
+      label: "Text Color",
+      description: "Default text color for the widget",
+      defaultValue: "background",
+      tab: "styling",
+      group: "Design"
+    }),
+    chunkCM7D7WGL_cjs.getColorField({
+      key: "accentColor",
+      label: "Accent Color",
+      description: "Color for accent elements and buy button",
+      defaultValue: "primary",
+      tab: "styling",
+      group: "Design"
+    }),
+    {
+      key: "overlayEnabled",
+      label: "Enable Overlay",
+      type: "boolean",
+      description: "Add background overlay for text readability",
+      defaultValue: true,
+      tab: "styling",
+      group: "Design"
+    },
+    {
+      key: "overlayType",
+      label: "Overlay Type",
+      type: "buttonGroup",
+      description: "Type of overlay to add to the background",
+      defaultValue: "solid",
+      options: [
+        { label: "Solid", value: "solid" },
+        { label: "Gradient", value: "gradient" }
+      ],
+      tab: "styling",
+      group: "Design",
+      requiresKeyToBeTrue: "overlayEnabled"
+    },
+    {
+      key: "overlayIntensity",
+      label: "Overlay Intensity",
+      type: "slider",
+      description: "Opacity of the overlay background (0-100)",
+      min: 0,
+      max: 100,
+      step: 5,
+      defaultValue: 50,
+      unit: "%",
+      tab: "styling",
+      group: "Design",
+      requiresKeyToBeTrue: "overlayEnabled"
+    },
+    {
+      key: "separator",
+      type: "separator",
+      label: "Separator",
+      tab: "styling",
+      group: "Design"
+    },
+    chunkCM7D7WGL_cjs.getPaddingField({
+      key: "padding",
+      label: "Padding",
+      description: "Padding around the widget content",
+      defaultValue: 4,
+      tab: "styling",
+      group: "Design"
+    }),
+    chunkCM7D7WGL_cjs.getBorderRadiusField({
+      key: "borderRadius",
+      label: "Border Radius",
+      description: "Border radius for the widget container",
+      defaultValue: "md",
+      tab: "styling",
+      group: "Design"
+    })
+  ]
+};
+
+exports.QuickShareWidget = QuickShareWidget;
+exports.quickShareWidgetPropertySchema = quickShareWidgetPropertySchema;
+//# sourceMappingURL=chunk-VBJ5FT4C.cjs.map
+//# sourceMappingURL=chunk-VBJ5FT4C.cjs.map

package/dist/chunk-VBJ5FT4C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/QuickShareWidget.tsx"],"names":["jsxs","jsx","ImageIcon","QRCodeSVG","Copy","ShoppingCart","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField"],"mappings":"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","file":"chunk-VBJ5FT4C.cjs","sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\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 type { ShareableItem } from \"@fluid-app/rep-core/types\";\nimport {\n  getBorderRadiusField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport { Copy, ShoppingCart, ImageIcon } from \"lucide-react\";\n\ntype QuickShareWidgetProps = ComponentProps<\"div\"> & {\n  // Resource\n  shareableResource?: ShareableItem;\n\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n\n  // Actions\n  showBuyButton?: boolean;\n};\n\nexport function QuickShareWidget({\n  // Resource\n  shareableResource,\n\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"\",\n  titleFontSize = \"2xl\",\n  titleColor = \"foreground\",\n\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n\n  // Overlay defaults\n  overlayEnabled = true,\n  overlayType = \"solid\",\n  overlayIntensity = 50,\n\n  // Actions defaults\n  showBuyButton = false,\n\n  className,\n  ...props\n}: QuickShareWidgetProps) {\n  // Determine background styling\n  const backgroundImageUrl =\n    shareableResource?.image_url || shareableResource?.imageUrl;\n\n  // Get share link from resource\n  const shareLink = shareableResource?.share_link || \"\";\n  const displayUrl = shareLink || \"Select a resource to generate link\";\n\n  // Determine title - use provided title or fall back to resource title\n  const displayTitle =\n    titleText || shareableResource?.title || \"Select a resource to display!\";\n\n  // Check if resource is a Product for buy button visibility\n  const isProduct =\n    shareableResource?.type === \"Product\" ||\n    shareableResource?.shareableType === \"Product\";\n  const shouldShowBuyButton = showBuyButton && isProduct;\n\n  // Copy to clipboard handler\n  const handleCopyToClipboard = async () => {\n    if (shareLink) {\n      try {\n        await navigator.clipboard.writeText(shareLink);\n      } catch (error) {\n        console.error(\"Failed to copy to clipboard:\", error);\n      }\n    }\n  };\n\n  return (\n    <div\n      className={`relative overflow-hidden rounded-${borderRadius} bg-muted text-${textColor} ${className ?? \"\"}`}\n      {...props}\n    >\n      {/* Background Image with Overlay */}\n      {backgroundImageUrl ? (\n        <div className=\"absolute inset-0\">\n          <img\n            src={backgroundImageUrl}\n            alt=\"\"\n            className=\"h-full w-full object-cover\"\n          />\n          {overlayEnabled && (\n            <div\n              className={`absolute inset-0 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n      ) : (\n        <div\n          className={`absolute inset-0 flex items-center justify-center bg-muted`}\n        >\n          <ImageIcon className=\"h-16 w-16 opacity-20\" />\n        </div>\n      )}\n\n      {/* Content Container */}\n      <div className={`relative flex min-h-[400px] flex-col p-${padding}`}>\n        {/* Title Overlay */}\n        {titleEnabled && displayTitle && (\n          <div className=\"flex flex-1 items-center justify-center\">\n            <h2\n              className={`text-center text-${titleFontSize} font-semibold text-${titleColor} drop-shadow-lg`}\n            >\n              {displayTitle}\n            </h2>\n          </div>\n        )}\n\n        {/* Bottom Section - QR Code, URL, and Buttons */}\n        <div className=\"mt-auto flex flex-col gap-4\">\n          <div className=\"flex items-end justify-between gap-4\">\n            {/* QR Code */}\n            <div className=\"shrink-0 rounded-lg bg-white p-2\">\n              <QRCodeSVG\n                value={shareLink || \"https://example.com\"}\n                size={100}\n                level=\"H\"\n              />\n            </div>\n\n            {/* URL Display */}\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"mb-2 text-sm font-semibold tracking-wide drop-shadow\">\n                Your Shareable URL\n              </p>\n              <div className=\"flex items-center justify-between rounded-md border border-white/20 bg-black/50 p-2 text-sm text-white backdrop-blur\">\n                <span className=\"truncate\">{displayUrl}</span>\n                <button\n                  type=\"button\"\n                  onClick={handleCopyToClipboard}\n                  className={`ml-2 shrink-0 rounded p-1 transition-colors hover:bg-${accentColor}/20`}\n                  aria-label=\"Copy link\"\n                >\n                  <Copy className=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n          </div>\n\n          {/* Action Buttons */}\n          {/* TODO: Needs button link implmented, once it is uncomment the config for showBuyButton */}\n          {shouldShowBuyButton && (\n            <div className=\"flex\">\n              <button\n                type=\"button\"\n                className={`flex w-full items-center justify-center gap-2 rounded-lg bg-${accentColor} p-3 font-medium text-${accentColor}-foreground transition-all hover:bg-${accentColor}-500`}\n              >\n                <ShoppingCart className=\"h-4 w-4\" />\n                <span>Buy</span>\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const quickShareWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"QuickShareWidget\",\n  displayName: \"Quick Share Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Resource\n    {\n      key: \"shareableResource\",\n      label: \"Shareable Content\",\n      type: \"resource\",\n      description: \"Select the content to generate a share link for\",\n      allowedTypes: [\"Product\", \"Page\", \"EnrollmentPack\", \"Medium\", \"Library\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Display a title overlay on the widget\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Custom title text (defaults to resource title if empty)\",\n      defaultValue: \"\",\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 title text\",\n      defaultValue: \"2xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title text\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Actions Group\n    // {\n    //   key: \"showBuyButton\",\n    //   label: \"Show Buy Button\",\n    //   type: \"boolean\",\n    //   description: \"Display the buy button (only visible for Product type)\",\n    //   defaultValue: false,\n    //   tab: \"styling\",\n    //   group: \"Actions\",\n    // },\n\n    // Styling Tab - Design Group\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for the widget\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for accent elements and buy button\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description: \"Add background overlay for text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay to add to the background\",\n      defaultValue: \"solid\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay background (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\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 content\",\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-VZFL5BZM.js

@@ -0,0 +1,222 @@
+import { ErrorState } from './chunk-GRFCSQ2M.js';
+import { getFontSizeField, getColorField, getPaddingField, getBorderRadiusField } from './chunk-ZS7C474P.js';
+import { useQuery } from '@tanstack/react-query';
+import { useDataSourceConfig } from '@fluid-app/rep-core/data-sources/context';
+import { Loader2, Sparkles } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var catchUpKeys = {
+  all: ["catchups"],
+  list: () => [...catchUpKeys.all, "list"]
+};
+function useCatchUps() {
+  const { baseUrl, getApiHeaders } = useDataSourceConfig();
+  return useQuery({
+    queryKey: catchUpKeys.list(),
+    queryFn: async ({ signal }) => {
+      const url = baseUrl ? `${baseUrl}/affiliate_catch_up_actions.json` : "/affiliate_catch_up_actions.json";
+      const response = await fetch(url, {
+        headers: {
+          "content-type": "application/json",
+          ...getApiHeaders?.()
+        },
+        signal
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch catch ups: ${response.status}`);
+      }
+      return response.json();
+    }
+  });
+}
+var fontSizeClasses = {
+  "2xl": "text-2xl",
+  xl: "text-xl",
+  lg: "text-lg",
+  md: "text-base",
+  sm: "text-sm",
+  xs: "text-xs"
+};
+function CatchUpWidget({
+  // Title settings with defaults
+  titleEnabled = true,
+  titleText = "Catch Ups",
+  titleFontSize = "xl",
+  titleColor = "foreground",
+  // Design settings with defaults
+  background = {
+    type: "solid",
+    color: "background"
+  },
+  textColor = "foreground",
+  accentColor = "primary",
+  padding = 4,
+  borderRadius = "md",
+  // Display settings with defaults
+  maxItems = 5,
+  className,
+  ...props
+}) {
+  const backgroundColor = background.color || "background";
+  const backgroundImage = (background.resource?.image_url || background.resource?.imageUrl) && background.type === "image" ? `url(${background.resource.image_url || background.resource.imageUrl})` : "none";
+  const { data = [], isLoading, isError } = useCatchUps();
+  const catchUpsToShow = data.slice(0, maxItems);
+  const moreCatchUps = data.length - catchUpsToShow.length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex flex-col rounded-${borderRadius} bg-${backgroundColor} p-${padding} text-${textColor} ${className || ""}`,
+      style: { backgroundImage },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          titleEnabled && /* @__PURE__ */ jsx(
+            "h3",
+            {
+              className: `${fontSizeClasses[titleFontSize]} font-semibold text-${titleColor}`,
+              children: titleText
+            }
+          ),
+          !isLoading && !isError && data.length > 0 && /* @__PURE__ */ jsx("span", { className: `text-3xl font-bold text-${accentColor}`, children: data.length })
+        ] }),
+        isLoading ? /* @__PURE__ */ jsx("div", { className: "flex min-h-[150px] flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: `h-8 w-8 animate-spin text-${accentColor}` }) }) : isError ? (
+          /* Error state */
+          /* @__PURE__ */ jsx(ErrorState, {})
+        ) : data.length === 0 ? (
+          /* Empty state */
+          /* @__PURE__ */ jsxs("div", { className: "flex min-h-[150px] flex-1 flex-col items-center justify-center gap-2", children: [
+            /* @__PURE__ */ jsx(Sparkles, { className: `h-8 w-8 text-${accentColor}` }),
+            /* @__PURE__ */ jsx("p", { className: "text-center font-semibold", children: "You're all caught up." }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm opacity-60", children: "See you next time!" })
+          ] })
+        ) : (
+          /* Default state with catch ups */
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-3 flex-1", children: catchUpsToShow.map((catchUp, index) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `py-2 ${index !== catchUpsToShow.length - 1 ? "border-b border-current/10" : ""}`,
+                children: /* @__PURE__ */ jsx("p", { className: "line-clamp-1 text-sm", children: catchUp.suggestion_title })
+              },
+              catchUp.id || index
+            )) }),
+            moreCatchUps > 0 && /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm opacity-60", children: [
+              moreCatchUps,
+              " more catch up",
+              moreCatchUps > 1 ? "s" : ""
+            ] })
+          ] })
+        )
+      ]
+    }
+  );
+}
+var catchUpWidgetPropertySchema = {
+  widgetType: "CatchUpWidget",
+  displayName: "Catch Up Widget",
+  tabsConfig: [{ id: "styling", label: "Styling" }],
+  fields: [
+    // Styling Tab - Title Group
+    {
+      key: "titleEnabled",
+      label: "Widget Title",
+      type: "boolean",
+      description: "Enable the title displayed above the catch ups",
+      defaultValue: true,
+      tab: "styling",
+      group: "Title"
+    },
+    {
+      key: "titleText",
+      label: "Title",
+      type: "text",
+      description: "Title text displayed above the catch ups",
+      defaultValue: "Catch Ups",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    },
+    getFontSizeField({
+      key: "titleFontSize",
+      label: "Title Font Size",
+      description: "Font size for the widget title",
+      defaultValue: "xl",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    }),
+    getColorField({
+      key: "titleColor",
+      label: "Title Color",
+      description: "Color for the widget title",
+      defaultValue: "foreground",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    }),
+    // Styling Tab - Design Group
+    {
+      type: "background",
+      key: "background",
+      label: "Background",
+      description: "Background for the container",
+      defaultValue: "background",
+      tab: "styling",
+      group: "Design"
+    },
+    getColorField({
+      key: "textColor",
+      label: "Text Color",
+      description: "Default text color for catch up items",
+      defaultValue: "foreground",
+      tab: "styling",
+      group: "Design"
+    }),
+    getColorField({
+      key: "accentColor",
+      label: "Accent Color",
+      description: "Color used for count display and icons",
+      defaultValue: "primary",
+      tab: "styling",
+      group: "Design"
+    }),
+    {
+      key: "separator",
+      type: "separator",
+      label: "Separator",
+      tab: "styling",
+      group: "Design"
+    },
+    {
+      key: "maxItems",
+      label: "Max Items",
+      type: "number",
+      description: "Maximum number of catch ups to display",
+      defaultValue: 5,
+      min: 1,
+      max: 10,
+      tab: "styling",
+      group: "Design"
+    },
+    getPaddingField({
+      key: "padding",
+      label: "Padding",
+      description: "Padding around the container",
+      defaultValue: 4,
+      tab: "styling",
+      group: "Design"
+    }),
+    getBorderRadiusField({
+      key: "borderRadius",
+      label: "Border Radius",
+      description: "Border radius for the container",
+      defaultValue: "md",
+      tab: "styling",
+      group: "Design"
+    })
+  ]
+};
+
+export { CatchUpWidget, catchUpWidgetPropertySchema };
+//# sourceMappingURL=chunk-VZFL5BZM.js.map
+//# sourceMappingURL=chunk-VZFL5BZM.js.map

package/dist/chunk-VZFL5BZM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-catchups.ts","../src/widgets/CatchUpWidget.tsx"],"names":[],"mappings":"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","file":"chunk-VZFL5BZM.js","sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useDataSourceConfig } from \"@fluid-app/rep-core/data-sources/context\";\n\n// Query key factory\nexport const catchUpKeys = {\n  all: [\"catchups\"] as const,\n  list: () => [...catchUpKeys.all, \"list\"] as const,\n};\n\n// API types\nexport type CatchUp = {\n  id: number;\n  suggestion_title: string;\n};\n\nexport function useCatchUps() {\n  const { baseUrl, getApiHeaders } = useDataSourceConfig();\n\n  return useQuery({\n    queryKey: catchUpKeys.list(),\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  });\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 { Loader2, Sparkles } from \"lucide-react\";\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          <Loader2 className={`h-8 w-8 animate-spin text-${accentColor}`} />\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          <Sparkles className={`h-8 w-8 text-${accentColor}`} />\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"]}