@fluid-app/rep-widgets 0.1.16 → 0.1.18

package/dist/SpacerWidget-DX7QRN54.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var chunkYZATKTYO_cjs = require('./chunk-YZATKTYO.cjs');
-
-
-
-Object.defineProperty(exports, "SpacerWidget", {
-  enumerable: true,
-  get: function () { return chunkYZATKTYO_cjs.SpacerWidget; }
-});
-Object.defineProperty(exports, "spacerWidgetPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkYZATKTYO_cjs.spacerWidgetPropertySchema; }
-});
-//# sourceMappingURL=SpacerWidget-DX7QRN54.cjs.map
-//# sourceMappingURL=SpacerWidget-DX7QRN54.cjs.map

package/dist/SpacerWidget-DX7QRN54.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"SpacerWidget-DX7QRN54.cjs"}

package/dist/SpacerWidget-H464T5YD.js

@@ -1,3 +0,0 @@
-export { SpacerWidget, spacerWidgetPropertySchema } from './chunk-GC4SZ75B.js';
-//# sourceMappingURL=SpacerWidget-H464T5YD.js.map
-//# sourceMappingURL=SpacerWidget-H464T5YD.js.map

package/dist/SpacerWidget-H464T5YD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"SpacerWidget-H464T5YD.js"}

package/dist/TableWidget-D46CWY4M.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var chunkLZJVUYSQ_cjs = require('./chunk-LZJVUYSQ.cjs');
-require('./chunk-6RNVWRDD.cjs');
-require('./chunk-J6HCPXT5.cjs');
-
-
-
-Object.defineProperty(exports, "TableWidget", {
-  enumerable: true,
-  get: function () { return chunkLZJVUYSQ_cjs.TableWidget; }
-});
-Object.defineProperty(exports, "tableWidgetPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkLZJVUYSQ_cjs.tableWidgetPropertySchema; }
-});
-//# sourceMappingURL=TableWidget-D46CWY4M.cjs.map
-//# sourceMappingURL=TableWidget-D46CWY4M.cjs.map

package/dist/TableWidget-D46CWY4M.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"TableWidget-D46CWY4M.cjs"}

package/dist/TableWidget-P4C4ZI23.js

@@ -1,5 +0,0 @@
-export { TableWidget, tableWidgetPropertySchema } from './chunk-IF36TB2H.js';
-import './chunk-L3HN4J2Y.js';
-import './chunk-6ZECDBGI.js';
-//# sourceMappingURL=TableWidget-P4C4ZI23.js.map
-//# sourceMappingURL=TableWidget-P4C4ZI23.js.map

package/dist/TableWidget-P4C4ZI23.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"TableWidget-P4C4ZI23.js"}

package/dist/TextWidget-GNUQBLDJ.js

@@ -1,4 +0,0 @@
-export { TextWidget, textWidgetPropertySchema } from './chunk-UXFD52LT.js';
-import './chunk-6ZECDBGI.js';
-//# sourceMappingURL=TextWidget-GNUQBLDJ.js.map
-//# sourceMappingURL=TextWidget-GNUQBLDJ.js.map

package/dist/TextWidget-GNUQBLDJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"TextWidget-GNUQBLDJ.js"}

package/dist/TextWidget-PUZPMPOC.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunkPLXOZ5BH_cjs = require('./chunk-PLXOZ5BH.cjs');
-require('./chunk-J6HCPXT5.cjs');
-
-
-
-Object.defineProperty(exports, "TextWidget", {
-  enumerable: true,
-  get: function () { return chunkPLXOZ5BH_cjs.TextWidget; }
-});
-Object.defineProperty(exports, "textWidgetPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkPLXOZ5BH_cjs.textWidgetPropertySchema; }
-});
-//# sourceMappingURL=TextWidget-PUZPMPOC.cjs.map
-//# sourceMappingURL=TextWidget-PUZPMPOC.cjs.map

package/dist/TextWidget-PUZPMPOC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"TextWidget-PUZPMPOC.cjs"}

package/dist/ToDoWidget-AOAMWMN4.js

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

package/dist/ToDoWidget-AOAMWMN4.js.map

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

package/dist/ToDoWidget-L6TXR37G.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var chunkU6ODF4YB_cjs = require('./chunk-U6ODF4YB.cjs');
-require('./chunk-QXIIJNQK.cjs');
-require('./chunk-J6HCPXT5.cjs');
-
-
-
-Object.defineProperty(exports, "ToDoWidget", {
-  enumerable: true,
-  get: function () { return chunkU6ODF4YB_cjs.ToDoWidget; }
-});
-Object.defineProperty(exports, "toDoWidgetPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkU6ODF4YB_cjs.toDoWidgetPropertySchema; }
-});
-//# sourceMappingURL=ToDoWidget-L6TXR37G.cjs.map
-//# sourceMappingURL=ToDoWidget-L6TXR37G.cjs.map

package/dist/ToDoWidget-L6TXR37G.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ToDoWidget-L6TXR37G.cjs"}

package/dist/VideoWidget-T6S2D4WS.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var chunk5VJYKNCS_cjs = require('./chunk-5VJYKNCS.cjs');
-require('./chunk-6RNVWRDD.cjs');
-
-
-
-Object.defineProperty(exports, "VideoWidget", {
-  enumerable: true,
-  get: function () { return chunk5VJYKNCS_cjs.VideoWidget; }
-});
-Object.defineProperty(exports, "videoWidgetPropertySchema", {
-  enumerable: true,
-  get: function () { return chunk5VJYKNCS_cjs.videoWidgetPropertySchema; }
-});
-//# sourceMappingURL=VideoWidget-T6S2D4WS.cjs.map
-//# sourceMappingURL=VideoWidget-T6S2D4WS.cjs.map

package/dist/VideoWidget-T6S2D4WS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"VideoWidget-T6S2D4WS.cjs"}

package/dist/VideoWidget-TI72FPLK.js

@@ -1,4 +0,0 @@
-export { VideoWidget, videoWidgetPropertySchema } from './chunk-4ODOZF7H.js';
-import './chunk-L3HN4J2Y.js';
-//# sourceMappingURL=VideoWidget-TI72FPLK.js.map
-//# sourceMappingURL=VideoWidget-TI72FPLK.js.map

package/dist/VideoWidget-TI72FPLK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"VideoWidget-TI72FPLK.js"}

package/dist/chunk-22AKFT5D.cjs

@@ -1,274 +0,0 @@
-'use strict';
-
-var chunkJ6HCPXT5_cjs = require('./chunk-J6HCPXT5.cjs');
-var qrcode_react = require('qrcode.react');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
-var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
-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: `bg-muted absolute inset-0 flex items-center justify-center`,
-            children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: proRegularSvgIcons.faImage, 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(reactFontawesome.FontAwesomeIcon, { icon: proRegularSvgIcons.faCopy, 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(reactFontawesome.FontAwesomeIcon, { icon: proRegularSvgIcons.faCartShopping, 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"
-    },
-    chunkJ6HCPXT5_cjs.getFontSizeField({
-      key: "titleFontSize",
-      label: "Title Font Size",
-      description: "Font size for the title text",
-      defaultValue: "2xl",
-      tab: "styling",
-      group: "Title",
-      requiresKeyToBeTrue: "titleEnabled"
-    }),
-    chunkJ6HCPXT5_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
-    chunkJ6HCPXT5_cjs.getColorField({
-      key: "textColor",
-      label: "Text Color",
-      description: "Default text color for the widget",
-      defaultValue: "background",
-      tab: "styling",
-      group: "Design"
-    }),
-    chunkJ6HCPXT5_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"
-    },
-    chunkJ6HCPXT5_cjs.getPaddingField({
-      key: "padding",
-      label: "Padding",
-      description: "Padding around the widget content",
-      defaultValue: 4,
-      tab: "styling",
-      group: "Design"
-    }),
-    chunkJ6HCPXT5_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-22AKFT5D.cjs.map
-//# sourceMappingURL=chunk-22AKFT5D.cjs.map

package/dist/chunk-22AKFT5D.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/widgets/QuickShareWidget.tsx"],"names":["jsxs","jsx","FontAwesomeIcon","faImage","QRCodeSVG","faCopy","faCartShopping","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField"],"mappings":"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","file":"chunk-22AKFT5D.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 { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faCopy,\n  faCartShopping,\n  faImage,\n} from \"@fortawesome/pro-regular-svg-icons\";\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={`bg-muted absolute inset-0 flex items-center justify-center`}\n        >\n          <FontAwesomeIcon icon={faImage} 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                  <FontAwesomeIcon icon={faCopy} 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                <FontAwesomeIcon icon={faCartShopping} 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-2NPVYROG.js

@@ -1,117 +0,0 @@
-import { ScreenRenderer } from './chunk-RKDOQV4T.js';
-import { useScreenRenderer } from './chunk-ZWFK5UUU.js';
-import { useRegistry } from './chunk-6GF46P3S.js';
-import { getGapField, getPaddingField, getBorderRadiusField, gapValues } from './chunk-6ZECDBGI.js';
-import { sectionLayoutConfig } from '@fluid-app/rep-core/types';
-import { groupChildrenByColumn } from '@fluid-app/rep-core/widget-utils';
-import { jsx } from 'react/jsx-runtime';
-
-var DEFAULT_BACKGROUND = {
-  type: "solid",
-  color: "background"
-};
-var DEFAULT_CHILDREN = [];
-var LayoutWidget = ({
-  sectionLayout = "single-column",
-  gap = 4,
-  gapSize,
-  background = DEFAULT_BACKGROUND,
-  padding = 0,
-  borderRadius = "md",
-  children = DEFAULT_CHILDREN,
-  registry,
-  className = "",
-  minHeight
-}) => {
-  const contextRegistry = useRegistry();
-  const effectiveRegistry = registry || contextRegistry;
-  const ContextScreenRenderer = useScreenRenderer();
-  const ScreenRenderer2 = ContextScreenRenderer ?? ScreenRenderer;
-  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 layoutConfig = sectionLayoutConfig[sectionLayout];
-  const columnCount = layoutConfig.columns;
-  const gapSizeValue = gapSize ? gapValues[gapSize] : gap;
-  const layoutClasses = [
-    "grid",
-    "grid-cols-1",
-    // Mobile: single column
-    layoutConfig.gridClasses,
-    // Desktop (@md+): configured columns
-    `bg-${backgroundColor} p-${padding} rounded-${borderRadius}`,
-    `gap-${gapSizeValue}`,
-    className
-  ].filter(Boolean).join(" ");
-  const containerStyle = {
-    ...minHeight ? { minHeight: `${minHeight}px` } : {},
-    alignItems: "start",
-    // Masonry-style: columns don't stretch to match height
-    backgroundImage
-  };
-  if (!effectiveRegistry) {
-    console.warn("Layout widget: No registry provided, cannot render children");
-    return /* @__PURE__ */ jsx("div", { className: layoutClasses, style: containerStyle });
-  }
-  const columnGroups = groupChildrenByColumn(
-    children,
-    columnCount
-  );
-  return /* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsx("div", { className: layoutClasses, style: containerStyle, children: columnGroups.map((columnChildren, colIndex) => /* @__PURE__ */ jsx(
-    ScreenRenderer2,
-    {
-      screen: columnChildren,
-      registry: effectiveRegistry,
-      className: `flex flex-col gap-${gapSizeValue}`
-    },
-    colIndex
-  )) }) });
-};
-var layoutWidgetPropertySchema = {
-  widgetType: "LayoutWidget",
-  displayName: "Layout",
-  fields: [
-    // Layout Configuration - Visual selector matching Figma design
-    {
-      key: "sectionLayout",
-      label: "Layout Type",
-      type: "sectionLayoutSelect",
-      description: "Column layout configuration",
-      defaultValue: "single-column",
-      group: "Layout"
-    },
-    // Design
-    getGapField({
-      key: "gapSize",
-      label: "Gap",
-      description: "Gap between columns and widgets",
-      defaultValue: "md",
-      group: "Design"
-    }),
-    {
-      type: "background",
-      key: "background",
-      label: "Background",
-      description: "Background for the layout container",
-      defaultValue: "background",
-      group: "Design"
-    },
-    getPaddingField({
-      key: "padding",
-      label: "Padding",
-      description: "Padding for the layout container",
-      defaultValue: 4,
-      group: "Design"
-    }),
-    getBorderRadiusField({
-      key: "borderRadius",
-      label: "Border Radius",
-      description: "Border radius for the layout container",
-      defaultValue: "md",
-      group: "Design"
-    })
-  ]
-};
-
-export { LayoutWidget, layoutWidgetPropertySchema };
-//# sourceMappingURL=chunk-2NPVYROG.js.map
-//# sourceMappingURL=chunk-2NPVYROG.js.map

package/dist/chunk-2NPVYROG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/widgets/LayoutWidget.tsx"],"names":["ScreenRenderer"],"mappings":";;;;;;;;AAuBA,IAAM,kBAAA,GAAsC;AAAA,EAC1C,IAAA,EAAM,OAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AACA,IAAM,mBAA4C,EAAC;AA2C5C,IAAM,eAAe,CAA+C;AAAA,EACzE,aAAA,GAAgB,eAAA;AAAA,EAChB,GAAA,GAAM,CAAA;AAAA,EACN,OAAA;AAAA,EACA,UAAA,GAAa,kBAAA;AAAA,EACb,OAAA,GAAU,CAAA;AAAA,EACV,YAAA,GAAe,IAAA;AAAA,EACf,QAAA,GAAW,gBAAA;AAAA,EACX,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAsB;AAEpB,EAAA,MAAM,kBAAkB,WAAA,EAAY;AACpC,EAAA,MAAM,oBAAoB,QAAA,IAAY,eAAA;AAGtC,EAAA,MAAM,wBAAwB,iBAAA,EAAkB;AAChD,EAAA,MAAMA,kBAAiB,qBAAA,IAAyB,cAAA;AAGhD,EAAA,MAAM,eAAA,GAAkB,WAAW,KAAA,IAAS,YAAA;AAC5C,EAAA,MAAM,mBACH,UAAA,CAAW,QAAA,EAAU,SAAA,IAAa,UAAA,CAAW,UAAU,QAAA,KACxD,UAAA,CAAW,IAAA,KAAS,OAAA,GAChB,OAAO,UAAA,CAAW,QAAA,CAAS,aAAa,UAAA,CAAW,QAAA,CAAS,QAAQ,CAAA,CAAA,CAAA,GACpE,MAAA;AAGN,EAAA,MAAM,YAAA,GAAe,oBAAoB,aAAa,CAAA;AACtD,EAAA,MAAM,cAAc,YAAA,CAAa,OAAA;AAGjC,EAAA,MAAM,YAAA,GAAe,OAAA,GAAU,SAAA,CAAU,OAAO,CAAA,GAAI,GAAA;AAGpD,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,MAAA;AAAA,IACA,aAAA;AAAA;AAAA,IACA,YAAA,CAAa,WAAA;AAAA;AAAA,IACb,CAAA,GAAA,EAAM,eAAe,CAAA,GAAA,EAAM,OAAO,YAAY,YAAY,CAAA,CAAA;AAAA,IAC1D,OAAO,YAAY,CAAA,CAAA;AAAA,IACnB;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAGX,EAAA,MAAM,cAAA,GAAsC;AAAA,IAC1C,GAAI,YAAY,EAAE,SAAA,EAAW,GAAG,SAAS,CAAA,EAAA,CAAA,KAAS,EAAC;AAAA,IACnD,UAAA,EAAY,OAAA;AAAA;AAAA,IACZ;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,IAAA,OAAA,CAAQ,KAAK,6DAA6D,CAAA;AAC1E,IAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAe,OAAO,cAAA,EAAgB,CAAA;AAAA,EAC/D;AAGA,EAAA,MAAM,YAAA,GAAe,qBAAA;AAAA,IACnB,QAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAe,KAAA,EAAO,cAAA,EACnC,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,gBAAgB,QAAA,qBACjC,GAAA;AAAA,IAACA,eAAAA;AAAA,IAAA;AAAA,MAEC,MAAA,EAAQ,cAAA;AAAA,MACR,QAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,qBAAqB,YAAY,CAAA;AAAA,KAAA;AAAA,IAHvC;AAAA,GAKR,GACH,CAAA,EACF,CAAA;AAEJ;AAEO,IAAM,0BAAA,GAAmD;AAAA,EAC9D,UAAA,EAAY,cAAA;AAAA,EACZ,WAAA,EAAa,QAAA;AAAA,EACb,MAAA,EAAQ;AAAA;AAAA,IAEN;AAAA,MACE,GAAA,EAAK,eAAA;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,IAAA,EAAM,qBAAA;AAAA,MACN,WAAA,EAAa,6BAAA;AAAA,MACb,YAAA,EAAc,eAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA;AAAA,IAGA,WAAA,CAAY;AAAA,MACV,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,WAAA,EAAa,iCAAA;AAAA,MACb,YAAA,EAAc,IAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACR,CAAA;AAAA,IACD;AAAA,MACE,IAAA,EAAM,YAAA;AAAA,MACN,GAAA,EAAK,YAAA;AAAA,MACL,KAAA,EAAO,YAAA;AAAA,MACP,WAAA,EAAa,qCAAA;AAAA,MACb,YAAA,EAAc,YAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA,IACA,eAAA,CAAgB;AAAA,MACd,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACP,WAAA,EAAa,kCAAA;AAAA,MACb,YAAA,EAAc,CAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACR,CAAA;AAAA,IACD,oBAAA,CAAqB;AAAA,MACnB,GAAA,EAAK,cAAA;AAAA,MACL,KAAA,EAAO,eAAA;AAAA,MACP,WAAA,EAAa,wCAAA;AAAA,MACb,YAAA,EAAc,IAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACR;AAAA;AAEL","file":"chunk-2NPVYROG.js","sourcesContent":["import { ScreenRenderer as DefaultScreenRenderer } from \"../core/ScreenRenderer\";\nimport { useRegistry } from \"../contexts/RegistryContext\";\nimport { useScreenRenderer } from \"../contexts/ScreenRendererContext\";\nimport type {\n  TypedWidgetSchema,\n  WidgetSchema,\n  BorderRadiusOptions,\n  PaddingOptions,\n  GapOptions,\n  SectionLayoutType,\n  BackgroundValue,\n} from \"@fluid-app/rep-core/types\";\nimport { sectionLayoutConfig } from \"@fluid-app/rep-core/types\";\nimport type { ComponentType } from \"react\";\nimport type { WidgetPropertySchema } from \"@fluid-app/rep-core/registries\";\nimport {\n  getBorderRadiusField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n} from \"../core/fields\";\nimport { groupChildrenByColumn } from \"@fluid-app/rep-core/widget-utils\";\n\nconst DEFAULT_BACKGROUND: BackgroundValue = {\n  type: \"solid\",\n  color: \"background\",\n};\nconst DEFAULT_CHILDREN: (WidgetSchema | null)[] = [];\n\ntype LayoutProps<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  T extends Record<string, ComponentType<any>> = Record<\n    string,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ComponentType<any>\n  >,\n> = {\n  // Section layout type (masonry-style column configuration)\n  sectionLayout?: SectionLayoutType;\n\n  // Legacy props (deprecated, kept for backward compatibility)\n  type?: \"flex\" | \"grid\";\n  columns?: number;\n  rows?: number;\n  direction?: string;\n  justify?: string;\n  align?: string;\n  wrap?: boolean;\n\n  // Spacing\n  gap?: number; // deprecated, use gapSize instead\n  gapSize?: GapOptions;\n\n  // Design\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Content - widgets with columnIndex property for masonry layout\n  children: (TypedWidgetSchema<T> | null)[] | (WidgetSchema | null)[];\n\n  // Widget registry (passed down from parent renderer)\n  registry?: T;\n\n  // Styling\n  className?: string;\n  minHeight?: number;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const LayoutWidget = <T extends Record<string, ComponentType<any>>>({\n  sectionLayout = \"single-column\",\n  gap = 4,\n  gapSize,\n  background = DEFAULT_BACKGROUND,\n  padding = 0,\n  borderRadius = \"md\",\n  children = DEFAULT_CHILDREN,\n  registry,\n  className = \"\",\n  minHeight,\n}: LayoutProps<T>) => {\n  // Get registry from context if not provided as prop\n  const contextRegistry = useRegistry();\n  const effectiveRegistry = registry || contextRegistry;\n\n  // Use ScreenRenderer from context (e.g. rep-builder's), fall back to local\n  const ContextScreenRenderer = useScreenRenderer();\n  const ScreenRenderer = ContextScreenRenderer ?? DefaultScreenRenderer;\n\n  // Extract background values\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\n  // Get layout configuration\n  const layoutConfig = sectionLayoutConfig[sectionLayout];\n  const columnCount = layoutConfig.columns;\n\n  // Calculate gap size\n  const gapSizeValue = gapSize ? gapValues[gapSize] : gap;\n\n  // Build CSS classes for masonry layout with responsive columns\n  const layoutClasses = [\n    \"grid\",\n    \"grid-cols-1\", // Mobile: single column\n    layoutConfig.gridClasses, // Desktop (@md+): configured columns\n    `bg-${backgroundColor} p-${padding} rounded-${borderRadius}`,\n    `gap-${gapSizeValue}`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  // Container style\n  const containerStyle: React.CSSProperties = {\n    ...(minHeight ? { minHeight: `${minHeight}px` } : {}),\n    alignItems: \"start\", // Masonry-style: columns don't stretch to match height\n    backgroundImage,\n  };\n\n  // If no registry is available, we can't render the children\n  if (!effectiveRegistry) {\n    console.warn(\"Layout widget: No registry provided, cannot render children\");\n    return <div className={layoutClasses} style={containerStyle} />;\n  }\n\n  // Group children by column\n  const columnGroups = groupChildrenByColumn(\n    children as WidgetSchema[],\n    columnCount,\n  );\n\n  // Regular render mode - render each column as a flex column\n  return (\n    <div className=\"@container\">\n      <div className={layoutClasses} style={containerStyle}>\n        {columnGroups.map((columnChildren, colIndex) => (\n          <ScreenRenderer\n            key={colIndex}\n            screen={columnChildren}\n            registry={effectiveRegistry}\n            className={`flex flex-col gap-${gapSizeValue}`}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport const layoutWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"LayoutWidget\",\n  displayName: \"Layout\",\n  fields: [\n    // Layout Configuration - Visual selector matching Figma design\n    {\n      key: \"sectionLayout\",\n      label: \"Layout Type\",\n      type: \"sectionLayoutSelect\",\n      description: \"Column layout configuration\",\n      defaultValue: \"single-column\",\n      group: \"Layout\",\n    },\n\n    // Design\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between columns and widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the layout container\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding for the layout container\",\n      defaultValue: 4,\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the layout container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n  ],\n};\n"]}