@fluid-app/portal-sdk 0.1.62 → 0.1.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.62",
+  "version": "0.1.63",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -64,45 +64,45 @@
     "tsdown": "^0.21.0",
     "typescript": "^5",
     "zod": "4.3.5",
+    "@fluid-app/auth": "0.1.0",
     "@fluid-app/api-client-core": "0.1.0",
     "@fluid-app/company-switcher-ui": "0.1.0",
+    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/contacts-ui": "0.1.0",
-    "@fluid-app/auth": "0.1.0",
-    "@fluid-app/file-picker-api-client": "0.1.0",
     "@fluid-app/fluid-pay-api-client": "0.1.0",
     "@fluid-app/fluidos-api-client": "0.1.0",
     "@fluid-app/messaging-api-client": "0.1.0",
     "@fluid-app/messaging-core": "0.1.0",
     "@fluid-app/messaging-ui": "0.1.0",
+    "@fluid-app/file-picker-api-client": "0.1.0",
     "@fluid-app/mysite-ui": "0.1.0",
-    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/orders-api-client": "0.1.0",
     "@fluid-app/orders-core": "0.1.0",
     "@fluid-app/orders-ui": "0.1.0",
     "@fluid-app/permissions": "0.1.0",
     "@fluid-app/portal-app-download-ui": "0.1.0",
-    "@fluid-app/portal-core": "0.1.23",
     "@fluid-app/portal-preview": "0.1.0",
+    "@fluid-app/portal-core": "0.1.23",
     "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
     "@fluid-app/portal-widgets": "0.1.22",
-    "@fluid-app/products-core": "0.1.0",
     "@fluid-app/products-api-client": "0.1.0",
+    "@fluid-app/products-core": "0.1.0",
     "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/profile-ui": "0.1.0",
     "@fluid-app/query-persister": "0.1.0",
     "@fluid-app/shareables-api-client": "0.1.0",
     "@fluid-app/shareables-core": "0.1.0",
-    "@fluid-app/shareables-ui": "0.1.0",
     "@fluid-app/shop-ui": "0.1.0",
-    "@fluid-app/subscriptions-core": "0.1.0",
-    "@fluid-app/subscriptions-ui": "0.1.0",
+    "@fluid-app/shareables-ui": "0.1.0",
     "@fluid-app/subscriptions-api-client": "0.1.0",
-    "@fluid-app/typescript-config": "0.0.0",
+    "@fluid-app/subscriptions-ui": "0.1.0",
     "@fluid-app/ui-primitives": "0.1.13",
-    "@fluid-app/user-notes-api-client": "0.1.0",
+    "@fluid-app/subscriptions-core": "0.1.0",
+    "@fluid-app/typescript-config": "0.0.0",
     "@fluid-app/user-contacts-api-client": "0.1.0",
-    "@fluid-app/user-tasks-api-client": "0.1.0"
+    "@fluid-app/user-tasks-api-client": "0.1.0",
+    "@fluid-app/user-notes-api-client": "0.1.0"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",

package/dist/MediaRenderer-CY2gR7hk.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaRenderer-CY2gR7hk.mjs","names":[],"sources":["../../widgets/src/components/MediaRenderer.tsx"],"sourcesContent":["import type React from \"react\";\nimport { Image, Video } from \"lucide-react\";\nimport type { ShareableItem, WidgetSchema } from \"@fluid-app/portal-core/types\";\n\nexport type MediaRendererProps = {\n  src?: string | undefined;\n  alt?: string | undefined;\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | undefined;\n  focusPoint?: string | undefined;\n  mediaType?: \"image\" | \"video\" | undefined;\n  poster?: string | undefined;\n  autoplay?: boolean | undefined;\n  loop?: boolean | undefined;\n  muted?: boolean | undefined;\n  controls?: boolean | undefined;\n};\n\nexport function MediaRenderer({\n  src,\n  alt = \"Media\",\n  objectFit = \"cover\",\n  focusPoint,\n  mediaType = \"image\",\n  poster,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  controls = true,\n}: MediaRendererProps): React.JSX.Element {\n  const hasValidSrc = src && src.trim() !== \"\";\n  const objectPosition = focusPoint?.replace(\"-\", \" \");\n\n  if (!hasValidSrc) {\n    const Icon = mediaType === \"video\" ? Video : Image;\n    const label =\n      mediaType === \"video\" ? \"No video selected\" : \"No image selected\";\n    return (\n      <div className=\"bg-muted flex h-full min-h-[200px] w-full items-center justify-center\">\n        <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n          <Icon className=\"h-12 w-12\" />\n          <p className=\"text-sm\">{label}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const isContainMode = objectFit === \"contain\";\n  const blurSrc = isContainMode ? `${src}?tr=bl-50` : undefined;\n\n  if (mediaType === \"video\") {\n    const blurredBgSrc = isContainMode\n      ? poster\n        ? `${poster}?tr=bl-50`\n        : blurSrc\n      : undefined;\n\n    if (isContainMode && blurredBgSrc) {\n      return (\n        <div className=\"relative h-full w-full overflow-hidden\">\n          <img\n            src={blurredBgSrc}\n            alt=\"\"\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            aria-hidden=\"true\"\n          />\n          <div className=\"absolute inset-0 bg-black/30\" aria-hidden=\"true\" />\n          <video\n            src={src}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoplay}\n            loop={loop}\n            muted={muted}\n            className={`relative z-10 h-full w-full object-contain ${!controls ? \"pointer-events-none\" : \"\"}`}\n          >\n            Your browser does not support the video tag.\n          </video>\n        </div>\n      );\n    }\n\n    return (\n      <video\n        src={src}\n        poster={poster}\n        controls={controls}\n        autoPlay={autoplay}\n        loop={loop}\n        muted={muted}\n        className={`h-full w-full object-${objectFit} ${!controls ? \"pointer-events-none\" : \"\"}`}\n        style={objectPosition ? { objectPosition } : undefined}\n      >\n        Your browser does not support the video tag.\n      </video>\n    );\n  }\n\n  if (isContainMode) {\n    return (\n      <div className=\"relative h-full w-full overflow-hidden\">\n        <img\n          src={blurSrc}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n          aria-hidden=\"true\"\n        />\n        <div className=\"absolute inset-0 bg-black/30\" aria-hidden=\"true\" />\n        <img\n          src={src}\n          alt={alt}\n          className=\"relative z-10 h-full w-full object-contain\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={`h-full w-full object-${objectFit}`}\n      style={objectPosition ? { objectPosition } : undefined}\n    />\n  );\n}\n\n/**\n * Converts a ShareableItem to MediaRenderer props.\n * Replaces the createWidgetFromShareable → ScreenRenderer pattern.\n */\nexport function getMediaPropsFromShareable(\n  item: ShareableItem,\n): MediaRendererProps {\n  const isVideo = item.kind === \"video\" || !!item.videoUrl;\n\n  if (isVideo && item.videoUrl) {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      src: item.videoUrl,\n      alt: item.title ?? \"Video\",\n    };\n    if (item.imageUrl != null) result.poster = item.imageUrl;\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: item.title || \"Image\",\n    objectFit: \"cover\",\n  };\n  if (item.imageUrl != null) result.src = item.imageUrl;\n  return result;\n}\n\n/**\n * Extracts media props from an ImageWidget/VideoWidget schema.\n * Used by CarouselWidget for slide.content rendering.\n */\nexport function getMediaPropsFromWidgetSchema(\n  schema: WidgetSchema,\n): MediaRendererProps {\n  const props = schema.props;\n\n  const resource = props.resource as ShareableItem | undefined;\n  const useCustomUrl = props.useCustomUrl as boolean | undefined;\n  const focusPoint = props.focusPoint as string | undefined;\n  const displayFit = props.displayFit as\n    | MediaRendererProps[\"objectFit\"]\n    | undefined;\n\n  if (schema.type === \"VideoWidget\") {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      autoplay: (props.autoplay as boolean | undefined) ?? false,\n      loop: (props.loop as boolean | undefined) ?? false,\n      muted: (props.muted as boolean | undefined) ?? false,\n      controls: (props.controls as boolean | undefined) ?? true,\n      objectFit: displayFit ?? \"cover\",\n      focusPoint,\n    };\n    if (useCustomUrl) {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else if (resource) {\n      if (resource.videoUrl) result.src = resource.videoUrl;\n      else if (typeof props.src === \"string\") result.src = props.src;\n      if (resource.imageUrl) result.poster = resource.imageUrl;\n      else if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    }\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: (props.alt as string | undefined) ?? \"Image\",\n    objectFit: displayFit ?? \"cover\",\n    focusPoint,\n  };\n  if (useCustomUrl) {\n    if (typeof props.src === \"string\") result.src = props.src;\n  } else if (resource) {\n    if (resource.imageUrl) result.src = resource.imageUrl;\n    else if (typeof props.src === \"string\") result.src = props.src;\n    if (resource.title) result.alt = resource.title;\n  } else {\n    if (typeof props.src === \"string\") result.src = props.src;\n  }\n  return result;\n}\n"],"mappings":"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"}

package/dist/MediaRenderer-CkMwv5q1.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaRenderer-CkMwv5q1.cjs","names":["Video","Image"],"sources":["../../widgets/src/components/MediaRenderer.tsx"],"sourcesContent":["import type React from \"react\";\nimport { Image, Video } from \"lucide-react\";\nimport type { ShareableItem, WidgetSchema } from \"@fluid-app/portal-core/types\";\n\nexport type MediaRendererProps = {\n  src?: string | undefined;\n  alt?: string | undefined;\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | undefined;\n  focusPoint?: string | undefined;\n  mediaType?: \"image\" | \"video\" | undefined;\n  poster?: string | undefined;\n  autoplay?: boolean | undefined;\n  loop?: boolean | undefined;\n  muted?: boolean | undefined;\n  controls?: boolean | undefined;\n};\n\nexport function MediaRenderer({\n  src,\n  alt = \"Media\",\n  objectFit = \"cover\",\n  focusPoint,\n  mediaType = \"image\",\n  poster,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  controls = true,\n}: MediaRendererProps): React.JSX.Element {\n  const hasValidSrc = src && src.trim() !== \"\";\n  const objectPosition = focusPoint?.replace(\"-\", \" \");\n\n  if (!hasValidSrc) {\n    const Icon = mediaType === \"video\" ? Video : Image;\n    const label =\n      mediaType === \"video\" ? \"No video selected\" : \"No image selected\";\n    return (\n      <div className=\"bg-muted flex h-full min-h-[200px] w-full items-center justify-center\">\n        <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n          <Icon className=\"h-12 w-12\" />\n          <p className=\"text-sm\">{label}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const isContainMode = objectFit === \"contain\";\n  const blurSrc = isContainMode ? `${src}?tr=bl-50` : undefined;\n\n  if (mediaType === \"video\") {\n    const blurredBgSrc = isContainMode\n      ? poster\n        ? `${poster}?tr=bl-50`\n        : blurSrc\n      : undefined;\n\n    if (isContainMode && blurredBgSrc) {\n      return (\n        <div className=\"relative h-full w-full overflow-hidden\">\n          <img\n            src={blurredBgSrc}\n            alt=\"\"\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            aria-hidden=\"true\"\n          />\n          <div className=\"absolute inset-0 bg-black/30\" aria-hidden=\"true\" />\n          <video\n            src={src}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoplay}\n            loop={loop}\n            muted={muted}\n            className={`relative z-10 h-full w-full object-contain ${!controls ? \"pointer-events-none\" : \"\"}`}\n          >\n            Your browser does not support the video tag.\n          </video>\n        </div>\n      );\n    }\n\n    return (\n      <video\n        src={src}\n        poster={poster}\n        controls={controls}\n        autoPlay={autoplay}\n        loop={loop}\n        muted={muted}\n        className={`h-full w-full object-${objectFit} ${!controls ? \"pointer-events-none\" : \"\"}`}\n        style={objectPosition ? { objectPosition } : undefined}\n      >\n        Your browser does not support the video tag.\n      </video>\n    );\n  }\n\n  if (isContainMode) {\n    return (\n      <div className=\"relative h-full w-full overflow-hidden\">\n        <img\n          src={blurSrc}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n          aria-hidden=\"true\"\n        />\n        <div className=\"absolute inset-0 bg-black/30\" aria-hidden=\"true\" />\n        <img\n          src={src}\n          alt={alt}\n          className=\"relative z-10 h-full w-full object-contain\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={`h-full w-full object-${objectFit}`}\n      style={objectPosition ? { objectPosition } : undefined}\n    />\n  );\n}\n\n/**\n * Converts a ShareableItem to MediaRenderer props.\n * Replaces the createWidgetFromShareable → ScreenRenderer pattern.\n */\nexport function getMediaPropsFromShareable(\n  item: ShareableItem,\n): MediaRendererProps {\n  const isVideo = item.kind === \"video\" || !!item.videoUrl;\n\n  if (isVideo && item.videoUrl) {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      src: item.videoUrl,\n      alt: item.title ?? \"Video\",\n    };\n    if (item.imageUrl != null) result.poster = item.imageUrl;\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: item.title || \"Image\",\n    objectFit: \"cover\",\n  };\n  if (item.imageUrl != null) result.src = item.imageUrl;\n  return result;\n}\n\n/**\n * Extracts media props from an ImageWidget/VideoWidget schema.\n * Used by CarouselWidget for slide.content rendering.\n */\nexport function getMediaPropsFromWidgetSchema(\n  schema: WidgetSchema,\n): MediaRendererProps {\n  const props = schema.props;\n\n  const resource = props.resource as ShareableItem | undefined;\n  const useCustomUrl = props.useCustomUrl as boolean | undefined;\n  const focusPoint = props.focusPoint as string | undefined;\n  const displayFit = props.displayFit as\n    | MediaRendererProps[\"objectFit\"]\n    | undefined;\n\n  if (schema.type === \"VideoWidget\") {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      autoplay: (props.autoplay as boolean | undefined) ?? false,\n      loop: (props.loop as boolean | undefined) ?? false,\n      muted: (props.muted as boolean | undefined) ?? false,\n      controls: (props.controls as boolean | undefined) ?? true,\n      objectFit: displayFit ?? \"cover\",\n      focusPoint,\n    };\n    if (useCustomUrl) {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else if (resource) {\n      if (resource.videoUrl) result.src = resource.videoUrl;\n      else if (typeof props.src === \"string\") result.src = props.src;\n      if (resource.imageUrl) result.poster = resource.imageUrl;\n      else if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    }\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: (props.alt as string | undefined) ?? \"Image\",\n    objectFit: displayFit ?? \"cover\",\n    focusPoint,\n  };\n  if (useCustomUrl) {\n    if (typeof props.src === \"string\") result.src = props.src;\n  } else if (resource) {\n    if (resource.imageUrl) result.src = resource.imageUrl;\n    else if (typeof props.src === \"string\") result.src = props.src;\n    if (resource.title) result.alt = resource.title;\n  } else {\n    if (typeof props.src === \"string\") result.src = props.src;\n  }\n  return result;\n}\n"],"mappings":"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"}

package/dist/VideoWidget-7Q2eqHFn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoWidget-7Q2eqHFn.cjs","names":["borderWidthClasses","borderColorClasses","MediaRenderer"],"sources":["../../widgets/src/widgets/VideoWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\n\ntype VideoWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  poster?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  verticalSizing?: \"auto\" | \"fixed\";\n  fixedHeight?: string;\n  displayFit?: \"cover\" | \"contain\";\n  focusPoint?: string;\n  controls?: boolean;\n  autoplay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n};\n\nexport function VideoWidget({\n  src = \"\",\n  poster = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  controls = true,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  resource,\n  useCustomUrl,\n}: VideoWidgetProps): React.JSX.Element {\n  const effectiveSrc = useCustomUrl ? src : (resource?.videoUrl ?? src);\n  const effectivePoster = useCustomUrl\n    ? poster\n    : (resource?.imageUrl ?? poster);\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"}`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"video\"\n        src={effectiveSrc}\n        poster={effectivePoster}\n        objectFit={isFixed ? displayFit : undefined}\n        focusPoint={isFixed ? focusPoint : undefined}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n      />\n    </div>\n  );\n}\n\nexport const videoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"VideoWidget\",\n  displayName: \"Video\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n  ],\n  fields: [\n    // Styling tab - Content group\n    {\n      key: \"resource\",\n      label: \"Select Video\",\n      type: \"resource\",\n      description: \"Browse and select a video\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom video URL instead of selecting media\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Video URL\",\n      type: \"text\",\n      description: \"The source URL of the video\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"poster\",\n      label: \"Poster Image URL\",\n      type: \"text\",\n      description: \"Thumbnail image displayed before video plays\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n\n    // Styling tab - Design group\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the calendar container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the video height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the video container\",\n      defaultValue: \"200px\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    }),\n    {\n      key: \"displayFit\",\n      label: \"Display Fit\",\n      type: \"buttonGroup\",\n      description: \"How the video fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n    {\n      key: \"focusPoint\",\n      label: \"Focus Point\",\n      type: \"contentPosition\",\n      description: \"The focal point of the video within its container\",\n      defaultValue: \"center\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Behavior tab\n    {\n      key: \"controls\",\n      label: \"Show Controls\",\n      type: \"boolean\",\n      description: \"Display video playback controls\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"autoplay\",\n      label: \"Autoplay\",\n      type: \"boolean\",\n      description: \"Automatically start playing the video\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"loop\",\n      label: \"Loop\",\n      type: \"boolean\",\n      description: \"Repeat the video when it ends\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"muted\",\n      label: \"Muted\",\n      type: \"boolean\",\n      description: \"Start with audio muted\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/VideoWidget-ho9fGQ3V.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoWidget-ho9fGQ3V.mjs","names":[],"sources":["../../widgets/src/widgets/VideoWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\n\ntype VideoWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  poster?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  verticalSizing?: \"auto\" | \"fixed\";\n  fixedHeight?: string;\n  displayFit?: \"cover\" | \"contain\";\n  focusPoint?: string;\n  controls?: boolean;\n  autoplay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n};\n\nexport function VideoWidget({\n  src = \"\",\n  poster = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  controls = true,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  resource,\n  useCustomUrl,\n}: VideoWidgetProps): React.JSX.Element {\n  const effectiveSrc = useCustomUrl ? src : (resource?.videoUrl ?? src);\n  const effectivePoster = useCustomUrl\n    ? poster\n    : (resource?.imageUrl ?? poster);\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"}`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"video\"\n        src={effectiveSrc}\n        poster={effectivePoster}\n        objectFit={isFixed ? displayFit : undefined}\n        focusPoint={isFixed ? focusPoint : undefined}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n      />\n    </div>\n  );\n}\n\nexport const videoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"VideoWidget\",\n  displayName: \"Video\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n  ],\n  fields: [\n    // Styling tab - Content group\n    {\n      key: \"resource\",\n      label: \"Select Video\",\n      type: \"resource\",\n      description: \"Browse and select a video\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom video URL instead of selecting media\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Video URL\",\n      type: \"text\",\n      description: \"The source URL of the video\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"poster\",\n      label: \"Poster Image URL\",\n      type: \"text\",\n      description: \"Thumbnail image displayed before video plays\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n\n    // Styling tab - Design group\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the calendar container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the video height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the video container\",\n      defaultValue: \"200px\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    }),\n    {\n      key: \"displayFit\",\n      label: \"Display Fit\",\n      type: \"buttonGroup\",\n      description: \"How the video fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n    {\n      key: \"focusPoint\",\n      label: \"Focus Point\",\n      type: \"contentPosition\",\n      description: \"The focal point of the video within its container\",\n      defaultValue: \"center\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Behavior tab\n    {\n      key: \"controls\",\n      label: \"Show Controls\",\n      type: \"boolean\",\n      description: \"Display video playback controls\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"autoplay\",\n      label: \"Autoplay\",\n      type: \"boolean\",\n      description: \"Automatically start playing the video\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"loop\",\n      label: \"Loop\",\n      type: \"boolean\",\n      description: \"Repeat the video when it ends\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"muted\",\n      label: \"Muted\",\n      type: \"boolean\",\n      description: \"Start with audio muted\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n  ],\n};\n"],"mappings":"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"}