@videojs/react 10.0.0-beta.9 → 10.0.0-rc.2

package/docs/reference/wistia-video.md

@@ -0,0 +1,75 @@
+# WistiaVideo
+
+Video component that plays Wistia-hosted videos through Wistia's web component
+
+`WistiaVideo` adapts Wistia’s own `<wistia-player>` web component to the Video.js media contract. Wistia’s chrome stays hidden by default so a Video.js player skin can control playback; set `controls` to use Wistia’s UI.
+
+## Import
+
+bash
+
+```
+pnpm add @videojs/wistia-video
+```
+
+tsx
+
+```
+import { WistiaVideo } from '@videojs/react/media/wistia-video';
+```
+
+## Load a source
+
+`src` accepts a Wistia media URL or hashed media ID. A `wtime` query parameter sets the initial playback position.
+
+tsx
+
+```
+<WistiaVideo src="https://example.wistia.com/medias/abcde12345?wtime=30" />
+```
+
+## Wistia options
+
+Pass Wistia player options through `source`. `mediaId` selects the media; other properties such as `playerColor`, `qualityMin`, and `roundedPlayer` are forwarded to Wistia.
+
+tsx
+
+```
+<WistiaVideo
+  source={{
+    mediaId: 'abcde12345',
+    playerColor: '54bbff',
+    qualityMin: 540,
+  }}
+/>
+```
+
+## Behavior
+
+*   Every Wistia media is treated as on-demand video. Live windows, remote playback, and picture-in-picture are unavailable.
+*   `controls` switches Wistia’s own chrome and pointer interaction on. Without it, pointer events pass through to the Video.js skin.
+*   `loop`, `muted`, `autoplay`, `poster`, and `preload` are translated to Wistia’s option names. Wistia always plays inline, so `playsInline` has no additional effect.
+*   Changing the media ID loads a new Wistia player. Changing only player options keeps the current player and playback session.
+
+## Examples
+
+### Basic Usage
+
+App.tsx
+
+App.css
+
+```
+import { WistiaVideo } from '@videojs/react/media/wistia-video';
+
+export default function BasicUsage() {
+  return <WistiaVideo className="wistia-video" src="https://wesleyluyten.wistia.com/medias/oifkgmxnkb" controls />;
+}
+```
+```
+.wistia-video {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+}
+```

package/docs/reference/youtube-video.md

@@ -0,0 +1,353 @@
+# YouTubeVideo
+
+Video component that plays YouTube videos and playlists through the YouTube IFrame player
+
+The [YouTube IFrame player](https://developers.google.com/youtube/iframe_api_reference) keeps its own chrome hidden by default, so it drops into a [player skin](../concepts/skins.md) like any other media component; set `controls` to use YouTube’s UI instead.
+
+## Import
+
+bash
+
+```
+pnpm add @videojs/youtube-video
+```
+
+tsx
+
+```
+import { YouTubeVideo } from '@videojs/react/media/youtube-video';
+```
+
+## Load a source
+
+`src` takes a YouTube URL or a raw 11-character video id. Watch, share (`youtu.be`), embed, Shorts, live, and privacy-enhanced (`youtube-nocookie.com`) URLs all work. Playlist URLs load through their `list` parameter, and a `t` parameter sets the start position.
+
+tsx
+
+```
+<YouTubeVideo src="https://www.youtube.com/watch?v=aqz-KE-bpKQ" />
+```
+
+## Behavior
+
+A few things work differently from a native `<video>` element, because the IFrame API doesn’t expose them:
+
+*   `loop` restarts playback when the video ends; the IFrame API has no single-video loop.
+*   Fullscreen targets the iframe, so YouTube’s own chrome shows in fullscreen.
+*   Picture-in-picture is unavailable, and the player reports it as unsupported.
+*   Caption tracks appear in `textTracks` once playback starts; YouTube reports no caption metadata before then.
+
+## Examples
+
+### Basic Usage
+
+App.tsx
+
+App.css
+
+```
+import { YouTubeVideo } from '@videojs/react/media/youtube-video';
+
+export default function BasicUsage() {
+  return (
+    <div className="youtube-video">
+      <YouTubeVideo src="https://www.youtube.com/watch?v=aqz-KE-bpKQ" controls />
+    </div>
+  );
+}
+```
+```
+.youtube-video {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+}
+```
+
+## API Reference
+
+### Props
+
+Accepts these Video.js-specific props:
+
+Prop
+
+Type
+
+Default
+
+Details
+
+`autoplay`
+
+`boolean`
+
+`false`
+
+`controls`
+
+`boolean`
+
+`false`
+
+`defaultMuted`
+
+`boolean`
+
+`false`
+
+`loop`
+
+`boolean`
+
+`false`
+
+`muted`
+
+`boolean`
+
+`false`
+
+`playsInline`
+
+`boolean`
+
+`true`
+
+`poster`
+
+`string`
+
+`''`
+
+`preload`
+
+`MediaPreloadType`
+
+`'metadata'`
+
+`source`
+
+`{ src?: string; engine?: YouTubeSourceEngineConfig } | null`
+
+`null`
+
+▸
+
+Description
+
+YouTube URL or id in `src`, plus player parameters under `engine.youtube`. Replacing it re-derives `src`.
+
+`src`
+
+`string`
+
+`''`
+
+### Engine options
+
+#### `source.engine.youtube`
+
+Pass [YouTube player parameters](https://developers.google.com/youtube/player_parameters) under `source.engine.youtube`, spelled exactly as YouTube spells them. They’re serialized onto the embed URL untouched, and the embed reads them once, when its URL is built. [Media Sources](../concepts/media-sources.md) covers how engine options fit into a structured source.
+
+`autoplay`, `controls`, and `playsinline` come from the props of the same name, so they have no `engine.youtube` spelling. Parameters YouTube has deprecated are absent as well: `modestbranding`, `showinfo`, `autohide`, `theme`, and `listType: 'search'`. Anything YouTube adds next passes through the same way.
+
+tsx
+
+```
+<YouTubeVideo
+  source={{
+    src: 'https://www.youtube.com/watch?v=aqz-KE-bpKQ',
+    engine: { youtube: { hl: 'de', cc_load_policy: 1 } },
+  }}
+/>
+```
+
+Option
+
+Type
+
+Details
+
+`cc_lang_pref`
+
+`string | undefined`
+
+▸
+
+Description
+
+ISO 639-1 language to display captions in. Pair with `cc_load_policy`.
+
+`cc_load_policy`
+
+`1 | undefined`
+
+▸
+
+Description
+
+Show closed captions by default, even if the viewer has turned them off.
+
+`color`
+
+`'red' | 'white' | undefined`
+
+▸
+
+Description
+
+Progress-bar highlight color. Defaults to `'red'`.
+
+`disablekb`
+
+`0 | 1 | undefined`
+
+▸
+
+Description
+
+Stop responding to keyboard controls. Defaults to `0`.
+
+`enablejsapi`
+
+`0 | 1 | undefined`
+
+▸
+
+Description
+
+Allow the player to be driven through the IFrame Player API. Defaults to `0`.
+
+`end`
+
+`number | undefined`
+
+▸
+
+Description
+
+Stop playback this many seconds from the start of the video.
+
+`fs`
+
+`0 | 1 | undefined`
+
+▸
+
+Description
+
+Display the fullscreen button. Defaults to `1`.
+
+`hl`
+
+`string | undefined`
+
+▸
+
+Description
+
+Player interface language: an ISO 639-1 code or full locale (`fr`, `fr-ca`).
+
+`iv_load_policy`
+
+`1 | 3 | undefined`
+
+▸
+
+Description
+
+Show video annotations (`1`) or hide them (`3`). Defaults to `1`.
+
+`list`
+
+`string | undefined`
+
+▸
+
+Description
+
+Playlist id (prefixed with `PL`) or channel name, depending on `listType`.
+
+`listType`
+
+`'playlist' | 'user_uploads' | undefined`
+
+▸
+
+Description
+
+What `list` refers to.
+
+`loop`
+
+`0 | 1 | undefined`
+
+▸
+
+Description
+
+Repeat playback. Looping a single video also needs `playlist` set to the same id.
+
+`origin`
+
+`string | undefined`
+
+▸
+
+Description
+
+Embedding domain. Set it whenever `enablejsapi` is `1`.
+
+`playlist`
+
+`string | undefined`
+
+▸
+
+Description
+
+Comma-separated video ids to play after the one named by the URL path.
+
+`referrerPolicy`
+
+`ReferrerPolicy | undefined`
+
+▸
+
+Description
+
+`referrerpolicy` for the embed iframe. Not a YouTube player parameter.
+
+`rel`
+
+`0 | 1 | undefined`
+
+▸
+
+Description
+
+Draw related videos from the same channel (`0`) or anywhere (`1`). Defaults to `1`.
+
+`start`
+
+`number | undefined`
+
+▸
+
+Description
+
+Begin playback this many seconds from the start of the video.
+
+`widget_referrer`
+
+`string | undefined`
+
+▸
+
+Description
+
+Embedding URL reported to YouTube Analytics for widget-hosted players.
+
+### Ref
+
+Forwards its ref to the rendered `<iframe>`. The ref is an [HTMLIFrameElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement). Control playback with the component props and player APIs rather than the iframe ref.

package/package.json

@@ -1,27 +1,79 @@
 {
   "name": "@videojs/react",
-  "type": "module",
-  "version": "10.0.0-beta.9",
+  "version": "10.0.0-rc.2",
   "description": "React library for building media players",
+  "keywords": [
+    "components",
+    "hooks",
+    "media",
+    "player",
+    "react",
+    "videojs"
+  ],
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/videojs/v10",
     "directory": "packages/react"
   },
+  "files": [
+    "dist",
+    "docs"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./dist/*/i18n/locales/*/register.js"
+  ],
   "main": "dist/default/index.js",
   "module": "dist/default/index.js",
   "types": "dist/dev/index.d.ts",
-  "sideEffects": false,
-  "files": [
-    "dist"
-  ],
   "exports": {
     ".": {
       "types": "./dist/dev/index.d.ts",
       "development": "./dist/dev/index.js",
       "default": "./dist/default/index.js"
     },
+    "./ui/*-radio-group": {
+      "types": "./dist/dev/ui/*-radio-group/index.d.ts",
+      "development": "./dist/dev/ui/*-radio-group/index.js",
+      "default": "./dist/default/ui/*-radio-group/index.js"
+    },
+    "./*.css": "./dist/default/*.css",
+    "./icons": {
+      "types": "./dist/dev/icons/index.d.ts",
+      "development": "./dist/dev/icons/index.js",
+      "default": "./dist/default/icons/index.js"
+    },
+    "./icons/*": {
+      "types": "./dist/dev/icons/*/index.d.ts",
+      "development": "./dist/dev/icons/*/index.js",
+      "default": "./dist/default/icons/*/index.js"
+    },
+    "./extensions/*": {
+      "types": "./dist/dev/extensions/*/index.d.ts",
+      "development": "./dist/dev/extensions/*/index.js",
+      "default": "./dist/default/extensions/*/index.js"
+    },
+    "./media/mux-video/hls-js": {
+      "types": "./dist/dev/media/mux-video/hls-js.d.ts",
+      "development": "./dist/dev/media/mux-video/hls-js.js",
+      "default": "./dist/default/media/mux-video/hls-js.js"
+    },
+    "./media/mux-video/spf": {
+      "types": "./dist/dev/media/mux-video/spf.d.ts",
+      "development": "./dist/dev/media/mux-video/spf.js",
+      "default": "./dist/default/media/mux-video/spf.js"
+    },
+    "./media/mux-audio/hls-js": {
+      "types": "./dist/dev/media/mux-audio/hls-js.d.ts",
+      "development": "./dist/dev/media/mux-audio/hls-js.js",
+      "default": "./dist/default/media/mux-audio/hls-js.js"
+    },
+    "./media/mux-audio/spf": {
+      "types": "./dist/dev/media/mux-audio/spf.d.ts",
+      "development": "./dist/dev/media/mux-audio/spf.js",
+      "default": "./dist/default/media/mux-audio/spf.js"
+    },
     "./media/*": {
       "types": "./dist/dev/media/*/index.d.ts",
       "development": "./dist/dev/media/*/index.js",
@@ -59,46 +111,144 @@
       "types": "./dist/dev/presets/background/*.d.ts",
       "development": "./dist/dev/presets/background/*.js",
       "default": "./dist/default/presets/background/*.js"
+    },
+    "./live-video": {
+      "types": "./dist/dev/presets/live-video/index.d.ts",
+      "development": "./dist/dev/presets/live-video/index.js",
+      "default": "./dist/default/presets/live-video/index.js"
+    },
+    "./live-video/*.css": "./dist/default/presets/live-video/*.css",
+    "./live-video/*": {
+      "types": "./dist/dev/presets/live-video/*.d.ts",
+      "development": "./dist/dev/presets/live-video/*.js",
+      "default": "./dist/default/presets/live-video/*.js"
+    },
+    "./live-audio": {
+      "types": "./dist/dev/presets/live-audio/index.d.ts",
+      "development": "./dist/dev/presets/live-audio/index.js",
+      "default": "./dist/default/presets/live-audio/index.js"
+    },
+    "./live-audio/*.css": "./dist/default/presets/live-audio/*.css",
+    "./live-audio/*": {
+      "types": "./dist/dev/presets/live-audio/*.d.ts",
+      "development": "./dist/dev/presets/live-audio/*.js",
+      "default": "./dist/default/presets/live-audio/*.js"
+    },
+    "./i18n": {
+      "types": "./dist/dev/i18n/index.d.ts",
+      "development": "./dist/dev/i18n/index.js",
+      "default": "./dist/default/i18n/index.js"
+    },
+    "./i18n/locales/*": {
+      "types": "./dist/dev/i18n/locales/*.d.ts",
+      "development": "./dist/dev/i18n/locales/*.js",
+      "default": "./dist/default/i18n/locales/*.js"
     }
   },
-  "peerDependencies": {
-    "react": ">=16.8.0"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
-    "@videojs/spf": "10.0.0-beta.9",
-    "@videojs/core": "10.0.0-beta.9",
-    "@videojs/utils": "10.0.0-beta.9",
-    "@videojs/store": "10.0.0-beta.9"
+    "@videojs/core": "10.0.0-rc.2",
+    "@videojs/media": "10.0.0-rc.2",
+    "@videojs/native-hls-video": "10.0.0-rc.2",
+    "@videojs/spf": "10.0.0-rc.2",
+    "@videojs/store": "10.0.0-rc.2",
+    "@videojs/utils": "10.0.0-rc.2"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.17",
+    "@videojs/cloudflare-video": "10.0.0-rc.2",
+    "@videojs/dash-video": "10.0.0-rc.2",
+    "@videojs/google-cast": "10.0.0-rc.2",
+    "@videojs/hlsjs-video": "10.0.0-rc.2",
+    "@videojs/icons": "10.0.0-rc.2",
+    "@videojs/mux-audio": "10.0.0-rc.2",
+    "@videojs/mux-data": "10.0.0-rc.2",
+    "@videojs/mux-video": "10.0.0-rc.2",
+    "@videojs/shaka-video": "10.0.0-rc.2",
+    "@videojs/spf": "10.0.0-rc.2",
+    "@videojs/spotify-audio": "10.0.0-rc.2",
+    "@videojs/tiktok-video": "10.0.0-rc.2",
+    "@videojs/twitch-video": "10.0.0-rc.2",
+    "@videojs/vimeo-video": "10.0.0-rc.2",
+    "@videojs/wistia-video": "10.0.0-rc.2",
+    "@videojs/youtube-video": "10.0.0-rc.2",
     "jsdom": "^26.1.0",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
-    "tsdown": "^0.20.3",
-    "typescript": "^5.9.3",
-    "vitest": "^3.2.4",
-    "@videojs/icons": "10.0.0-beta.9",
-    "@videojs/skins": "10.0.0-beta.9"
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "typescript": "6.0.2",
+    "vite-plus": "0.2.8",
+    "vitest": "4.1.10"
   },
-  "publishConfig": {
-    "access": "public"
+  "peerDependencies": {
+    "@videojs/cloudflare-video": "10.0.0-rc.2",
+    "@videojs/dash-video": "10.0.0-rc.2",
+    "@videojs/google-cast": "10.0.0-rc.2",
+    "@videojs/hlsjs-video": "10.0.0-rc.2",
+    "@videojs/mux-audio": "10.0.0-rc.2",
+    "@videojs/mux-data": "10.0.0-rc.2",
+    "@videojs/mux-video": "10.0.0-rc.2",
+    "@videojs/shaka-video": "10.0.0-rc.2",
+    "@videojs/spotify-audio": "10.0.0-rc.2",
+    "@videojs/tiktok-video": "10.0.0-rc.2",
+    "@videojs/twitch-video": "10.0.0-rc.2",
+    "@videojs/vimeo-video": "10.0.0-rc.2",
+    "@videojs/wistia-video": "10.0.0-rc.2",
+    "@videojs/youtube-video": "10.0.0-rc.2",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@videojs/cloudflare-video": {
+      "optional": true
+    },
+    "@videojs/dash-video": {
+      "optional": true
+    },
+    "@videojs/google-cast": {
+      "optional": true
+    },
+    "@videojs/hlsjs-video": {
+      "optional": true
+    },
+    "@videojs/mux-audio": {
+      "optional": true
+    },
+    "@videojs/mux-data": {
+      "optional": true
+    },
+    "@videojs/mux-video": {
+      "optional": true
+    },
+    "@videojs/shaka-video": {
+      "optional": true
+    },
+    "@videojs/spotify-audio": {
+      "optional": true
+    },
+    "@videojs/tiktok-video": {
+      "optional": true
+    },
+    "@videojs/twitch-video": {
+      "optional": true
+    },
+    "@videojs/vimeo-video": {
+      "optional": true
+    },
+    "@videojs/wistia-video": {
+      "optional": true
+    },
+    "@videojs/youtube-video": {
+      "optional": true
+    }
   },
-  "keywords": [
-    "media",
-    "player",
-    "react",
-    "components",
-    "hooks",
-    "videojs"
-  ],
   "scripts": {
-    "build": "tsdown",
-    "build:watch": "tsdown --watch ./src --no-clean",
+    "build:watch": "vp pack --watch ./src --no-clean",
     "dev": "pnpm build:watch",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "clean": "rm -rf dist types"
+    "test": "vp test run",
+    "test:watch": "vp test",
+    "clean": "rimraf --glob dist docs types '*.tsbuildinfo'"
   }
 }

package/dist/default/media/background-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/background-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\nexport const BackgroundVideo = forwardRef<HTMLVideoElement, BackgroundVideoProps>(function BackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const mediaRef = useCallback(\n    (el: HTMLVideoElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <video ref={composedRef} muted autoPlay loop playsInline disableRemotePlayback disablePictureInPicture {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace BackgroundVideo {\n  export type Props = BackgroundVideoProps;\n}\n"],"mappings":";;;;;;;;AAUA,MAAa,kBAAkB,WAAmD,SAAS,gBACzF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,gBAAgB;AAWjC,QACE,oBAAC;EAAM,KAHW,gBAAgB,KAPnB,aACd,OAAgC;AAC/B,cAAW,GAAG;KAEhB,CAAC,SAAS,CACX,CAEiD;EAGvB;EAAM;EAAS;EAAK;EAAY;EAAsB;EAAwB,GAAI;EACxG;GACK;EAEV"}

package/dist/default/media/dash-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/dash-video/index.tsx"],"sourcesContent":["import { DashMedia } from '@videojs/core/dom/media/dash';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef, useMemo } from 'react';\nimport { useMediaAttach } from '../../player/context';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useDestroy } from '../../utils/use-destroy';\n\nexport type DashVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(({ children, ...props }, ref) => {\n  const mediaApi = useMemo(() => new DashMedia(), []);\n  const setMedia = useMediaAttach();\n\n  useDestroy(mediaApi, () => {\n    setMedia?.(mediaApi);\n  });\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport default DashVideo;\n"],"mappings":";;;;;;;;;;AAWA,MAAa,YAAY,YAA8C,EAAE,UAAU,GAAG,SAAS,QAAQ;CACrG,MAAM,WAAW,cAAc,IAAI,WAAW,EAAE,EAAE,CAAC;CACnD,MAAM,WAAW,gBAAgB;AAEjC,YAAW,gBAAgB;AACzB,aAAW,SAAS;GACpB;AAIF,QACE,oBAAC;EAAM,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,MAAM;EACrD;GACK;EAEV"}

package/dist/default/media/hls-video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/hls-video/index.tsx"],"sourcesContent":["import { HlsMedia } from '@videojs/core/dom/media/hls';\nimport type { PropsWithChildren, VideoHTMLAttributes } from 'react';\nimport { forwardRef, useMemo } from 'react';\nimport { useMediaAttach } from '../../player/context';\nimport { attachMediaElement } from '../../utils/attach-media-element';\nimport { mediaProps } from '../../utils/media-props';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useDestroy } from '../../utils/use-destroy';\n\nexport type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(({ children, ...props }, ref) => {\n  const mediaApi = useMemo(() => new HlsMedia(), []);\n  const setMedia = useMediaAttach();\n\n  useDestroy(mediaApi, () => {\n    setMedia?.(mediaApi);\n  });\n\n  const composedRef = useComposedRefs(attachMediaElement(mediaApi), ref);\n\n  return (\n    <video ref={composedRef} {...mediaProps(mediaApi, props)}>\n      {children}\n    </video>\n  );\n});\n\nexport default HlsVideo;\n"],"mappings":";;;;;;;;;;AAWA,MAAa,WAAW,YAA6C,EAAE,UAAU,GAAG,SAAS,QAAQ;CACnG,MAAM,WAAW,cAAc,IAAI,UAAU,EAAE,EAAE,CAAC;CAClD,MAAM,WAAW,gBAAgB;AAEjC,YAAW,gBAAgB;AACzB,aAAW,SAAS;GACpB;AAIF,QACE,oBAAC;EAAM,KAHW,gBAAgB,mBAAmB,SAAS,EAAE,IAAI;EAG3C,GAAI,WAAW,UAAU,MAAM;EACrD;GACK;EAEV"}