@fluid-app/portal-sdk 0.1.216 → 0.1.217

package/dist/EmbedWidget-C3mGurOv.mjs

@@ -1,221 +0,0 @@
-import { r as __exportAll } from "./es-Cw_Kikmu.mjs";
-import { i as getBorderColorField, n as borderWidthClasses, o as getBorderRadiusField, p as getHeightField, s as getBorderWidthField, t as borderColorClasses } from "./registries-DT36l-bR.mjs";
-import { createContext, useContext, useEffect, useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Globe } from "lucide-react";
-//#region ../widgets/src/contexts/RepUserContext.tsx
-const RepUserContext = createContext(null);
-function RepUserProvider({ user, children }) {
-	const value = useMemo(() => user, [user]);
-	return /* @__PURE__ */ jsx(RepUserContext.Provider, {
-		value,
-		children
-	});
-}
-function useRepUser() {
-	return useContext(RepUserContext);
-}
-//#endregion
-//#region ../widgets/src/widgets/EmbedWidget.tsx
-var EmbedWidget_exports = /* @__PURE__ */ __exportAll({
-	EmbedWidget: () => EmbedWidget,
-	embedWidgetPropertySchema: () => embedWidgetPropertySchema
-});
-function isValidHttpUrl(urlString) {
-	try {
-		const parsed = new URL(urlString);
-		return parsed.protocol === "https:" || parsed.protocol === "http:";
-	} catch {
-		return false;
-	}
-}
-function EmbedWidget({ url = "", title = "Embedded Content", height = "400px", fullScreen = false, allowFullscreen = true, loading = "lazy", borderRadius = "md", borderWidth = "none", borderColor = "muted", editMode = false, isSelected = false, className, ...props }) {
-	const isFullScreen = fullScreen;
-	const iframeRef = useRef(null);
-	const publicId = useRepUser()?.publicId;
-	const normalizedUrl = url && (url.startsWith("http://") || url.startsWith("https://")) ? url : url ? `https://${url}` : "";
-	let isValidUrl = false;
-	if (normalizedUrl) try {
-		const parsed = new URL(normalizedUrl);
-		isValidUrl = (parsed.protocol === "http:" || parsed.protocol === "https:") && (parsed.hostname.includes(".") || parsed.hostname === "localhost");
-	} catch {}
-	const iframeSrc = useMemo(() => {
-		if (!isValidUrl) return normalizedUrl;
-		if (!publicId) return normalizedUrl;
-		const urlObj = new URL(normalizedUrl);
-		urlObj.searchParams.set("public_id", publicId);
-		return urlObj.toString();
-	}, [
-		normalizedUrl,
-		isValidUrl,
-		publicId
-	]);
-	useEffect(() => {
-		if (!isValidUrl || editMode) return;
-		const expectedOrigin = new URL(normalizedUrl).origin;
-		function handleMessage(event) {
-			if (event.origin !== expectedOrigin) return;
-			if (event.source !== iframeRef.current?.contentWindow) return;
-			let data;
-			if (typeof event.data === "string") try {
-				data = JSON.parse(event.data);
-			} catch {
-				return;
-			}
-			else data = event.data;
-			if (typeof data === "object" && data !== null && "type" in data && data.type === "OPEN_FULL_SCREEN_WEBVIEW") {
-				const messageUrl = data.url;
-				if (messageUrl && isValidHttpUrl(messageUrl)) window.open(messageUrl, "_blank", "noopener,noreferrer");
-			}
-		}
-		window.addEventListener("message", handleMessage);
-		return () => window.removeEventListener("message", handleMessage);
-	}, [
-		normalizedUrl,
-		isValidUrl,
-		editMode
-	]);
-	if (!url) return /* @__PURE__ */ jsx("div", {
-		className: `flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? "h-full" : ""} ${className}`,
-		style: isFullScreen ? void 0 : { height },
-		...props,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col items-center gap-2 p-6 text-center",
-			children: [
-				/* @__PURE__ */ jsx(Globe, { className: "h-12 w-12 opacity-50" }),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium",
-					children: "Enter a URL to embed external content"
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-xs opacity-75",
-					children: "Configure the URL in the properties panel"
-				})
-			]
-		})
-	});
-	if (!isValidUrl) return /* @__PURE__ */ jsx("div", {
-		className: `flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? "h-full" : ""} ${className}`,
-		style: isFullScreen ? void 0 : { height },
-		...props,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col items-center gap-2 p-6 text-center",
-			children: [
-				/* @__PURE__ */ jsx(Globe, { className: "h-12 w-12 opacity-50" }),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium",
-					children: "Enter a URL to embed external content"
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-xs opacity-75",
-					children: "Configure the URL in the properties panel"
-				})
-			]
-		})
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: `relative w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? borderColorClasses[borderColor] : ""} ${isFullScreen ? "h-full" : ""} ${className}`,
-		...props,
-		children: [/* @__PURE__ */ jsx("iframe", {
-			ref: iframeRef,
-			src: iframeSrc,
-			title,
-			width: "100%",
-			style: isFullScreen ? { height: "100%" } : { height },
-			loading,
-			allowFullScreen: allowFullscreen,
-			className: `rounded-${borderRadius} border-border border`,
-			sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
-		}), editMode && !isSelected && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10" })]
-	});
-}
-const embedWidgetPropertySchema = {
-	widgetType: "EmbedWidget",
-	displayName: "Embed",
-	fields: [
-		{
-			key: "url",
-			label: "URL",
-			type: "text",
-			description: "The URL of the external site to embed",
-			placeholder: "https://example.com",
-			defaultValue: "",
-			group: "Content"
-		},
-		{
-			key: "title",
-			label: "Title",
-			type: "text",
-			description: "Accessibility title for the embedded content",
-			defaultValue: "Embedded Content",
-			group: "Content"
-		},
-		getBorderRadiusField({
-			key: "borderRadius",
-			label: "Border Radius",
-			description: "Border radius for the embed container",
-			defaultValue: "md",
-			group: "Design"
-		}),
-		getBorderWidthField({
-			key: "borderWidth",
-			label: "Border Width",
-			description: "Border width for the widget",
-			defaultValue: "none",
-			group: "Design"
-		}),
-		getBorderColorField({
-			key: "borderColor",
-			label: "Border Color",
-			description: "Border color for the widget",
-			defaultValue: "muted",
-			group: "Design"
-		}),
-		{
-			key: "fullScreen",
-			label: "Full Screen",
-			type: "boolean",
-			description: "When enabled, the embed fills the available space",
-			defaultValue: false,
-			group: "Design"
-		},
-		getHeightField({
-			key: "height",
-			label: "Height",
-			description: "Height of the embedded iframe",
-			defaultValue: "400px",
-			group: "Design",
-			requiresKeyValue: {
-				key: "fullScreen",
-				value: false
-			}
-		}),
-		{
-			key: "allowFullscreen",
-			label: "Allow Fullscreen",
-			type: "boolean",
-			description: "Allow the embedded content to use fullscreen mode",
-			defaultValue: true,
-			group: "Settings"
-		},
-		{
-			key: "loading",
-			label: "Loading",
-			type: "select",
-			description: "When to load the embedded content",
-			options: [{
-				label: "Lazy (on scroll)",
-				value: "lazy"
-			}, {
-				label: "Eager (immediately)",
-				value: "eager"
-			}],
-			defaultValue: "lazy",
-			group: "Settings"
-		}
-	]
-};
-//#endregion
-export { useRepUser as a, RepUserProvider as i, EmbedWidget_exports as n, embedWidgetPropertySchema as r, EmbedWidget as t };
-
-//# sourceMappingURL=EmbedWidget-C3mGurOv.mjs.map

package/dist/EmbedWidget-C3mGurOv.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedWidget-C3mGurOv.mjs","names":[],"sources":["../../widgets/src/contexts/RepUserContext.tsx","../../widgets/src/widgets/EmbedWidget.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactNode,\n} from \"react\";\n\nexport interface RepUser {\n  name: string | null;\n  email: string | null;\n  imageUrl: string | null;\n  publicId?: string;\n}\n\nconst RepUserContext = createContext<RepUser | null>(null);\n\nexport interface RepUserProviderProps {\n  user: RepUser;\n  children: ReactNode;\n}\n\nexport function RepUserProvider({\n  user,\n  children,\n}: RepUserProviderProps): React.JSX.Element {\n  const value = useMemo(() => user, [user]);\n  return (\n    <RepUserContext.Provider value={value}>{children}</RepUserContext.Provider>\n  );\n}\n\nexport function useRepUser(): RepUser | null {\n  return useContext(RepUserContext);\n}\n","import { Globe } from \"lucide-react\";\nimport { useEffect, useMemo, useRef, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { useRepUser } from \"../contexts/RepUserContext\";\n\ntype EmbedWidgetMessage = {\n  type: \"OPEN_FULL_SCREEN_WEBVIEW\";\n  url: string;\n};\n\nfunction isValidHttpUrl(urlString: string): boolean {\n  try {\n    const parsed = new URL(urlString);\n    return parsed.protocol === \"https:\" || parsed.protocol === \"http:\";\n  } catch {\n    return false;\n  }\n}\n\ntype EmbedWidgetProps = ComponentProps<\"div\"> & {\n  url?: string;\n  title?: string;\n  height?: string;\n  fullScreen?: boolean;\n  allowFullscreen?: boolean;\n  loading?: \"eager\" | \"lazy\";\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  editMode?: boolean;\n  isSelected?: boolean;\n};\n\nexport function EmbedWidget({\n  url = \"\",\n  title = \"Embedded Content\",\n  height = \"400px\",\n  fullScreen = false,\n  allowFullscreen = true,\n  loading = \"lazy\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  editMode = false,\n  isSelected = false,\n  className,\n  ...props\n}: EmbedWidgetProps): React.JSX.Element {\n  const isFullScreen = fullScreen;\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const repUser = useRepUser();\n  const publicId = repUser?.publicId;\n\n  const normalizedUrl =\n    url && (url.startsWith(\"http://\") || url.startsWith(\"https://\"))\n      ? url\n      : url\n        ? `https://${url}`\n        : \"\";\n\n  let isValidUrl = false;\n  if (normalizedUrl) {\n    try {\n      const parsed = new URL(normalizedUrl);\n      isValidUrl =\n        (parsed.protocol === \"http:\" || parsed.protocol === \"https:\") &&\n        (parsed.hostname.includes(\".\") || parsed.hostname === \"localhost\");\n    } catch {\n      // invalid URL\n    }\n  }\n\n  const iframeSrc = useMemo(() => {\n    if (!isValidUrl) return normalizedUrl;\n    if (!publicId) return normalizedUrl;\n    const urlObj = new URL(normalizedUrl);\n    urlObj.searchParams.set(\"public_id\", publicId);\n    return urlObj.toString();\n  }, [normalizedUrl, isValidUrl, publicId]);\n\n  useEffect(() => {\n    if (!isValidUrl || editMode) return;\n\n    const expectedOrigin = new URL(normalizedUrl).origin;\n\n    function handleMessage(event: MessageEvent) {\n      if (event.origin !== expectedOrigin) return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n\n      let data: unknown;\n      if (typeof event.data === \"string\") {\n        try {\n          data = JSON.parse(event.data);\n        } catch {\n          return;\n        }\n      } else {\n        data = event.data;\n      }\n\n      if (\n        typeof data === \"object\" &&\n        data !== null &&\n        \"type\" in data &&\n        (data as EmbedWidgetMessage).type === \"OPEN_FULL_SCREEN_WEBVIEW\"\n      ) {\n        const messageUrl = (data as EmbedWidgetMessage).url;\n        if (messageUrl && isValidHttpUrl(messageUrl)) {\n          window.open(messageUrl, \"_blank\", \"noopener,noreferrer\");\n        }\n      }\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [normalizedUrl, isValidUrl, editMode]);\n\n  if (!url) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <Globe className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (!isValidUrl) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <Globe className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`relative w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n      {...props}\n    >\n      <iframe\n        ref={iframeRef}\n        src={iframeSrc}\n        title={title}\n        width=\"100%\"\n        style={isFullScreen ? { height: \"100%\" } : { height }}\n        loading={loading}\n        allowFullScreen={allowFullscreen}\n        className={`rounded-${borderRadius} border-border border`}\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox\"\n      />\n      {editMode && !isSelected && <div className=\"absolute inset-0 z-10\" />}\n    </div>\n  );\n}\n\nexport const embedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"EmbedWidget\",\n  displayName: \"Embed\",\n  fields: [\n    // Content\n    {\n      key: \"url\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The URL of the external site to embed\",\n      placeholder: \"https://example.com\",\n      defaultValue: \"\",\n      group: \"Content\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Accessibility title for the embedded content\",\n      defaultValue: \"Embedded Content\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the embed container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    {\n      key: \"fullScreen\",\n      label: \"Full Screen\",\n      type: \"boolean\",\n      description: \"When enabled, the embed fills the available space\",\n      defaultValue: false,\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"height\",\n      label: \"Height\",\n      description: \"Height of the embedded iframe\",\n      defaultValue: \"400px\",\n      group: \"Design\",\n      requiresKeyValue: {\n        key: \"fullScreen\",\n        value: false,\n      },\n    }),\n\n    // Settings\n    {\n      key: \"allowFullscreen\",\n      label: \"Allow Fullscreen\",\n      type: \"boolean\",\n      description: \"Allow the embedded content to use fullscreen mode\",\n      defaultValue: true,\n      group: \"Settings\",\n    },\n    {\n      key: \"loading\",\n      label: \"Loading\",\n      type: \"select\",\n      description: \"When to load the embedded content\",\n      options: [\n        { label: \"Lazy (on scroll)\", value: \"lazy\" },\n        { label: \"Eager (immediately)\", value: \"eager\" },\n      ],\n      defaultValue: \"lazy\",\n      group: \"Settings\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/EmbedWidget-PIWoA9sU.cjs

@@ -1,251 +0,0 @@
-const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_registries = require("./registries-CpUM406S.cjs");
-let react = require("react");
-react = require_chunk.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-//#region ../widgets/src/contexts/RepUserContext.tsx
-const RepUserContext = (0, react.createContext)(null);
-function RepUserProvider({ user, children }) {
-	const value = (0, react.useMemo)(() => user, [user]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RepUserContext.Provider, {
-		value,
-		children
-	});
-}
-function useRepUser() {
-	return (0, react.useContext)(RepUserContext);
-}
-//#endregion
-//#region ../widgets/src/widgets/EmbedWidget.tsx
-var EmbedWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
-	EmbedWidget: () => EmbedWidget,
-	embedWidgetPropertySchema: () => embedWidgetPropertySchema
-});
-function isValidHttpUrl(urlString) {
-	try {
-		const parsed = new URL(urlString);
-		return parsed.protocol === "https:" || parsed.protocol === "http:";
-	} catch {
-		return false;
-	}
-}
-function EmbedWidget({ url = "", title = "Embedded Content", height = "400px", fullScreen = false, allowFullscreen = true, loading = "lazy", borderRadius = "md", borderWidth = "none", borderColor = "muted", editMode = false, isSelected = false, className, ...props }) {
-	const isFullScreen = fullScreen;
-	const iframeRef = (0, react.useRef)(null);
-	const publicId = useRepUser()?.publicId;
-	const normalizedUrl = url && (url.startsWith("http://") || url.startsWith("https://")) ? url : url ? `https://${url}` : "";
-	let isValidUrl = false;
-	if (normalizedUrl) try {
-		const parsed = new URL(normalizedUrl);
-		isValidUrl = (parsed.protocol === "http:" || parsed.protocol === "https:") && (parsed.hostname.includes(".") || parsed.hostname === "localhost");
-	} catch {}
-	const iframeSrc = (0, react.useMemo)(() => {
-		if (!isValidUrl) return normalizedUrl;
-		if (!publicId) return normalizedUrl;
-		const urlObj = new URL(normalizedUrl);
-		urlObj.searchParams.set("public_id", publicId);
-		return urlObj.toString();
-	}, [
-		normalizedUrl,
-		isValidUrl,
-		publicId
-	]);
-	(0, react.useEffect)(() => {
-		if (!isValidUrl || editMode) return;
-		const expectedOrigin = new URL(normalizedUrl).origin;
-		function handleMessage(event) {
-			if (event.origin !== expectedOrigin) return;
-			if (event.source !== iframeRef.current?.contentWindow) return;
-			let data;
-			if (typeof event.data === "string") try {
-				data = JSON.parse(event.data);
-			} catch {
-				return;
-			}
-			else data = event.data;
-			if (typeof data === "object" && data !== null && "type" in data && data.type === "OPEN_FULL_SCREEN_WEBVIEW") {
-				const messageUrl = data.url;
-				if (messageUrl && isValidHttpUrl(messageUrl)) window.open(messageUrl, "_blank", "noopener,noreferrer");
-			}
-		}
-		window.addEventListener("message", handleMessage);
-		return () => window.removeEventListener("message", handleMessage);
-	}, [
-		normalizedUrl,
-		isValidUrl,
-		editMode
-	]);
-	if (!url) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? "h-full" : ""} ${className}`,
-		style: isFullScreen ? void 0 : { height },
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col items-center gap-2 p-6 text-center",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Globe, { className: "h-12 w-12 opacity-50" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-sm font-medium",
-					children: "Enter a URL to embed external content"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-xs opacity-75",
-					children: "Configure the URL in the properties panel"
-				})
-			]
-		})
-	});
-	if (!isValidUrl) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? "h-full" : ""} ${className}`,
-		style: isFullScreen ? void 0 : { height },
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col items-center gap-2 p-6 text-center",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Globe, { className: "h-12 w-12 opacity-50" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-sm font-medium",
-					children: "Enter a URL to embed external content"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-xs opacity-75",
-					children: "Configure the URL in the properties panel"
-				})
-			]
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `relative w-full rounded-${borderRadius} ${require_registries.borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? require_registries.borderColorClasses[borderColor] : ""} ${isFullScreen ? "h-full" : ""} ${className}`,
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("iframe", {
-			ref: iframeRef,
-			src: iframeSrc,
-			title,
-			width: "100%",
-			style: isFullScreen ? { height: "100%" } : { height },
-			loading,
-			allowFullScreen: allowFullscreen,
-			className: `rounded-${borderRadius} border-border border`,
-			sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
-		}), editMode && !isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "absolute inset-0 z-10" })]
-	});
-}
-const embedWidgetPropertySchema = {
-	widgetType: "EmbedWidget",
-	displayName: "Embed",
-	fields: [
-		{
-			key: "url",
-			label: "URL",
-			type: "text",
-			description: "The URL of the external site to embed",
-			placeholder: "https://example.com",
-			defaultValue: "",
-			group: "Content"
-		},
-		{
-			key: "title",
-			label: "Title",
-			type: "text",
-			description: "Accessibility title for the embedded content",
-			defaultValue: "Embedded Content",
-			group: "Content"
-		},
-		require_registries.getBorderRadiusField({
-			key: "borderRadius",
-			label: "Border Radius",
-			description: "Border radius for the embed container",
-			defaultValue: "md",
-			group: "Design"
-		}),
-		require_registries.getBorderWidthField({
-			key: "borderWidth",
-			label: "Border Width",
-			description: "Border width for the widget",
-			defaultValue: "none",
-			group: "Design"
-		}),
-		require_registries.getBorderColorField({
-			key: "borderColor",
-			label: "Border Color",
-			description: "Border color for the widget",
-			defaultValue: "muted",
-			group: "Design"
-		}),
-		{
-			key: "fullScreen",
-			label: "Full Screen",
-			type: "boolean",
-			description: "When enabled, the embed fills the available space",
-			defaultValue: false,
-			group: "Design"
-		},
-		require_registries.getHeightField({
-			key: "height",
-			label: "Height",
-			description: "Height of the embedded iframe",
-			defaultValue: "400px",
-			group: "Design",
-			requiresKeyValue: {
-				key: "fullScreen",
-				value: false
-			}
-		}),
-		{
-			key: "allowFullscreen",
-			label: "Allow Fullscreen",
-			type: "boolean",
-			description: "Allow the embedded content to use fullscreen mode",
-			defaultValue: true,
-			group: "Settings"
-		},
-		{
-			key: "loading",
-			label: "Loading",
-			type: "select",
-			description: "When to load the embedded content",
-			options: [{
-				label: "Lazy (on scroll)",
-				value: "lazy"
-			}, {
-				label: "Eager (immediately)",
-				value: "eager"
-			}],
-			defaultValue: "lazy",
-			group: "Settings"
-		}
-	]
-};
-//#endregion
-Object.defineProperty(exports, "EmbedWidget", {
-	enumerable: true,
-	get: function() {
-		return EmbedWidget;
-	}
-});
-Object.defineProperty(exports, "EmbedWidget_exports", {
-	enumerable: true,
-	get: function() {
-		return EmbedWidget_exports;
-	}
-});
-Object.defineProperty(exports, "RepUserProvider", {
-	enumerable: true,
-	get: function() {
-		return RepUserProvider;
-	}
-});
-Object.defineProperty(exports, "embedWidgetPropertySchema", {
-	enumerable: true,
-	get: function() {
-		return embedWidgetPropertySchema;
-	}
-});
-Object.defineProperty(exports, "useRepUser", {
-	enumerable: true,
-	get: function() {
-		return useRepUser;
-	}
-});
-
-//# sourceMappingURL=EmbedWidget-PIWoA9sU.cjs.map

package/dist/EmbedWidget-PIWoA9sU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedWidget-PIWoA9sU.cjs","names":["Globe","borderWidthClasses","borderColorClasses","getBorderRadiusField","getBorderWidthField","getBorderColorField","getHeightField"],"sources":["../../widgets/src/contexts/RepUserContext.tsx","../../widgets/src/widgets/EmbedWidget.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactNode,\n} from \"react\";\n\nexport interface RepUser {\n  name: string | null;\n  email: string | null;\n  imageUrl: string | null;\n  publicId?: string;\n}\n\nconst RepUserContext = createContext<RepUser | null>(null);\n\nexport interface RepUserProviderProps {\n  user: RepUser;\n  children: ReactNode;\n}\n\nexport function RepUserProvider({\n  user,\n  children,\n}: RepUserProviderProps): React.JSX.Element {\n  const value = useMemo(() => user, [user]);\n  return (\n    <RepUserContext.Provider value={value}>{children}</RepUserContext.Provider>\n  );\n}\n\nexport function useRepUser(): RepUser | null {\n  return useContext(RepUserContext);\n}\n","import { Globe } from \"lucide-react\";\nimport { useEffect, useMemo, useRef, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { useRepUser } from \"../contexts/RepUserContext\";\n\ntype EmbedWidgetMessage = {\n  type: \"OPEN_FULL_SCREEN_WEBVIEW\";\n  url: string;\n};\n\nfunction isValidHttpUrl(urlString: string): boolean {\n  try {\n    const parsed = new URL(urlString);\n    return parsed.protocol === \"https:\" || parsed.protocol === \"http:\";\n  } catch {\n    return false;\n  }\n}\n\ntype EmbedWidgetProps = ComponentProps<\"div\"> & {\n  url?: string;\n  title?: string;\n  height?: string;\n  fullScreen?: boolean;\n  allowFullscreen?: boolean;\n  loading?: \"eager\" | \"lazy\";\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  editMode?: boolean;\n  isSelected?: boolean;\n};\n\nexport function EmbedWidget({\n  url = \"\",\n  title = \"Embedded Content\",\n  height = \"400px\",\n  fullScreen = false,\n  allowFullscreen = true,\n  loading = \"lazy\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  editMode = false,\n  isSelected = false,\n  className,\n  ...props\n}: EmbedWidgetProps): React.JSX.Element {\n  const isFullScreen = fullScreen;\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const repUser = useRepUser();\n  const publicId = repUser?.publicId;\n\n  const normalizedUrl =\n    url && (url.startsWith(\"http://\") || url.startsWith(\"https://\"))\n      ? url\n      : url\n        ? `https://${url}`\n        : \"\";\n\n  let isValidUrl = false;\n  if (normalizedUrl) {\n    try {\n      const parsed = new URL(normalizedUrl);\n      isValidUrl =\n        (parsed.protocol === \"http:\" || parsed.protocol === \"https:\") &&\n        (parsed.hostname.includes(\".\") || parsed.hostname === \"localhost\");\n    } catch {\n      // invalid URL\n    }\n  }\n\n  const iframeSrc = useMemo(() => {\n    if (!isValidUrl) return normalizedUrl;\n    if (!publicId) return normalizedUrl;\n    const urlObj = new URL(normalizedUrl);\n    urlObj.searchParams.set(\"public_id\", publicId);\n    return urlObj.toString();\n  }, [normalizedUrl, isValidUrl, publicId]);\n\n  useEffect(() => {\n    if (!isValidUrl || editMode) return;\n\n    const expectedOrigin = new URL(normalizedUrl).origin;\n\n    function handleMessage(event: MessageEvent) {\n      if (event.origin !== expectedOrigin) return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n\n      let data: unknown;\n      if (typeof event.data === \"string\") {\n        try {\n          data = JSON.parse(event.data);\n        } catch {\n          return;\n        }\n      } else {\n        data = event.data;\n      }\n\n      if (\n        typeof data === \"object\" &&\n        data !== null &&\n        \"type\" in data &&\n        (data as EmbedWidgetMessage).type === \"OPEN_FULL_SCREEN_WEBVIEW\"\n      ) {\n        const messageUrl = (data as EmbedWidgetMessage).url;\n        if (messageUrl && isValidHttpUrl(messageUrl)) {\n          window.open(messageUrl, \"_blank\", \"noopener,noreferrer\");\n        }\n      }\n    }\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [normalizedUrl, isValidUrl, editMode]);\n\n  if (!url) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <Globe className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (!isValidUrl) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <Globe className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`relative w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n      {...props}\n    >\n      <iframe\n        ref={iframeRef}\n        src={iframeSrc}\n        title={title}\n        width=\"100%\"\n        style={isFullScreen ? { height: \"100%\" } : { height }}\n        loading={loading}\n        allowFullScreen={allowFullscreen}\n        className={`rounded-${borderRadius} border-border border`}\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox\"\n      />\n      {editMode && !isSelected && <div className=\"absolute inset-0 z-10\" />}\n    </div>\n  );\n}\n\nexport const embedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"EmbedWidget\",\n  displayName: \"Embed\",\n  fields: [\n    // Content\n    {\n      key: \"url\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The URL of the external site to embed\",\n      placeholder: \"https://example.com\",\n      defaultValue: \"\",\n      group: \"Content\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Accessibility title for the embedded content\",\n      defaultValue: \"Embedded Content\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the embed container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    {\n      key: \"fullScreen\",\n      label: \"Full Screen\",\n      type: \"boolean\",\n      description: \"When enabled, the embed fills the available space\",\n      defaultValue: false,\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"height\",\n      label: \"Height\",\n      description: \"Height of the embedded iframe\",\n      defaultValue: \"400px\",\n      group: \"Design\",\n      requiresKeyValue: {\n        key: \"fullScreen\",\n        value: false,\n      },\n    }),\n\n    // Settings\n    {\n      key: \"allowFullscreen\",\n      label: \"Allow Fullscreen\",\n      type: \"boolean\",\n      description: \"Allow the embedded content to use fullscreen mode\",\n      defaultValue: true,\n      group: \"Settings\",\n    },\n    {\n      key: \"loading\",\n      label: \"Loading\",\n      type: \"select\",\n      description: \"When to load the embedded content\",\n      options: [\n        { label: \"Lazy (on scroll)\", value: \"lazy\" },\n        { label: \"Eager (immediately)\", value: \"eager\" },\n      ],\n      defaultValue: \"lazy\",\n      group: \"Settings\",\n    },\n  ],\n};\n"],"mappings":"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"}