[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-anthropic-ui-toolkitweb":3,"mdc-5zm5es-key":38,"related-org-anthropic-ui-toolkitweb":7436,"related-repo-anthropic-ui-toolkitweb":7617},{"slug":4,"name":5,"fn":6,"description":7,"org":8,"tags":13,"stars":27,"repoUrl":28,"updatedAt":29,"license":30,"forks":31,"topics":32,"repo":33,"sourceUrl":36,"mdContent":37},"ui-toolkitweb","ui-toolkit\u002Fweb","build web video with Zoom UI Toolkit","Reference skill for Zoom Video SDK UI Toolkit. Use after routing to a web video workflow when you want prebuilt React UI instead of building a fully custom Video SDK interface.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},"anthropic","Anthropic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fanthropic.png","anthropics",[14,18,21,24],{"name":15,"slug":16,"type":17},"React","react","tag",{"name":19,"slug":20,"type":17},"Zoom","zoom",{"name":22,"slug":23,"type":17},"UI Components","ui-components",{"name":25,"slug":26,"type":17},"Frontend","frontend",22885,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fknowledge-work-plugins","2026-04-10T04:56:59.75804",null,2736,[],{"repoUrl":28,"stars":27,"forks":31,"topics":34,"description":35},[],"Open source repository of plugins primarily intended for knowledge workers to use in Claude Cowork","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fknowledge-work-plugins\u002Ftree\u002FHEAD\u002Fpartner-built\u002Fzoom-plugin\u002Fskills\u002Fui-toolkit","---\nname: ui-toolkit\u002Fweb\ndescription: \"Reference skill for Zoom Video SDK UI Toolkit. Use after routing to a web video workflow when you want prebuilt React UI instead of building a fully custom Video SDK interface.\"\nuser-invocable: false\ntriggers:\n  - \"ui toolkit\"\n  - \"zoom ui\"\n  - \"prebuilt video ui\"\n  - \"video conferencing ui\"\n  - \"zoom video ui toolkit\"\n  - \"uitoolkit\"\n  - \"ready-made zoom ui\"\n---\n\n# Zoom Video SDK UI Toolkit\n\nBackground reference for the prebuilt Zoom Video SDK UI Toolkit on web. Prefer `choose-zoom-approach` first when the user might still need Meeting SDK instead.\n\n**Official Documentation**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002Fweb\u002Fui-toolkit\u002F\n**API Reference**: https:\u002F\u002Fmarketplacefront.zoom.us\u002Fsdk\u002Fuitoolkit\u002Fweb\u002F\n**NPM Package**: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@zoom\u002Fvideosdk-zoom-ui-toolkit\n**Live Demo**: https:\u002F\u002Fsdk.zoom.com\u002Fvideosdk-uitoolkit\n\n## Quick Links\n\n**New to UI Toolkit? Follow this path:**\n\n1. **Quick Start** - Get running in 5 minutes (see below)\n2. **JWT Authentication** - Server-side token generation (required)\n3. **Composite vs Components** - Choose your approach  \n4. **Framework Integration** - React, Vue, Angular, Next.js patterns\n5. **Integrated Index** - see the section below in this file\n\n**Having issues?**\n- Session not joining → Check JWT Authentication (most common issue)\n- React 18 peer dependency error → See Installation section\n- CSS not loading → See [Troubleshooting](troubleshooting\u002Fcommon-issues.md)\n- Components not showing → Check Component Lifecycle\n- Start with preflight checks → [5-Minute Runbook](RUNBOOK.md)\n\n## Overview\n\nThe Zoom Video SDK UI Toolkit is a **pre-built video UI library** that renders complete video conferencing experiences with minimal code. Unlike the raw Video SDK, the UI Toolkit provides:\n\n- ✅ **Ready-to-use UI** - Professional video interface out of the box\n- ✅ **Zero UI code** - No need to build video layouts, controls, or participant management\n- ✅ **Framework agnostic** - Works with React, Vue, Angular, Next.js, vanilla JS\n- ✅ **Highly customizable** - Choose which features to enable, customize themes\n- ✅ **Built-in features** - Chat, screen share, settings, virtual backgrounds included\n\n**When to use UI Toolkit:**\n- You want a complete video solution quickly\n- You need Zoom-like UI consistency\n- You don't want to build custom video UI\n- You need standard features (chat, share, participants)\n\n**When to use raw Video SDK instead:**\n- You need complete custom UI control\n- You're building a non-standard video experience\n- You need access to raw video\u002Faudio data\n- You want to build your own rendering pipeline\n\n## Installation\n\n```bash\nnpm install @zoom\u002Fvideosdk-zoom-ui-toolkit jsrsasign\nnpm install -D @types\u002Fjsrsasign\n```\n\n**Note**: React support depends on the UI Toolkit version. Check the package peer dependencies for your installed version (React 18 is commonly required).\n\n## Quick Start\n\n### Basic Usage (Vanilla JS)\n\n```javascript\nimport uitoolkit from \"@zoom\u002Fvideosdk-zoom-ui-toolkit\";\nimport \"@zoom\u002Fvideosdk-ui-toolkit\u002Fdist\u002Fvideosdk-zoom-ui-toolkit.css\";\n\nconst container = document.getElementById(\"sessionContainer\");\n\nconst config = {\n  videoSDKJWT: \"your_jwt_token\",\n  sessionName: \"my-session\",\n  userName: \"John Doe\",\n  sessionPasscode: \"\",\n  features: [\"video\", \"audio\", \"share\", \"chat\", \"users\", \"settings\"],\n};\n\nuitoolkit.joinSession(container, config);\n\nuitoolkit.onSessionJoined(() => {\n  console.log(\"Session joined\");\n});\n\nuitoolkit.onSessionClosed(() => {\n  console.log(\"Session closed\");\n});\n```\n\n### Next.js \u002F React Integration\n\n```typescript\n'use client';\n\nimport { useEffect, useRef } from 'react';\n\nexport default function VideoSession({ jwt, sessionName, userName }) {\n  const containerRef = useRef\u003CHTMLDivElement>(null);\n  const uitoolkitRef = useRef\u003Cany>(null);\n\n  useEffect(() => {\n    let isMounted = true;\n\n    const init = async () => {\n      const uitoolkitModule = await import('@zoom\u002Fvideosdk-zoom-ui-toolkit');\n      const uitoolkit = uitoolkitModule.default;\n      uitoolkitRef.current = uitoolkit;\n      \n      \u002F\u002F If TypeScript complains about CSS imports, configure your app to allow them\n      \u002F\u002F (for example via a global `declare module \\\"*.css\\\";`), or import the CSS from\n      \u002F\u002F a global entrypoint (Next.js layout\u002F_app) instead of inlining here.\n      await import('@zoom\u002Fvideosdk-ui-toolkit\u002Fdist\u002Fvideosdk-zoom-ui-toolkit.css');\n\n      if (!isMounted || !containerRef.current) return;\n\n      const config: any = {\n        videoSDKJWT: jwt,\n        sessionName: sessionName,\n        userName: userName,\n        sessionPasscode: '',\n        features: ['video', 'audio', 'share', 'chat', 'users', 'settings'],\n      };\n\n      uitoolkit.joinSession(containerRef.current, config);\n      uitoolkit.onSessionJoined(() => console.log('Joined'));\n      uitoolkit.onSessionClosed(() => console.log('Closed'));\n    };\n\n    init();\n\n    return () => {\n      isMounted = false;\n      if (uitoolkitRef.current && containerRef.current) {\n        try {\n          uitoolkitRef.current.closeSession(containerRef.current);\n        } catch (e) {}\n      }\n    };\n  }, [jwt, sessionName, userName]);\n\n  return \u003Cdiv ref={containerRef} style={{ width: '100%', height: '100vh' }} \u002F>;\n}\n```\n\n## Available Features\n\n| Feature | Description |\n|---------|-------------|\n| `video` | Enable video layout and send\u002Freceive video |\n| `audio` | Show audio button, send\u002Freceive audio |\n| `share` | Screen sharing |\n| `chat` | In-session messaging |\n| `users` | Participant list |\n| `settings` | Device selection, virtual background |\n| `preview` | Pre-join camera\u002Fmic preview |\n| `recording` | Cloud recording (paid plan) |\n| `leave` | Leave\u002Fend session button |\n\n## Troubleshooting\n\n- **[troubleshooting\u002Fcommon-issues.md](troubleshooting\u002Fcommon-issues.md)** - CSS, SSR, JWT\u002Fsession join, customization limits\n\n## JWT Token Generation (Server-Side)\n\n**Required**: Generate JWT tokens on your server, never expose SDK secret client-side.\n\n### Node.js \u002F Next.js API Route\n\n```typescript\nimport { NextRequest, NextResponse } from 'next\u002Fserver';\nimport { KJUR } from 'jsrsasign';\n\nconst ZOOM_VIDEO_SDK_KEY = process.env.ZOOM_VIDEO_SDK_KEY;\nconst ZOOM_VIDEO_SDK_SECRET = process.env.ZOOM_VIDEO_SDK_SECRET;\n\nexport async function POST(request: NextRequest) {\n  const { sessionName, role, userName } = await request.json();\n\n  if (!sessionName || role === undefined) {\n    return NextResponse.json({ error: 'Missing params' }, { status: 400 });\n  }\n\n  const iat = Math.floor(Date.now() \u002F 1000);\n  const exp = iat + 60 * 60 * 2; \u002F\u002F 2 hours\n\n  const oHeader = { alg: 'HS256', typ: 'JWT' };\n  const oPayload = {\n    app_key: ZOOM_VIDEO_SDK_KEY,\n    role_type: role, \u002F\u002F 0 = participant, 1 = host\n    tpc: sessionName,\n    version: 1,\n    iat,\n    exp,\n    user_identity: userName || 'User',\n  };\n\n  const signature = KJUR.jws.JWS.sign(\n    'HS256',\n    JSON.stringify(oHeader),\n    JSON.stringify(oPayload),\n    ZOOM_VIDEO_SDK_SECRET\n  );\n\n  return NextResponse.json({ signature });\n}\n```\n\n### JWT Payload Fields\n\n| Field | Required | Description |\n|-------|----------|-------------|\n| `app_key` | Yes | Your Video SDK Key |\n| `role_type` | Yes | 0 = participant, 1 = host |\n| `tpc` | Yes | Session\u002Ftopic name |\n| `version` | Yes | Always 1 |\n| `iat` | Yes | Issued at (Unix timestamp) |\n| `exp` | Yes | Expiration (Unix timestamp) |\n| `user_identity` | No | User identifier |\n\n## API Reference\n\n### Core Methods\n\n```javascript\nuitoolkit.joinSession(container, config);\nuitoolkit.closeSession(container);\n```\n\n### Event Listeners\n\n```javascript\nuitoolkit.onSessionJoined(callback);\nuitoolkit.onSessionClosed(callback);\nuitoolkit.offSessionJoined(callback);\nuitoolkit.offSessionClosed(callback);\n```\n\n### Component Methods\n\n```javascript\nuitoolkit.showChatComponent(container);\nuitoolkit.hideChatComponent(container);\nuitoolkit.showUsersComponent(container);\nuitoolkit.hideUsersComponent(container);\nuitoolkit.showControlsComponent(container);\nuitoolkit.hideControlsComponent(container);\nuitoolkit.showSettingsComponent(container);\nuitoolkit.hideSettingsComponent(container);\nuitoolkit.hideAllComponents();\n```\n\n## CDN Usage (No Build Step)\n\n```html\n\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fsource.zoom.us\u002Fuitoolkit\u002F2.3.5-1\u002Fvideosdk-zoom-ui-toolkit.css\" \u002F>\n\u003Cscript src=\"https:\u002F\u002Fsource.zoom.us\u002Fuitoolkit\u002F2.3.5-1\u002Fvideosdk-zoom-ui-toolkit.min.umd.js\">\u003C\u002Fscript>\n\n\u003Cdiv id=\"sessionContainer\">\u003C\u002Fdiv>\n\n\u003Cscript>\n  const uitoolkit = window.UIToolkit;\n  \n  uitoolkit.joinSession(document.getElementById('sessionContainer'), {\n    videoSDKJWT: 'your_jwt',\n    sessionName: 'my-session',\n    userName: 'User',\n    features: ['video', 'audio', 'chat']\n  });\n\u003C\u002Fscript>\n```\n\n## Next.js with basePath\n\nWhen deploying Next.js under a subpath:\n\n```typescript\n\u002F\u002F next.config.ts\nconst nextConfig = {\n  basePath: \"\u002Fyour-app-path\",\n  assetPrefix: \"\u002Fyour-app-path\",\n};\n```\n\nFetch API routes with full path:\n```typescript\nfetch('\u002Fyour-app-path\u002Fapi\u002Ftoken', { ... })\n```\n\n## Prerequisites\n\n1. **Zoom Video SDK credentials** from [Zoom Marketplace](https:\u002F\u002Fmarketplace.zoom.us\u002F)\n2. **React** version compatible with your installed UI Toolkit package (check peer deps; React 18 is common)\n3. **Server-side JWT generation** (never expose SDK secret)\n4. **Modern browser** with WebRTC support\n\n## Browser Support\n\n| Browser | Version |\n|---------|---------|\n| Chrome | 78+ |\n| Firefox | 76+ |\n| Safari | 14.1+ |\n| Edge | 79+ |\n\n## Common Issues\n\n| Issue | Solution |\n|-------|----------|\n| `peer react@\"^18.0.0\"` error | Use the React version required by the installed UI Toolkit package (check peer deps; React 18 is common) |\n| CSS import TypeScript error | Configure TS\u002FCSS handling (prefer a global `*.css` module declaration); avoid `@ts-ignore` except in throwaway demos |\n| Config type error | Type config as `any` |\n| API returns HTML not JSON | Check basePath in fetch URL |\n\n## Resources\n\n- **GitHub**: https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-web\n- **UI Toolkit Docs**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002Fweb\u002Fui-toolkit\u002F\n- **Auth Endpoint Sample**: https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-auth-endpoint-sample\n- **Marketplace**: https:\u002F\u002Fmarketplace.zoom.us\u002F\n\n---\n\n## Integrated Index\n\n_This section was migrated from `SKILL.md`._\n\nComplete navigation for all UI Toolkit documentation.\n\n## 📚 Start Here\n\nNew to the UI Toolkit? Follow this learning path:\n\n1. **[SKILL.md](SKILL.md)** - Main overview and quick start\n2. **[5-Minute Runbook](RUNBOOK.md)** - Preflight checks before deep debugging\n3. **Quick Start Guide** - Working code in 5 minutes (see skill.md)\n4. **JWT Authentication** - Server-side token generation (see skill.md)\n5. **Choose Your Mode** - Composite vs Components (see skill.md)\n\n## 🎯 Core Concepts\n\nUnderstanding how UI Toolkit works:\n\n- **Composite vs Components** - Two ways to use UI Toolkit (see skill.md)\n- **UI Toolkit Architecture** - How it wraps Video SDK internally\n- **Feature Configuration** - Understanding featuresOptions structure\n- **Session Lifecycle** - Join → Active → Leave\u002FClose → Destroy flow\n\n## 📖 Complete Guides\n\n### Getting Started\n- **Installation** - NPM install and React 18 setup (see skill.md)\n- **Quick Start - Composite** - Full UI in one container (see skill.md)\n- **Quick Start - Components** - Individual UI pieces (see skill.md)\n- **JWT Authentication** - Server-side token generation (see skill.md)\n\n### Framework Integration\n- **React Integration** - Hooks, useEffect patterns (see skill.md)\n- **Vue.js Integration** - Composition API and Options API (see skill.md)\n- **Angular Integration** - Component lifecycle (see skill.md)\n- **Next.js Integration** - App Router, Server Components (see skill.md)\n- **Vanilla JavaScript** - No framework usage (see skill.md)\n\n### Advanced Topics\n- **Component Lifecycle** - Mount, unmount, cleanup patterns\n- **Event Listeners** - React to session events\n- **Session Management** - Programmatic control\n- **Quality Statistics** - Monitor connection quality\n- **Custom Themes** - Theme customization\n- **Virtual Backgrounds** - Custom background images\n\n## 📚 API Reference\n\nComplete API documentation:\n\n- **Core Methods** (see skill.md)\n  - `joinSession()` - Start a video session\n  - `closeSession()` - End session and remove UI\n  - `destroy()` - Clean up UI Toolkit instance\n  - `leaveSession()` - Leave without destroying UI\n\n- **Component Methods** (see skill.md)\n  - `showControlsComponent()` - Display control bar\n  - `showChatComponent()` - Display chat panel\n  - `showUsersComponent()` - Display participants list\n  - `showSettingsComponent()` - Display settings panel\n  - `hideAllComponents()` - Hide all components\n\n- **Event Listeners** (see skill.md)\n  - `onSessionJoined()` - Session joined successfully\n  - `onSessionClosed()` - Session ended\n  - `onSessionDestroyed()` - UI Toolkit destroyed\n  - `onViewTypeChange()` - View mode changed\n  - `on()` - Subscribe to Video SDK events\n  - `off()` - Unsubscribe from events\n\n- **Information Methods** (see skill.md)\n  - `getSessionInfo()` - Get session details\n  - `getCurrentUserInfo()` - Get current user\n  - `getAllUser()` - Get all participants\n  - `getClient()` - Get underlying Video SDK client\n  - `version()` - Get version info\n\n- **Control Methods** (see skill.md)\n  - `changeViewType()` - Switch view mode\n  - `mirrorVideo()` - Mirror self video\n  - `isSupportCustomLayout()` - Check device support\n\n- **Statistics Methods** (see skill.md)\n  - `subscribeAudioStatisticData()` - Audio quality stats\n  - `subscribeVideoStatisticData()` - Video quality stats\n  - `subscribeShareStatisticData()` - Share quality stats\n\n## 🔧 Configuration\n\n- **Feature Configuration** (see skill.md)\n  - `featuresOptions` structure\n  - Audio\u002FVideo options\n  - Chat, Users, Settings\n  - Virtual Background\n  - Recording, Captions (paid features)\n  - Theme customization\n  - View modes\n\n- **Session Configuration** (see skill.md)\n  - Required: `videoSDKJWT`, `sessionName`, `userName`\n  - Optional: `sessionPasscode`, `sessionIdleTimeoutMins`\n  - Debug mode\n  - Web endpoint\n  - Language settings\n\n## ⚠️ Troubleshooting\n\n### Common Issues\n- React 18 peer dependency error\n- JWT token invalid\n- CSS not loading\n- Components not showing\n- Session join failures\n\nSee: **[troubleshooting\u002Fcommon-issues.md](troubleshooting\u002Fcommon-issues.md)**\n\n### Framework-Specific Issues\n- React: SSR, hydration, cleanup\n- Vue: Reactivity, lifecycle\n- Angular: Module imports, AOT\n- Next.js: App Router, basePath\n\n### Session Issues\n- Authentication failures\n- Connection problems\n- Video\u002Faudio not working\n- Screen share issues\n\n## 📦 Sample Applications\n\n**Official Repositories**:\n\n| Framework | Repository | Key Features |\n|-----------|------------|--------------|\n| React | [videosdk-zoom-ui-toolkit-react-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-react-sample) | Hooks, TypeScript |\n| Vue.js | [videosdk-zoom-ui-toolkit-vuejs-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-vuejs-sample) | Composition API |\n| Angular | [videosdk-zoom-ui-toolkit-angular-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-angular-sample) | Services, Guards |\n| JavaScript | [videosdk-zoom-ui-toolkit-javascript-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-javascript-sample) | Vanilla JS |\n| Auth Endpoint | [videosdk-auth-endpoint-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-auth-endpoint-sample) | Node.js JWT |\n\n## 🌐 External Resources\n\n- **Official Documentation**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002Fweb\u002Fui-toolkit\u002F\n- **API Reference**: https:\u002F\u002Fmarketplacefront.zoom.us\u002Fsdk\u002Fuitoolkit\u002Fweb\u002F\n- **NPM Package**: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@zoom\u002Fvideosdk-zoom-ui-toolkit\n- **Marketplace**: https:\u002F\u002Fmarketplace.zoom.us\u002F\n- **Developer Forum**: https:\u002F\u002Fdevforum.zoom.us\u002F\n- **Live Demo**: https:\u002F\u002Fsdk.zoom.com\u002Fvideosdk-uitoolkit\n- **Changelog**: https:\u002F\u002Fdevelopers.zoom.us\u002Fchangelog\u002Fui-toolkit\u002Fweb\u002F\n\n## 🎓 Learning Path\n\n### Beginner\n1. Read [SKILL.md](SKILL.md) overview\n2. Follow Quick Start - Composite\n3. Generate JWT on server\n4. Join your first session\n5. Explore available features\n\n### Intermediate\n1. Try Component Mode\n2. Add event listeners\n3. Customize theme\n4. Add virtual backgrounds\n5. Integrate with your framework\n\n### Advanced\n1. Access underlying Video SDK\n2. Subscribe to quality statistics\n3. Handle all edge cases\n4. Implement custom layouts\n5. Build production-ready app\n\n## 📋 Quick Reference Card\n\n### Minimal Working Example\n\n```javascript\nimport uitoolkit from \"@zoom\u002Fvideosdk-zoom-ui-toolkit\";\nimport \"@zoom\u002Fvideosdk-ui-toolkit\u002Fdist\u002Fvideosdk-zoom-ui-toolkit.css\";\n\nconst config = {\n  videoSDKJWT: \"YOUR_JWT\",\n  sessionName: \"test-session\",\n  userName: \"User\",\n  featuresOptions: {\n    video: { enable: true },\n    audio: { enable: true }\n  }\n};\n\nuitoolkit.joinSession(document.getElementById(\"container\"), config);\nuitoolkit.onSessionJoined(() => console.log(\"Joined\"));\nuitoolkit.onSessionClosed(() => uitoolkit.destroy());\n```\n\n### Must-Remember Rules\n\n1. ✅ **Always** generate JWT server-side\n2. ✅ **Always** call `destroy()` on cleanup\n3. ✅ **Always** use React 18 (not 17\u002F19)\n4. ✅ **Always** import CSS file\n5. ❌ **Never** expose SDK secret client-side\n6. ❌ **Never** skip `onSessionClosed` cleanup\n7. ❌ **Never** call components before `joinSession`\n\n## 📞 Support\n\n- **Developer Forum**: https:\u002F\u002Fdevforum.zoom.us\u002F\n- **Developer Support**: https:\u002F\u002Fdevelopers.zoom.us\u002Fsupport\u002F\n- **Premier Support**: https:\u002F\u002Fexplore.zoom.us\u002Fen\u002Fsupport-plans\u002Fdeveloper\u002F\n\n---\n\n**Navigation**: [← Back to SKILL.md](SKILL.md)\n\n## Environment Variables\n\n- See [references\u002Fenvironment-variables.md](references\u002Fenvironment-variables.md) for standardized `.env` keys and where to find each value.\n",{"data":39,"body":49},{"name":5,"description":7,"user-invocable":40,"triggers":41},false,[42,43,44,45,46,47,48],"ui toolkit","zoom ui","prebuilt video ui","video conferencing ui","zoom video ui toolkit","uitoolkit","ready-made zoom ui",{"type":50,"children":51},"root",[52,61,76,131,138,146,201,209,250,256,268,327,335,358,366,389,395,456,466,471,478,1149,1155,2628,2634,2809,2814,2829,2835,2845,2851,3919,3925,4099,4104,4110,4172,4178,4280,4286,4509,4515,4986,4992,4997,5096,5101,5155,5161,5210,5216,5290,5296,5396,5402,5463,5467,5472,5488,5493,5499,5504,5560,5566,5571,5613,5619,5625,5665,5670,5723,5729,5791,5796,5801,6160,6166,6291,6297,6302,6330,6342,6348,6371,6377,6400,6406,6415,6555,6561,6659,6665,6671,6705,6711,6739,6745,6773,6779,6785,7231,7237,7332,7338,7384,7387,7401,7407,7430],{"type":53,"tag":54,"props":55,"children":57},"element","h1",{"id":56},"zoom-video-sdk-ui-toolkit",[58],{"type":59,"value":60},"text","Zoom Video SDK UI Toolkit",{"type":53,"tag":62,"props":63,"children":64},"p",{},[65,67,74],{"type":59,"value":66},"Background reference for the prebuilt Zoom Video SDK UI Toolkit on web. Prefer ",{"type":53,"tag":68,"props":69,"children":71},"code",{"className":70},[],[72],{"type":59,"value":73},"choose-zoom-approach",{"type":59,"value":75}," first when the user might still need Meeting SDK instead.",{"type":53,"tag":62,"props":77,"children":78},{},[79,85,87,95,100,101,107,112,113,119,124,125],{"type":53,"tag":80,"props":81,"children":82},"strong",{},[83],{"type":59,"value":84},"Official Documentation",{"type":59,"value":86},": ",{"type":53,"tag":88,"props":89,"children":93},"a",{"href":90,"rel":91},"https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002Fweb\u002Fui-toolkit\u002F",[92],"nofollow",[94],{"type":59,"value":90},{"type":53,"tag":80,"props":96,"children":97},{},[98],{"type":59,"value":99},"API Reference",{"type":59,"value":86},{"type":53,"tag":88,"props":102,"children":105},{"href":103,"rel":104},"https:\u002F\u002Fmarketplacefront.zoom.us\u002Fsdk\u002Fuitoolkit\u002Fweb\u002F",[92],[106],{"type":59,"value":103},{"type":53,"tag":80,"props":108,"children":109},{},[110],{"type":59,"value":111},"NPM Package",{"type":59,"value":86},{"type":53,"tag":88,"props":114,"children":117},{"href":115,"rel":116},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@zoom\u002Fvideosdk-zoom-ui-toolkit",[92],[118],{"type":59,"value":115},{"type":53,"tag":80,"props":120,"children":121},{},[122],{"type":59,"value":123},"Live Demo",{"type":59,"value":86},{"type":53,"tag":88,"props":126,"children":129},{"href":127,"rel":128},"https:\u002F\u002Fsdk.zoom.com\u002Fvideosdk-uitoolkit",[92],[130],{"type":59,"value":127},{"type":53,"tag":132,"props":133,"children":135},"h2",{"id":134},"quick-links",[136],{"type":59,"value":137},"Quick Links",{"type":53,"tag":62,"props":139,"children":140},{},[141],{"type":53,"tag":80,"props":142,"children":143},{},[144],{"type":59,"value":145},"New to UI Toolkit? Follow this path:",{"type":53,"tag":147,"props":148,"children":149},"ol",{},[150,161,171,181,191],{"type":53,"tag":151,"props":152,"children":153},"li",{},[154,159],{"type":53,"tag":80,"props":155,"children":156},{},[157],{"type":59,"value":158},"Quick Start",{"type":59,"value":160}," - Get running in 5 minutes (see below)",{"type":53,"tag":151,"props":162,"children":163},{},[164,169],{"type":53,"tag":80,"props":165,"children":166},{},[167],{"type":59,"value":168},"JWT Authentication",{"type":59,"value":170}," - Server-side token generation (required)",{"type":53,"tag":151,"props":172,"children":173},{},[174,179],{"type":53,"tag":80,"props":175,"children":176},{},[177],{"type":59,"value":178},"Composite vs Components",{"type":59,"value":180}," - Choose your approach",{"type":53,"tag":151,"props":182,"children":183},{},[184,189],{"type":53,"tag":80,"props":185,"children":186},{},[187],{"type":59,"value":188},"Framework Integration",{"type":59,"value":190}," - React, Vue, Angular, Next.js patterns",{"type":53,"tag":151,"props":192,"children":193},{},[194,199],{"type":53,"tag":80,"props":195,"children":196},{},[197],{"type":59,"value":198},"Integrated Index",{"type":59,"value":200}," - see the section below in this file",{"type":53,"tag":62,"props":202,"children":203},{},[204],{"type":53,"tag":80,"props":205,"children":206},{},[207],{"type":59,"value":208},"Having issues?",{"type":53,"tag":210,"props":211,"children":212},"ul",{},[213,218,223,234,239],{"type":53,"tag":151,"props":214,"children":215},{},[216],{"type":59,"value":217},"Session not joining → Check JWT Authentication (most common issue)",{"type":53,"tag":151,"props":219,"children":220},{},[221],{"type":59,"value":222},"React 18 peer dependency error → See Installation section",{"type":53,"tag":151,"props":224,"children":225},{},[226,228],{"type":59,"value":227},"CSS not loading → See ",{"type":53,"tag":88,"props":229,"children":231},{"href":230},"troubleshooting\u002Fcommon-issues.md",[232],{"type":59,"value":233},"Troubleshooting",{"type":53,"tag":151,"props":235,"children":236},{},[237],{"type":59,"value":238},"Components not showing → Check Component Lifecycle",{"type":53,"tag":151,"props":240,"children":241},{},[242,244],{"type":59,"value":243},"Start with preflight checks → ",{"type":53,"tag":88,"props":245,"children":247},{"href":246},"RUNBOOK.md",[248],{"type":59,"value":249},"5-Minute Runbook",{"type":53,"tag":132,"props":251,"children":253},{"id":252},"overview",[254],{"type":59,"value":255},"Overview",{"type":53,"tag":62,"props":257,"children":258},{},[259,261,266],{"type":59,"value":260},"The Zoom Video SDK UI Toolkit is a ",{"type":53,"tag":80,"props":262,"children":263},{},[264],{"type":59,"value":265},"pre-built video UI library",{"type":59,"value":267}," that renders complete video conferencing experiences with minimal code. Unlike the raw Video SDK, the UI Toolkit provides:",{"type":53,"tag":210,"props":269,"children":270},{},[271,283,294,305,316],{"type":53,"tag":151,"props":272,"children":273},{},[274,276,281],{"type":59,"value":275},"✅ ",{"type":53,"tag":80,"props":277,"children":278},{},[279],{"type":59,"value":280},"Ready-to-use UI",{"type":59,"value":282}," - Professional video interface out of the box",{"type":53,"tag":151,"props":284,"children":285},{},[286,287,292],{"type":59,"value":275},{"type":53,"tag":80,"props":288,"children":289},{},[290],{"type":59,"value":291},"Zero UI code",{"type":59,"value":293}," - No need to build video layouts, controls, or participant management",{"type":53,"tag":151,"props":295,"children":296},{},[297,298,303],{"type":59,"value":275},{"type":53,"tag":80,"props":299,"children":300},{},[301],{"type":59,"value":302},"Framework agnostic",{"type":59,"value":304}," - Works with React, Vue, Angular, Next.js, vanilla JS",{"type":53,"tag":151,"props":306,"children":307},{},[308,309,314],{"type":59,"value":275},{"type":53,"tag":80,"props":310,"children":311},{},[312],{"type":59,"value":313},"Highly customizable",{"type":59,"value":315}," - Choose which features to enable, customize themes",{"type":53,"tag":151,"props":317,"children":318},{},[319,320,325],{"type":59,"value":275},{"type":53,"tag":80,"props":321,"children":322},{},[323],{"type":59,"value":324},"Built-in features",{"type":59,"value":326}," - Chat, screen share, settings, virtual backgrounds included",{"type":53,"tag":62,"props":328,"children":329},{},[330],{"type":53,"tag":80,"props":331,"children":332},{},[333],{"type":59,"value":334},"When to use UI Toolkit:",{"type":53,"tag":210,"props":336,"children":337},{},[338,343,348,353],{"type":53,"tag":151,"props":339,"children":340},{},[341],{"type":59,"value":342},"You want a complete video solution quickly",{"type":53,"tag":151,"props":344,"children":345},{},[346],{"type":59,"value":347},"You need Zoom-like UI consistency",{"type":53,"tag":151,"props":349,"children":350},{},[351],{"type":59,"value":352},"You don't want to build custom video UI",{"type":53,"tag":151,"props":354,"children":355},{},[356],{"type":59,"value":357},"You need standard features (chat, share, participants)",{"type":53,"tag":62,"props":359,"children":360},{},[361],{"type":53,"tag":80,"props":362,"children":363},{},[364],{"type":59,"value":365},"When to use raw Video SDK instead:",{"type":53,"tag":210,"props":367,"children":368},{},[369,374,379,384],{"type":53,"tag":151,"props":370,"children":371},{},[372],{"type":59,"value":373},"You need complete custom UI control",{"type":53,"tag":151,"props":375,"children":376},{},[377],{"type":59,"value":378},"You're building a non-standard video experience",{"type":53,"tag":151,"props":380,"children":381},{},[382],{"type":59,"value":383},"You need access to raw video\u002Faudio data",{"type":53,"tag":151,"props":385,"children":386},{},[387],{"type":59,"value":388},"You want to build your own rendering pipeline",{"type":53,"tag":132,"props":390,"children":392},{"id":391},"installation",[393],{"type":59,"value":394},"Installation",{"type":53,"tag":396,"props":397,"children":402},"pre",{"className":398,"code":399,"language":400,"meta":401,"style":401},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @zoom\u002Fvideosdk-zoom-ui-toolkit jsrsasign\nnpm install -D @types\u002Fjsrsasign\n","bash","",[403],{"type":53,"tag":68,"props":404,"children":405},{"__ignoreMap":401},[406,434],{"type":53,"tag":407,"props":408,"children":411},"span",{"class":409,"line":410},"line",1,[412,418,424,429],{"type":53,"tag":407,"props":413,"children":415},{"style":414},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[416],{"type":59,"value":417},"npm",{"type":53,"tag":407,"props":419,"children":421},{"style":420},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[422],{"type":59,"value":423}," install",{"type":53,"tag":407,"props":425,"children":426},{"style":420},[427],{"type":59,"value":428}," @zoom\u002Fvideosdk-zoom-ui-toolkit",{"type":53,"tag":407,"props":430,"children":431},{"style":420},[432],{"type":59,"value":433}," jsrsasign\n",{"type":53,"tag":407,"props":435,"children":437},{"class":409,"line":436},2,[438,442,446,451],{"type":53,"tag":407,"props":439,"children":440},{"style":414},[441],{"type":59,"value":417},{"type":53,"tag":407,"props":443,"children":444},{"style":420},[445],{"type":59,"value":423},{"type":53,"tag":407,"props":447,"children":448},{"style":420},[449],{"type":59,"value":450}," -D",{"type":53,"tag":407,"props":452,"children":453},{"style":420},[454],{"type":59,"value":455}," @types\u002Fjsrsasign\n",{"type":53,"tag":62,"props":457,"children":458},{},[459,464],{"type":53,"tag":80,"props":460,"children":461},{},[462],{"type":59,"value":463},"Note",{"type":59,"value":465},": React support depends on the UI Toolkit version. Check the package peer dependencies for your installed version (React 18 is commonly required).",{"type":53,"tag":132,"props":467,"children":469},{"id":468},"quick-start",[470],{"type":59,"value":158},{"type":53,"tag":472,"props":473,"children":475},"h3",{"id":474},"basic-usage-vanilla-js",[476],{"type":59,"value":477},"Basic Usage (Vanilla JS)",{"type":53,"tag":396,"props":479,"children":483},{"className":480,"code":481,"language":482,"meta":401,"style":401},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import uitoolkit from \"@zoom\u002Fvideosdk-zoom-ui-toolkit\";\nimport \"@zoom\u002Fvideosdk-ui-toolkit\u002Fdist\u002Fvideosdk-zoom-ui-toolkit.css\";\n\nconst container = document.getElementById(\"sessionContainer\");\n\nconst config = {\n  videoSDKJWT: \"your_jwt_token\",\n  sessionName: \"my-session\",\n  userName: \"John Doe\",\n  sessionPasscode: \"\",\n  features: [\"video\", \"audio\", \"share\", \"chat\", \"users\", \"settings\"],\n};\n\nuitoolkit.joinSession(container, config);\n\nuitoolkit.onSessionJoined(() => {\n  console.log(\"Session joined\");\n});\n\nuitoolkit.onSessionClosed(() => {\n  console.log(\"Session closed\");\n});\n","javascript",[484],{"type":53,"tag":68,"props":485,"children":486},{"__ignoreMap":401},[487,528,552,562,625,633,655,688,718,748,770,896,905,913,948,956,991,1034,1051,1059,1092,1133],{"type":53,"tag":407,"props":488,"children":489},{"class":409,"line":410},[490,496,502,507,513,518,523],{"type":53,"tag":407,"props":491,"children":493},{"style":492},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[494],{"type":59,"value":495},"import",{"type":53,"tag":407,"props":497,"children":499},{"style":498},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[500],{"type":59,"value":501}," uitoolkit ",{"type":53,"tag":407,"props":503,"children":504},{"style":492},[505],{"type":59,"value":506},"from",{"type":53,"tag":407,"props":508,"children":510},{"style":509},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[511],{"type":59,"value":512}," \"",{"type":53,"tag":407,"props":514,"children":515},{"style":420},[516],{"type":59,"value":517},"@zoom\u002Fvideosdk-zoom-ui-toolkit",{"type":53,"tag":407,"props":519,"children":520},{"style":509},[521],{"type":59,"value":522},"\"",{"type":53,"tag":407,"props":524,"children":525},{"style":509},[526],{"type":59,"value":527},";\n",{"type":53,"tag":407,"props":529,"children":530},{"class":409,"line":436},[531,535,539,544,548],{"type":53,"tag":407,"props":532,"children":533},{"style":492},[534],{"type":59,"value":495},{"type":53,"tag":407,"props":536,"children":537},{"style":509},[538],{"type":59,"value":512},{"type":53,"tag":407,"props":540,"children":541},{"style":420},[542],{"type":59,"value":543},"@zoom\u002Fvideosdk-ui-toolkit\u002Fdist\u002Fvideosdk-zoom-ui-toolkit.css",{"type":53,"tag":407,"props":545,"children":546},{"style":509},[547],{"type":59,"value":522},{"type":53,"tag":407,"props":549,"children":550},{"style":509},[551],{"type":59,"value":527},{"type":53,"tag":407,"props":553,"children":555},{"class":409,"line":554},3,[556],{"type":53,"tag":407,"props":557,"children":559},{"emptyLinePlaceholder":558},true,[560],{"type":59,"value":561},"\n",{"type":53,"tag":407,"props":563,"children":565},{"class":409,"line":564},4,[566,572,577,582,587,592,598,603,607,612,616,621],{"type":53,"tag":407,"props":567,"children":569},{"style":568},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[570],{"type":59,"value":571},"const",{"type":53,"tag":407,"props":573,"children":574},{"style":498},[575],{"type":59,"value":576}," container ",{"type":53,"tag":407,"props":578,"children":579},{"style":509},[580],{"type":59,"value":581},"=",{"type":53,"tag":407,"props":583,"children":584},{"style":498},[585],{"type":59,"value":586}," document",{"type":53,"tag":407,"props":588,"children":589},{"style":509},[590],{"type":59,"value":591},".",{"type":53,"tag":407,"props":593,"children":595},{"style":594},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[596],{"type":59,"value":597},"getElementById",{"type":53,"tag":407,"props":599,"children":600},{"style":498},[601],{"type":59,"value":602},"(",{"type":53,"tag":407,"props":604,"children":605},{"style":509},[606],{"type":59,"value":522},{"type":53,"tag":407,"props":608,"children":609},{"style":420},[610],{"type":59,"value":611},"sessionContainer",{"type":53,"tag":407,"props":613,"children":614},{"style":509},[615],{"type":59,"value":522},{"type":53,"tag":407,"props":617,"children":618},{"style":498},[619],{"type":59,"value":620},")",{"type":53,"tag":407,"props":622,"children":623},{"style":509},[624],{"type":59,"value":527},{"type":53,"tag":407,"props":626,"children":628},{"class":409,"line":627},5,[629],{"type":53,"tag":407,"props":630,"children":631},{"emptyLinePlaceholder":558},[632],{"type":59,"value":561},{"type":53,"tag":407,"props":634,"children":636},{"class":409,"line":635},6,[637,641,646,650],{"type":53,"tag":407,"props":638,"children":639},{"style":568},[640],{"type":59,"value":571},{"type":53,"tag":407,"props":642,"children":643},{"style":498},[644],{"type":59,"value":645}," config ",{"type":53,"tag":407,"props":647,"children":648},{"style":509},[649],{"type":59,"value":581},{"type":53,"tag":407,"props":651,"children":652},{"style":509},[653],{"type":59,"value":654}," {\n",{"type":53,"tag":407,"props":656,"children":658},{"class":409,"line":657},7,[659,665,670,674,679,683],{"type":53,"tag":407,"props":660,"children":662},{"style":661},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[663],{"type":59,"value":664},"  videoSDKJWT",{"type":53,"tag":407,"props":666,"children":667},{"style":509},[668],{"type":59,"value":669},":",{"type":53,"tag":407,"props":671,"children":672},{"style":509},[673],{"type":59,"value":512},{"type":53,"tag":407,"props":675,"children":676},{"style":420},[677],{"type":59,"value":678},"your_jwt_token",{"type":53,"tag":407,"props":680,"children":681},{"style":509},[682],{"type":59,"value":522},{"type":53,"tag":407,"props":684,"children":685},{"style":509},[686],{"type":59,"value":687},",\n",{"type":53,"tag":407,"props":689,"children":691},{"class":409,"line":690},8,[692,697,701,705,710,714],{"type":53,"tag":407,"props":693,"children":694},{"style":661},[695],{"type":59,"value":696},"  sessionName",{"type":53,"tag":407,"props":698,"children":699},{"style":509},[700],{"type":59,"value":669},{"type":53,"tag":407,"props":702,"children":703},{"style":509},[704],{"type":59,"value":512},{"type":53,"tag":407,"props":706,"children":707},{"style":420},[708],{"type":59,"value":709},"my-session",{"type":53,"tag":407,"props":711,"children":712},{"style":509},[713],{"type":59,"value":522},{"type":53,"tag":407,"props":715,"children":716},{"style":509},[717],{"type":59,"value":687},{"type":53,"tag":407,"props":719,"children":721},{"class":409,"line":720},9,[722,727,731,735,740,744],{"type":53,"tag":407,"props":723,"children":724},{"style":661},[725],{"type":59,"value":726},"  userName",{"type":53,"tag":407,"props":728,"children":729},{"style":509},[730],{"type":59,"value":669},{"type":53,"tag":407,"props":732,"children":733},{"style":509},[734],{"type":59,"value":512},{"type":53,"tag":407,"props":736,"children":737},{"style":420},[738],{"type":59,"value":739},"John Doe",{"type":53,"tag":407,"props":741,"children":742},{"style":509},[743],{"type":59,"value":522},{"type":53,"tag":407,"props":745,"children":746},{"style":509},[747],{"type":59,"value":687},{"type":53,"tag":407,"props":749,"children":751},{"class":409,"line":750},10,[752,757,761,766],{"type":53,"tag":407,"props":753,"children":754},{"style":661},[755],{"type":59,"value":756},"  sessionPasscode",{"type":53,"tag":407,"props":758,"children":759},{"style":509},[760],{"type":59,"value":669},{"type":53,"tag":407,"props":762,"children":763},{"style":509},[764],{"type":59,"value":765}," \"\"",{"type":53,"tag":407,"props":767,"children":768},{"style":509},[769],{"type":59,"value":687},{"type":53,"tag":407,"props":771,"children":773},{"class":409,"line":772},11,[774,779,783,788,792,797,801,806,810,815,819,823,827,832,836,840,844,849,853,857,861,866,870,874,878,883,887,892],{"type":53,"tag":407,"props":775,"children":776},{"style":661},[777],{"type":59,"value":778},"  features",{"type":53,"tag":407,"props":780,"children":781},{"style":509},[782],{"type":59,"value":669},{"type":53,"tag":407,"props":784,"children":785},{"style":498},[786],{"type":59,"value":787}," [",{"type":53,"tag":407,"props":789,"children":790},{"style":509},[791],{"type":59,"value":522},{"type":53,"tag":407,"props":793,"children":794},{"style":420},[795],{"type":59,"value":796},"video",{"type":53,"tag":407,"props":798,"children":799},{"style":509},[800],{"type":59,"value":522},{"type":53,"tag":407,"props":802,"children":803},{"style":509},[804],{"type":59,"value":805},",",{"type":53,"tag":407,"props":807,"children":808},{"style":509},[809],{"type":59,"value":512},{"type":53,"tag":407,"props":811,"children":812},{"style":420},[813],{"type":59,"value":814},"audio",{"type":53,"tag":407,"props":816,"children":817},{"style":509},[818],{"type":59,"value":522},{"type":53,"tag":407,"props":820,"children":821},{"style":509},[822],{"type":59,"value":805},{"type":53,"tag":407,"props":824,"children":825},{"style":509},[826],{"type":59,"value":512},{"type":53,"tag":407,"props":828,"children":829},{"style":420},[830],{"type":59,"value":831},"share",{"type":53,"tag":407,"props":833,"children":834},{"style":509},[835],{"type":59,"value":522},{"type":53,"tag":407,"props":837,"children":838},{"style":509},[839],{"type":59,"value":805},{"type":53,"tag":407,"props":841,"children":842},{"style":509},[843],{"type":59,"value":512},{"type":53,"tag":407,"props":845,"children":846},{"style":420},[847],{"type":59,"value":848},"chat",{"type":53,"tag":407,"props":850,"children":851},{"style":509},[852],{"type":59,"value":522},{"type":53,"tag":407,"props":854,"children":855},{"style":509},[856],{"type":59,"value":805},{"type":53,"tag":407,"props":858,"children":859},{"style":509},[860],{"type":59,"value":512},{"type":53,"tag":407,"props":862,"children":863},{"style":420},[864],{"type":59,"value":865},"users",{"type":53,"tag":407,"props":867,"children":868},{"style":509},[869],{"type":59,"value":522},{"type":53,"tag":407,"props":871,"children":872},{"style":509},[873],{"type":59,"value":805},{"type":53,"tag":407,"props":875,"children":876},{"style":509},[877],{"type":59,"value":512},{"type":53,"tag":407,"props":879,"children":880},{"style":420},[881],{"type":59,"value":882},"settings",{"type":53,"tag":407,"props":884,"children":885},{"style":509},[886],{"type":59,"value":522},{"type":53,"tag":407,"props":888,"children":889},{"style":498},[890],{"type":59,"value":891},"]",{"type":53,"tag":407,"props":893,"children":894},{"style":509},[895],{"type":59,"value":687},{"type":53,"tag":407,"props":897,"children":899},{"class":409,"line":898},12,[900],{"type":53,"tag":407,"props":901,"children":902},{"style":509},[903],{"type":59,"value":904},"};\n",{"type":53,"tag":407,"props":906,"children":908},{"class":409,"line":907},13,[909],{"type":53,"tag":407,"props":910,"children":911},{"emptyLinePlaceholder":558},[912],{"type":59,"value":561},{"type":53,"tag":407,"props":914,"children":916},{"class":409,"line":915},14,[917,921,925,930,935,939,944],{"type":53,"tag":407,"props":918,"children":919},{"style":498},[920],{"type":59,"value":47},{"type":53,"tag":407,"props":922,"children":923},{"style":509},[924],{"type":59,"value":591},{"type":53,"tag":407,"props":926,"children":927},{"style":594},[928],{"type":59,"value":929},"joinSession",{"type":53,"tag":407,"props":931,"children":932},{"style":498},[933],{"type":59,"value":934},"(container",{"type":53,"tag":407,"props":936,"children":937},{"style":509},[938],{"type":59,"value":805},{"type":53,"tag":407,"props":940,"children":941},{"style":498},[942],{"type":59,"value":943}," config)",{"type":53,"tag":407,"props":945,"children":946},{"style":509},[947],{"type":59,"value":527},{"type":53,"tag":407,"props":949,"children":951},{"class":409,"line":950},15,[952],{"type":53,"tag":407,"props":953,"children":954},{"emptyLinePlaceholder":558},[955],{"type":59,"value":561},{"type":53,"tag":407,"props":957,"children":959},{"class":409,"line":958},16,[960,964,968,973,977,982,987],{"type":53,"tag":407,"props":961,"children":962},{"style":498},[963],{"type":59,"value":47},{"type":53,"tag":407,"props":965,"children":966},{"style":509},[967],{"type":59,"value":591},{"type":53,"tag":407,"props":969,"children":970},{"style":594},[971],{"type":59,"value":972},"onSessionJoined",{"type":53,"tag":407,"props":974,"children":975},{"style":498},[976],{"type":59,"value":602},{"type":53,"tag":407,"props":978,"children":979},{"style":509},[980],{"type":59,"value":981},"()",{"type":53,"tag":407,"props":983,"children":984},{"style":568},[985],{"type":59,"value":986}," =>",{"type":53,"tag":407,"props":988,"children":989},{"style":509},[990],{"type":59,"value":654},{"type":53,"tag":407,"props":992,"children":994},{"class":409,"line":993},17,[995,1000,1004,1009,1013,1017,1022,1026,1030],{"type":53,"tag":407,"props":996,"children":997},{"style":498},[998],{"type":59,"value":999},"  console",{"type":53,"tag":407,"props":1001,"children":1002},{"style":509},[1003],{"type":59,"value":591},{"type":53,"tag":407,"props":1005,"children":1006},{"style":594},[1007],{"type":59,"value":1008},"log",{"type":53,"tag":407,"props":1010,"children":1011},{"style":661},[1012],{"type":59,"value":602},{"type":53,"tag":407,"props":1014,"children":1015},{"style":509},[1016],{"type":59,"value":522},{"type":53,"tag":407,"props":1018,"children":1019},{"style":420},[1020],{"type":59,"value":1021},"Session joined",{"type":53,"tag":407,"props":1023,"children":1024},{"style":509},[1025],{"type":59,"value":522},{"type":53,"tag":407,"props":1027,"children":1028},{"style":661},[1029],{"type":59,"value":620},{"type":53,"tag":407,"props":1031,"children":1032},{"style":509},[1033],{"type":59,"value":527},{"type":53,"tag":407,"props":1035,"children":1037},{"class":409,"line":1036},18,[1038,1043,1047],{"type":53,"tag":407,"props":1039,"children":1040},{"style":509},[1041],{"type":59,"value":1042},"}",{"type":53,"tag":407,"props":1044,"children":1045},{"style":498},[1046],{"type":59,"value":620},{"type":53,"tag":407,"props":1048,"children":1049},{"style":509},[1050],{"type":59,"value":527},{"type":53,"tag":407,"props":1052,"children":1054},{"class":409,"line":1053},19,[1055],{"type":53,"tag":407,"props":1056,"children":1057},{"emptyLinePlaceholder":558},[1058],{"type":59,"value":561},{"type":53,"tag":407,"props":1060,"children":1062},{"class":409,"line":1061},20,[1063,1067,1071,1076,1080,1084,1088],{"type":53,"tag":407,"props":1064,"children":1065},{"style":498},[1066],{"type":59,"value":47},{"type":53,"tag":407,"props":1068,"children":1069},{"style":509},[1070],{"type":59,"value":591},{"type":53,"tag":407,"props":1072,"children":1073},{"style":594},[1074],{"type":59,"value":1075},"onSessionClosed",{"type":53,"tag":407,"props":1077,"children":1078},{"style":498},[1079],{"type":59,"value":602},{"type":53,"tag":407,"props":1081,"children":1082},{"style":509},[1083],{"type":59,"value":981},{"type":53,"tag":407,"props":1085,"children":1086},{"style":568},[1087],{"type":59,"value":986},{"type":53,"tag":407,"props":1089,"children":1090},{"style":509},[1091],{"type":59,"value":654},{"type":53,"tag":407,"props":1093,"children":1095},{"class":409,"line":1094},21,[1096,1100,1104,1108,1112,1116,1121,1125,1129],{"type":53,"tag":407,"props":1097,"children":1098},{"style":498},[1099],{"type":59,"value":999},{"type":53,"tag":407,"props":1101,"children":1102},{"style":509},[1103],{"type":59,"value":591},{"type":53,"tag":407,"props":1105,"children":1106},{"style":594},[1107],{"type":59,"value":1008},{"type":53,"tag":407,"props":1109,"children":1110},{"style":661},[1111],{"type":59,"value":602},{"type":53,"tag":407,"props":1113,"children":1114},{"style":509},[1115],{"type":59,"value":522},{"type":53,"tag":407,"props":1117,"children":1118},{"style":420},[1119],{"type":59,"value":1120},"Session closed",{"type":53,"tag":407,"props":1122,"children":1123},{"style":509},[1124],{"type":59,"value":522},{"type":53,"tag":407,"props":1126,"children":1127},{"style":661},[1128],{"type":59,"value":620},{"type":53,"tag":407,"props":1130,"children":1131},{"style":509},[1132],{"type":59,"value":527},{"type":53,"tag":407,"props":1134,"children":1136},{"class":409,"line":1135},22,[1137,1141,1145],{"type":53,"tag":407,"props":1138,"children":1139},{"style":509},[1140],{"type":59,"value":1042},{"type":53,"tag":407,"props":1142,"children":1143},{"style":498},[1144],{"type":59,"value":620},{"type":53,"tag":407,"props":1146,"children":1147},{"style":509},[1148],{"type":59,"value":527},{"type":53,"tag":472,"props":1150,"children":1152},{"id":1151},"nextjs-react-integration",[1153],{"type":59,"value":1154},"Next.js \u002F React Integration",{"type":53,"tag":396,"props":1156,"children":1160},{"className":1157,"code":1158,"language":1159,"meta":401,"style":401},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","'use client';\n\nimport { useEffect, useRef } from 'react';\n\nexport default function VideoSession({ jwt, sessionName, userName }) {\n  const containerRef = useRef\u003CHTMLDivElement>(null);\n  const uitoolkitRef = useRef\u003Cany>(null);\n\n  useEffect(() => {\n    let isMounted = true;\n\n    const init = async () => {\n      const uitoolkitModule = await import('@zoom\u002Fvideosdk-zoom-ui-toolkit');\n      const uitoolkit = uitoolkitModule.default;\n      uitoolkitRef.current = uitoolkit;\n      \n      \u002F\u002F If TypeScript complains about CSS imports, configure your app to allow them\n      \u002F\u002F (for example via a global `declare module \\\"*.css\\\";`), or import the CSS from\n      \u002F\u002F a global entrypoint (Next.js layout\u002F_app) instead of inlining here.\n      await import('@zoom\u002Fvideosdk-ui-toolkit\u002Fdist\u002Fvideosdk-zoom-ui-toolkit.css');\n\n      if (!isMounted || !containerRef.current) return;\n\n      const config: any = {\n        videoSDKJWT: jwt,\n        sessionName: sessionName,\n        userName: userName,\n        sessionPasscode: '',\n        features: ['video', 'audio', 'share', 'chat', 'users', 'settings'],\n      };\n\n      uitoolkit.joinSession(containerRef.current, config);\n      uitoolkit.onSessionJoined(() => console.log('Joined'));\n      uitoolkit.onSessionClosed(() => console.log('Closed'));\n    };\n\n    init();\n\n    return () => {\n      isMounted = false;\n      if (uitoolkitRef.current && containerRef.current) {\n        try {\n          uitoolkitRef.current.closeSession(containerRef.current);\n        } catch (e) {}\n      }\n    };\n  }, [jwt, sessionName, userName]);\n\n  return \u003Cdiv ref={containerRef} style={{ width: '100%', height: '100vh' }} \u002F>;\n}\n","typescript",[1161],{"type":53,"tag":68,"props":1162,"children":1163},{"__ignoreMap":401},[1164,1185,1192,1245,1252,1313,1367,1416,1423,1447,1474,1481,1516,1567,1600,1629,1637,1646,1654,1662,1698,1705,1765,1773,1803,1824,1845,1866,1888,2005,2014,2022,2071,2138,2203,2212,2220,2237,2245,2266,2288,2339,2352,2402,2434,2443,2451,2494,2502,2619],{"type":53,"tag":407,"props":1165,"children":1166},{"class":409,"line":410},[1167,1172,1177,1181],{"type":53,"tag":407,"props":1168,"children":1169},{"style":509},[1170],{"type":59,"value":1171},"'",{"type":53,"tag":407,"props":1173,"children":1174},{"style":420},[1175],{"type":59,"value":1176},"use client",{"type":53,"tag":407,"props":1178,"children":1179},{"style":509},[1180],{"type":59,"value":1171},{"type":53,"tag":407,"props":1182,"children":1183},{"style":509},[1184],{"type":59,"value":527},{"type":53,"tag":407,"props":1186,"children":1187},{"class":409,"line":436},[1188],{"type":53,"tag":407,"props":1189,"children":1190},{"emptyLinePlaceholder":558},[1191],{"type":59,"value":561},{"type":53,"tag":407,"props":1193,"children":1194},{"class":409,"line":554},[1195,1199,1204,1209,1213,1218,1223,1228,1233,1237,1241],{"type":53,"tag":407,"props":1196,"children":1197},{"style":492},[1198],{"type":59,"value":495},{"type":53,"tag":407,"props":1200,"children":1201},{"style":509},[1202],{"type":59,"value":1203}," {",{"type":53,"tag":407,"props":1205,"children":1206},{"style":498},[1207],{"type":59,"value":1208}," useEffect",{"type":53,"tag":407,"props":1210,"children":1211},{"style":509},[1212],{"type":59,"value":805},{"type":53,"tag":407,"props":1214,"children":1215},{"style":498},[1216],{"type":59,"value":1217}," useRef",{"type":53,"tag":407,"props":1219,"children":1220},{"style":509},[1221],{"type":59,"value":1222}," }",{"type":53,"tag":407,"props":1224,"children":1225},{"style":492},[1226],{"type":59,"value":1227}," from",{"type":53,"tag":407,"props":1229,"children":1230},{"style":509},[1231],{"type":59,"value":1232}," '",{"type":53,"tag":407,"props":1234,"children":1235},{"style":420},[1236],{"type":59,"value":16},{"type":53,"tag":407,"props":1238,"children":1239},{"style":509},[1240],{"type":59,"value":1171},{"type":53,"tag":407,"props":1242,"children":1243},{"style":509},[1244],{"type":59,"value":527},{"type":53,"tag":407,"props":1246,"children":1247},{"class":409,"line":564},[1248],{"type":53,"tag":407,"props":1249,"children":1250},{"emptyLinePlaceholder":558},[1251],{"type":59,"value":561},{"type":53,"tag":407,"props":1253,"children":1254},{"class":409,"line":627},[1255,1260,1265,1270,1275,1280,1286,1290,1295,1299,1304,1309],{"type":53,"tag":407,"props":1256,"children":1257},{"style":492},[1258],{"type":59,"value":1259},"export",{"type":53,"tag":407,"props":1261,"children":1262},{"style":492},[1263],{"type":59,"value":1264}," default",{"type":53,"tag":407,"props":1266,"children":1267},{"style":568},[1268],{"type":59,"value":1269}," function",{"type":53,"tag":407,"props":1271,"children":1272},{"style":594},[1273],{"type":59,"value":1274}," VideoSession",{"type":53,"tag":407,"props":1276,"children":1277},{"style":509},[1278],{"type":59,"value":1279},"({",{"type":53,"tag":407,"props":1281,"children":1283},{"style":1282},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[1284],{"type":59,"value":1285}," jwt",{"type":53,"tag":407,"props":1287,"children":1288},{"style":509},[1289],{"type":59,"value":805},{"type":53,"tag":407,"props":1291,"children":1292},{"style":1282},[1293],{"type":59,"value":1294}," sessionName",{"type":53,"tag":407,"props":1296,"children":1297},{"style":509},[1298],{"type":59,"value":805},{"type":53,"tag":407,"props":1300,"children":1301},{"style":1282},[1302],{"type":59,"value":1303}," userName",{"type":53,"tag":407,"props":1305,"children":1306},{"style":509},[1307],{"type":59,"value":1308}," })",{"type":53,"tag":407,"props":1310,"children":1311},{"style":509},[1312],{"type":59,"value":654},{"type":53,"tag":407,"props":1314,"children":1315},{"class":409,"line":635},[1316,1321,1326,1331,1335,1340,1345,1350,1354,1359,1363],{"type":53,"tag":407,"props":1317,"children":1318},{"style":568},[1319],{"type":59,"value":1320},"  const",{"type":53,"tag":407,"props":1322,"children":1323},{"style":498},[1324],{"type":59,"value":1325}," containerRef",{"type":53,"tag":407,"props":1327,"children":1328},{"style":509},[1329],{"type":59,"value":1330}," =",{"type":53,"tag":407,"props":1332,"children":1333},{"style":594},[1334],{"type":59,"value":1217},{"type":53,"tag":407,"props":1336,"children":1337},{"style":509},[1338],{"type":59,"value":1339},"\u003C",{"type":53,"tag":407,"props":1341,"children":1342},{"style":414},[1343],{"type":59,"value":1344},"HTMLDivElement",{"type":53,"tag":407,"props":1346,"children":1347},{"style":509},[1348],{"type":59,"value":1349},">",{"type":53,"tag":407,"props":1351,"children":1352},{"style":661},[1353],{"type":59,"value":602},{"type":53,"tag":407,"props":1355,"children":1356},{"style":509},[1357],{"type":59,"value":1358},"null",{"type":53,"tag":407,"props":1360,"children":1361},{"style":661},[1362],{"type":59,"value":620},{"type":53,"tag":407,"props":1364,"children":1365},{"style":509},[1366],{"type":59,"value":527},{"type":53,"tag":407,"props":1368,"children":1369},{"class":409,"line":657},[1370,1374,1379,1383,1387,1391,1396,1400,1404,1408,1412],{"type":53,"tag":407,"props":1371,"children":1372},{"style":568},[1373],{"type":59,"value":1320},{"type":53,"tag":407,"props":1375,"children":1376},{"style":498},[1377],{"type":59,"value":1378}," uitoolkitRef",{"type":53,"tag":407,"props":1380,"children":1381},{"style":509},[1382],{"type":59,"value":1330},{"type":53,"tag":407,"props":1384,"children":1385},{"style":594},[1386],{"type":59,"value":1217},{"type":53,"tag":407,"props":1388,"children":1389},{"style":509},[1390],{"type":59,"value":1339},{"type":53,"tag":407,"props":1392,"children":1393},{"style":414},[1394],{"type":59,"value":1395},"any",{"type":53,"tag":407,"props":1397,"children":1398},{"style":509},[1399],{"type":59,"value":1349},{"type":53,"tag":407,"props":1401,"children":1402},{"style":661},[1403],{"type":59,"value":602},{"type":53,"tag":407,"props":1405,"children":1406},{"style":509},[1407],{"type":59,"value":1358},{"type":53,"tag":407,"props":1409,"children":1410},{"style":661},[1411],{"type":59,"value":620},{"type":53,"tag":407,"props":1413,"children":1414},{"style":509},[1415],{"type":59,"value":527},{"type":53,"tag":407,"props":1417,"children":1418},{"class":409,"line":690},[1419],{"type":53,"tag":407,"props":1420,"children":1421},{"emptyLinePlaceholder":558},[1422],{"type":59,"value":561},{"type":53,"tag":407,"props":1424,"children":1425},{"class":409,"line":720},[1426,1431,1435,1439,1443],{"type":53,"tag":407,"props":1427,"children":1428},{"style":594},[1429],{"type":59,"value":1430},"  useEffect",{"type":53,"tag":407,"props":1432,"children":1433},{"style":661},[1434],{"type":59,"value":602},{"type":53,"tag":407,"props":1436,"children":1437},{"style":509},[1438],{"type":59,"value":981},{"type":53,"tag":407,"props":1440,"children":1441},{"style":568},[1442],{"type":59,"value":986},{"type":53,"tag":407,"props":1444,"children":1445},{"style":509},[1446],{"type":59,"value":654},{"type":53,"tag":407,"props":1448,"children":1449},{"class":409,"line":750},[1450,1455,1460,1464,1470],{"type":53,"tag":407,"props":1451,"children":1452},{"style":568},[1453],{"type":59,"value":1454},"    let",{"type":53,"tag":407,"props":1456,"children":1457},{"style":498},[1458],{"type":59,"value":1459}," isMounted",{"type":53,"tag":407,"props":1461,"children":1462},{"style":509},[1463],{"type":59,"value":1330},{"type":53,"tag":407,"props":1465,"children":1467},{"style":1466},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1468],{"type":59,"value":1469}," true",{"type":53,"tag":407,"props":1471,"children":1472},{"style":509},[1473],{"type":59,"value":527},{"type":53,"tag":407,"props":1475,"children":1476},{"class":409,"line":772},[1477],{"type":53,"tag":407,"props":1478,"children":1479},{"emptyLinePlaceholder":558},[1480],{"type":59,"value":561},{"type":53,"tag":407,"props":1482,"children":1483},{"class":409,"line":898},[1484,1489,1494,1498,1503,1508,1512],{"type":53,"tag":407,"props":1485,"children":1486},{"style":568},[1487],{"type":59,"value":1488},"    const",{"type":53,"tag":407,"props":1490,"children":1491},{"style":498},[1492],{"type":59,"value":1493}," init",{"type":53,"tag":407,"props":1495,"children":1496},{"style":509},[1497],{"type":59,"value":1330},{"type":53,"tag":407,"props":1499,"children":1500},{"style":568},[1501],{"type":59,"value":1502}," async",{"type":53,"tag":407,"props":1504,"children":1505},{"style":509},[1506],{"type":59,"value":1507}," ()",{"type":53,"tag":407,"props":1509,"children":1510},{"style":568},[1511],{"type":59,"value":986},{"type":53,"tag":407,"props":1513,"children":1514},{"style":509},[1515],{"type":59,"value":654},{"type":53,"tag":407,"props":1517,"children":1518},{"class":409,"line":907},[1519,1524,1529,1533,1538,1543,1547,1551,1555,1559,1563],{"type":53,"tag":407,"props":1520,"children":1521},{"style":568},[1522],{"type":59,"value":1523},"      const",{"type":53,"tag":407,"props":1525,"children":1526},{"style":498},[1527],{"type":59,"value":1528}," uitoolkitModule",{"type":53,"tag":407,"props":1530,"children":1531},{"style":509},[1532],{"type":59,"value":1330},{"type":53,"tag":407,"props":1534,"children":1535},{"style":492},[1536],{"type":59,"value":1537}," await",{"type":53,"tag":407,"props":1539,"children":1540},{"style":509},[1541],{"type":59,"value":1542}," import",{"type":53,"tag":407,"props":1544,"children":1545},{"style":661},[1546],{"type":59,"value":602},{"type":53,"tag":407,"props":1548,"children":1549},{"style":509},[1550],{"type":59,"value":1171},{"type":53,"tag":407,"props":1552,"children":1553},{"style":420},[1554],{"type":59,"value":517},{"type":53,"tag":407,"props":1556,"children":1557},{"style":509},[1558],{"type":59,"value":1171},{"type":53,"tag":407,"props":1560,"children":1561},{"style":661},[1562],{"type":59,"value":620},{"type":53,"tag":407,"props":1564,"children":1565},{"style":509},[1566],{"type":59,"value":527},{"type":53,"tag":407,"props":1568,"children":1569},{"class":409,"line":915},[1570,1574,1579,1583,1587,1591,1596],{"type":53,"tag":407,"props":1571,"children":1572},{"style":568},[1573],{"type":59,"value":1523},{"type":53,"tag":407,"props":1575,"children":1576},{"style":498},[1577],{"type":59,"value":1578}," uitoolkit",{"type":53,"tag":407,"props":1580,"children":1581},{"style":509},[1582],{"type":59,"value":1330},{"type":53,"tag":407,"props":1584,"children":1585},{"style":498},[1586],{"type":59,"value":1528},{"type":53,"tag":407,"props":1588,"children":1589},{"style":509},[1590],{"type":59,"value":591},{"type":53,"tag":407,"props":1592,"children":1593},{"style":498},[1594],{"type":59,"value":1595},"default",{"type":53,"tag":407,"props":1597,"children":1598},{"style":509},[1599],{"type":59,"value":527},{"type":53,"tag":407,"props":1601,"children":1602},{"class":409,"line":950},[1603,1608,1612,1617,1621,1625],{"type":53,"tag":407,"props":1604,"children":1605},{"style":498},[1606],{"type":59,"value":1607},"      uitoolkitRef",{"type":53,"tag":407,"props":1609,"children":1610},{"style":509},[1611],{"type":59,"value":591},{"type":53,"tag":407,"props":1613,"children":1614},{"style":498},[1615],{"type":59,"value":1616},"current",{"type":53,"tag":407,"props":1618,"children":1619},{"style":509},[1620],{"type":59,"value":1330},{"type":53,"tag":407,"props":1622,"children":1623},{"style":498},[1624],{"type":59,"value":1578},{"type":53,"tag":407,"props":1626,"children":1627},{"style":509},[1628],{"type":59,"value":527},{"type":53,"tag":407,"props":1630,"children":1631},{"class":409,"line":958},[1632],{"type":53,"tag":407,"props":1633,"children":1634},{"style":661},[1635],{"type":59,"value":1636},"      \n",{"type":53,"tag":407,"props":1638,"children":1639},{"class":409,"line":993},[1640],{"type":53,"tag":407,"props":1641,"children":1643},{"style":1642},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1644],{"type":59,"value":1645},"      \u002F\u002F If TypeScript complains about CSS imports, configure your app to allow them\n",{"type":53,"tag":407,"props":1647,"children":1648},{"class":409,"line":1036},[1649],{"type":53,"tag":407,"props":1650,"children":1651},{"style":1642},[1652],{"type":59,"value":1653},"      \u002F\u002F (for example via a global `declare module \\\"*.css\\\";`), or import the CSS from\n",{"type":53,"tag":407,"props":1655,"children":1656},{"class":409,"line":1053},[1657],{"type":53,"tag":407,"props":1658,"children":1659},{"style":1642},[1660],{"type":59,"value":1661},"      \u002F\u002F a global entrypoint (Next.js layout\u002F_app) instead of inlining here.\n",{"type":53,"tag":407,"props":1663,"children":1664},{"class":409,"line":1061},[1665,1670,1674,1678,1682,1686,1690,1694],{"type":53,"tag":407,"props":1666,"children":1667},{"style":492},[1668],{"type":59,"value":1669},"      await",{"type":53,"tag":407,"props":1671,"children":1672},{"style":509},[1673],{"type":59,"value":1542},{"type":53,"tag":407,"props":1675,"children":1676},{"style":661},[1677],{"type":59,"value":602},{"type":53,"tag":407,"props":1679,"children":1680},{"style":509},[1681],{"type":59,"value":1171},{"type":53,"tag":407,"props":1683,"children":1684},{"style":420},[1685],{"type":59,"value":543},{"type":53,"tag":407,"props":1687,"children":1688},{"style":509},[1689],{"type":59,"value":1171},{"type":53,"tag":407,"props":1691,"children":1692},{"style":661},[1693],{"type":59,"value":620},{"type":53,"tag":407,"props":1695,"children":1696},{"style":509},[1697],{"type":59,"value":527},{"type":53,"tag":407,"props":1699,"children":1700},{"class":409,"line":1094},[1701],{"type":53,"tag":407,"props":1702,"children":1703},{"emptyLinePlaceholder":558},[1704],{"type":59,"value":561},{"type":53,"tag":407,"props":1706,"children":1707},{"class":409,"line":1135},[1708,1713,1718,1723,1728,1733,1738,1743,1747,1751,1756,1761],{"type":53,"tag":407,"props":1709,"children":1710},{"style":492},[1711],{"type":59,"value":1712},"      if",{"type":53,"tag":407,"props":1714,"children":1715},{"style":661},[1716],{"type":59,"value":1717}," (",{"type":53,"tag":407,"props":1719,"children":1720},{"style":509},[1721],{"type":59,"value":1722},"!",{"type":53,"tag":407,"props":1724,"children":1725},{"style":498},[1726],{"type":59,"value":1727},"isMounted",{"type":53,"tag":407,"props":1729,"children":1730},{"style":509},[1731],{"type":59,"value":1732}," ||",{"type":53,"tag":407,"props":1734,"children":1735},{"style":509},[1736],{"type":59,"value":1737}," !",{"type":53,"tag":407,"props":1739,"children":1740},{"style":498},[1741],{"type":59,"value":1742},"containerRef",{"type":53,"tag":407,"props":1744,"children":1745},{"style":509},[1746],{"type":59,"value":591},{"type":53,"tag":407,"props":1748,"children":1749},{"style":498},[1750],{"type":59,"value":1616},{"type":53,"tag":407,"props":1752,"children":1753},{"style":661},[1754],{"type":59,"value":1755},") ",{"type":53,"tag":407,"props":1757,"children":1758},{"style":492},[1759],{"type":59,"value":1760},"return",{"type":53,"tag":407,"props":1762,"children":1763},{"style":509},[1764],{"type":59,"value":527},{"type":53,"tag":407,"props":1766,"children":1768},{"class":409,"line":1767},23,[1769],{"type":53,"tag":407,"props":1770,"children":1771},{"emptyLinePlaceholder":558},[1772],{"type":59,"value":561},{"type":53,"tag":407,"props":1774,"children":1776},{"class":409,"line":1775},24,[1777,1781,1786,1790,1795,1799],{"type":53,"tag":407,"props":1778,"children":1779},{"style":568},[1780],{"type":59,"value":1523},{"type":53,"tag":407,"props":1782,"children":1783},{"style":498},[1784],{"type":59,"value":1785}," config",{"type":53,"tag":407,"props":1787,"children":1788},{"style":509},[1789],{"type":59,"value":669},{"type":53,"tag":407,"props":1791,"children":1792},{"style":414},[1793],{"type":59,"value":1794}," any",{"type":53,"tag":407,"props":1796,"children":1797},{"style":509},[1798],{"type":59,"value":1330},{"type":53,"tag":407,"props":1800,"children":1801},{"style":509},[1802],{"type":59,"value":654},{"type":53,"tag":407,"props":1804,"children":1806},{"class":409,"line":1805},25,[1807,1812,1816,1820],{"type":53,"tag":407,"props":1808,"children":1809},{"style":661},[1810],{"type":59,"value":1811},"        videoSDKJWT",{"type":53,"tag":407,"props":1813,"children":1814},{"style":509},[1815],{"type":59,"value":669},{"type":53,"tag":407,"props":1817,"children":1818},{"style":498},[1819],{"type":59,"value":1285},{"type":53,"tag":407,"props":1821,"children":1822},{"style":509},[1823],{"type":59,"value":687},{"type":53,"tag":407,"props":1825,"children":1827},{"class":409,"line":1826},26,[1828,1833,1837,1841],{"type":53,"tag":407,"props":1829,"children":1830},{"style":661},[1831],{"type":59,"value":1832},"        sessionName",{"type":53,"tag":407,"props":1834,"children":1835},{"style":509},[1836],{"type":59,"value":669},{"type":53,"tag":407,"props":1838,"children":1839},{"style":498},[1840],{"type":59,"value":1294},{"type":53,"tag":407,"props":1842,"children":1843},{"style":509},[1844],{"type":59,"value":687},{"type":53,"tag":407,"props":1846,"children":1848},{"class":409,"line":1847},27,[1849,1854,1858,1862],{"type":53,"tag":407,"props":1850,"children":1851},{"style":661},[1852],{"type":59,"value":1853},"        userName",{"type":53,"tag":407,"props":1855,"children":1856},{"style":509},[1857],{"type":59,"value":669},{"type":53,"tag":407,"props":1859,"children":1860},{"style":498},[1861],{"type":59,"value":1303},{"type":53,"tag":407,"props":1863,"children":1864},{"style":509},[1865],{"type":59,"value":687},{"type":53,"tag":407,"props":1867,"children":1869},{"class":409,"line":1868},28,[1870,1875,1879,1884],{"type":53,"tag":407,"props":1871,"children":1872},{"style":661},[1873],{"type":59,"value":1874},"        sessionPasscode",{"type":53,"tag":407,"props":1876,"children":1877},{"style":509},[1878],{"type":59,"value":669},{"type":53,"tag":407,"props":1880,"children":1881},{"style":509},[1882],{"type":59,"value":1883}," ''",{"type":53,"tag":407,"props":1885,"children":1886},{"style":509},[1887],{"type":59,"value":687},{"type":53,"tag":407,"props":1889,"children":1891},{"class":409,"line":1890},29,[1892,1897,1901,1905,1909,1913,1917,1921,1925,1929,1933,1937,1941,1945,1949,1953,1957,1961,1965,1969,1973,1977,1981,1985,1989,1993,1997,2001],{"type":53,"tag":407,"props":1893,"children":1894},{"style":661},[1895],{"type":59,"value":1896},"        features",{"type":53,"tag":407,"props":1898,"children":1899},{"style":509},[1900],{"type":59,"value":669},{"type":53,"tag":407,"props":1902,"children":1903},{"style":661},[1904],{"type":59,"value":787},{"type":53,"tag":407,"props":1906,"children":1907},{"style":509},[1908],{"type":59,"value":1171},{"type":53,"tag":407,"props":1910,"children":1911},{"style":420},[1912],{"type":59,"value":796},{"type":53,"tag":407,"props":1914,"children":1915},{"style":509},[1916],{"type":59,"value":1171},{"type":53,"tag":407,"props":1918,"children":1919},{"style":509},[1920],{"type":59,"value":805},{"type":53,"tag":407,"props":1922,"children":1923},{"style":509},[1924],{"type":59,"value":1232},{"type":53,"tag":407,"props":1926,"children":1927},{"style":420},[1928],{"type":59,"value":814},{"type":53,"tag":407,"props":1930,"children":1931},{"style":509},[1932],{"type":59,"value":1171},{"type":53,"tag":407,"props":1934,"children":1935},{"style":509},[1936],{"type":59,"value":805},{"type":53,"tag":407,"props":1938,"children":1939},{"style":509},[1940],{"type":59,"value":1232},{"type":53,"tag":407,"props":1942,"children":1943},{"style":420},[1944],{"type":59,"value":831},{"type":53,"tag":407,"props":1946,"children":1947},{"style":509},[1948],{"type":59,"value":1171},{"type":53,"tag":407,"props":1950,"children":1951},{"style":509},[1952],{"type":59,"value":805},{"type":53,"tag":407,"props":1954,"children":1955},{"style":509},[1956],{"type":59,"value":1232},{"type":53,"tag":407,"props":1958,"children":1959},{"style":420},[1960],{"type":59,"value":848},{"type":53,"tag":407,"props":1962,"children":1963},{"style":509},[1964],{"type":59,"value":1171},{"type":53,"tag":407,"props":1966,"children":1967},{"style":509},[1968],{"type":59,"value":805},{"type":53,"tag":407,"props":1970,"children":1971},{"style":509},[1972],{"type":59,"value":1232},{"type":53,"tag":407,"props":1974,"children":1975},{"style":420},[1976],{"type":59,"value":865},{"type":53,"tag":407,"props":1978,"children":1979},{"style":509},[1980],{"type":59,"value":1171},{"type":53,"tag":407,"props":1982,"children":1983},{"style":509},[1984],{"type":59,"value":805},{"type":53,"tag":407,"props":1986,"children":1987},{"style":509},[1988],{"type":59,"value":1232},{"type":53,"tag":407,"props":1990,"children":1991},{"style":420},[1992],{"type":59,"value":882},{"type":53,"tag":407,"props":1994,"children":1995},{"style":509},[1996],{"type":59,"value":1171},{"type":53,"tag":407,"props":1998,"children":1999},{"style":661},[2000],{"type":59,"value":891},{"type":53,"tag":407,"props":2002,"children":2003},{"style":509},[2004],{"type":59,"value":687},{"type":53,"tag":407,"props":2006,"children":2008},{"class":409,"line":2007},30,[2009],{"type":53,"tag":407,"props":2010,"children":2011},{"style":509},[2012],{"type":59,"value":2013},"      };\n",{"type":53,"tag":407,"props":2015,"children":2017},{"class":409,"line":2016},31,[2018],{"type":53,"tag":407,"props":2019,"children":2020},{"emptyLinePlaceholder":558},[2021],{"type":59,"value":561},{"type":53,"tag":407,"props":2023,"children":2025},{"class":409,"line":2024},32,[2026,2031,2035,2039,2043,2047,2051,2055,2059,2063,2067],{"type":53,"tag":407,"props":2027,"children":2028},{"style":498},[2029],{"type":59,"value":2030},"      uitoolkit",{"type":53,"tag":407,"props":2032,"children":2033},{"style":509},[2034],{"type":59,"value":591},{"type":53,"tag":407,"props":2036,"children":2037},{"style":594},[2038],{"type":59,"value":929},{"type":53,"tag":407,"props":2040,"children":2041},{"style":661},[2042],{"type":59,"value":602},{"type":53,"tag":407,"props":2044,"children":2045},{"style":498},[2046],{"type":59,"value":1742},{"type":53,"tag":407,"props":2048,"children":2049},{"style":509},[2050],{"type":59,"value":591},{"type":53,"tag":407,"props":2052,"children":2053},{"style":498},[2054],{"type":59,"value":1616},{"type":53,"tag":407,"props":2056,"children":2057},{"style":509},[2058],{"type":59,"value":805},{"type":53,"tag":407,"props":2060,"children":2061},{"style":498},[2062],{"type":59,"value":1785},{"type":53,"tag":407,"props":2064,"children":2065},{"style":661},[2066],{"type":59,"value":620},{"type":53,"tag":407,"props":2068,"children":2069},{"style":509},[2070],{"type":59,"value":527},{"type":53,"tag":407,"props":2072,"children":2074},{"class":409,"line":2073},33,[2075,2079,2083,2087,2091,2095,2099,2104,2108,2112,2116,2120,2125,2129,2134],{"type":53,"tag":407,"props":2076,"children":2077},{"style":498},[2078],{"type":59,"value":2030},{"type":53,"tag":407,"props":2080,"children":2081},{"style":509},[2082],{"type":59,"value":591},{"type":53,"tag":407,"props":2084,"children":2085},{"style":594},[2086],{"type":59,"value":972},{"type":53,"tag":407,"props":2088,"children":2089},{"style":661},[2090],{"type":59,"value":602},{"type":53,"tag":407,"props":2092,"children":2093},{"style":509},[2094],{"type":59,"value":981},{"type":53,"tag":407,"props":2096,"children":2097},{"style":568},[2098],{"type":59,"value":986},{"type":53,"tag":407,"props":2100,"children":2101},{"style":498},[2102],{"type":59,"value":2103}," console",{"type":53,"tag":407,"props":2105,"children":2106},{"style":509},[2107],{"type":59,"value":591},{"type":53,"tag":407,"props":2109,"children":2110},{"style":594},[2111],{"type":59,"value":1008},{"type":53,"tag":407,"props":2113,"children":2114},{"style":661},[2115],{"type":59,"value":602},{"type":53,"tag":407,"props":2117,"children":2118},{"style":509},[2119],{"type":59,"value":1171},{"type":53,"tag":407,"props":2121,"children":2122},{"style":420},[2123],{"type":59,"value":2124},"Joined",{"type":53,"tag":407,"props":2126,"children":2127},{"style":509},[2128],{"type":59,"value":1171},{"type":53,"tag":407,"props":2130,"children":2131},{"style":661},[2132],{"type":59,"value":2133},"))",{"type":53,"tag":407,"props":2135,"children":2136},{"style":509},[2137],{"type":59,"value":527},{"type":53,"tag":407,"props":2139,"children":2141},{"class":409,"line":2140},34,[2142,2146,2150,2154,2158,2162,2166,2170,2174,2178,2182,2186,2191,2195,2199],{"type":53,"tag":407,"props":2143,"children":2144},{"style":498},[2145],{"type":59,"value":2030},{"type":53,"tag":407,"props":2147,"children":2148},{"style":509},[2149],{"type":59,"value":591},{"type":53,"tag":407,"props":2151,"children":2152},{"style":594},[2153],{"type":59,"value":1075},{"type":53,"tag":407,"props":2155,"children":2156},{"style":661},[2157],{"type":59,"value":602},{"type":53,"tag":407,"props":2159,"children":2160},{"style":509},[2161],{"type":59,"value":981},{"type":53,"tag":407,"props":2163,"children":2164},{"style":568},[2165],{"type":59,"value":986},{"type":53,"tag":407,"props":2167,"children":2168},{"style":498},[2169],{"type":59,"value":2103},{"type":53,"tag":407,"props":2171,"children":2172},{"style":509},[2173],{"type":59,"value":591},{"type":53,"tag":407,"props":2175,"children":2176},{"style":594},[2177],{"type":59,"value":1008},{"type":53,"tag":407,"props":2179,"children":2180},{"style":661},[2181],{"type":59,"value":602},{"type":53,"tag":407,"props":2183,"children":2184},{"style":509},[2185],{"type":59,"value":1171},{"type":53,"tag":407,"props":2187,"children":2188},{"style":420},[2189],{"type":59,"value":2190},"Closed",{"type":53,"tag":407,"props":2192,"children":2193},{"style":509},[2194],{"type":59,"value":1171},{"type":53,"tag":407,"props":2196,"children":2197},{"style":661},[2198],{"type":59,"value":2133},{"type":53,"tag":407,"props":2200,"children":2201},{"style":509},[2202],{"type":59,"value":527},{"type":53,"tag":407,"props":2204,"children":2206},{"class":409,"line":2205},35,[2207],{"type":53,"tag":407,"props":2208,"children":2209},{"style":509},[2210],{"type":59,"value":2211},"    };\n",{"type":53,"tag":407,"props":2213,"children":2215},{"class":409,"line":2214},36,[2216],{"type":53,"tag":407,"props":2217,"children":2218},{"emptyLinePlaceholder":558},[2219],{"type":59,"value":561},{"type":53,"tag":407,"props":2221,"children":2223},{"class":409,"line":2222},37,[2224,2229,2233],{"type":53,"tag":407,"props":2225,"children":2226},{"style":594},[2227],{"type":59,"value":2228},"    init",{"type":53,"tag":407,"props":2230,"children":2231},{"style":661},[2232],{"type":59,"value":981},{"type":53,"tag":407,"props":2234,"children":2235},{"style":509},[2236],{"type":59,"value":527},{"type":53,"tag":407,"props":2238,"children":2240},{"class":409,"line":2239},38,[2241],{"type":53,"tag":407,"props":2242,"children":2243},{"emptyLinePlaceholder":558},[2244],{"type":59,"value":561},{"type":53,"tag":407,"props":2246,"children":2248},{"class":409,"line":2247},39,[2249,2254,2258,2262],{"type":53,"tag":407,"props":2250,"children":2251},{"style":492},[2252],{"type":59,"value":2253},"    return",{"type":53,"tag":407,"props":2255,"children":2256},{"style":509},[2257],{"type":59,"value":1507},{"type":53,"tag":407,"props":2259,"children":2260},{"style":568},[2261],{"type":59,"value":986},{"type":53,"tag":407,"props":2263,"children":2264},{"style":509},[2265],{"type":59,"value":654},{"type":53,"tag":407,"props":2267,"children":2269},{"class":409,"line":2268},40,[2270,2275,2279,2284],{"type":53,"tag":407,"props":2271,"children":2272},{"style":498},[2273],{"type":59,"value":2274},"      isMounted",{"type":53,"tag":407,"props":2276,"children":2277},{"style":509},[2278],{"type":59,"value":1330},{"type":53,"tag":407,"props":2280,"children":2281},{"style":1466},[2282],{"type":59,"value":2283}," false",{"type":53,"tag":407,"props":2285,"children":2286},{"style":509},[2287],{"type":59,"value":527},{"type":53,"tag":407,"props":2289,"children":2291},{"class":409,"line":2290},41,[2292,2296,2300,2305,2309,2313,2318,2322,2326,2330,2334],{"type":53,"tag":407,"props":2293,"children":2294},{"style":492},[2295],{"type":59,"value":1712},{"type":53,"tag":407,"props":2297,"children":2298},{"style":661},[2299],{"type":59,"value":1717},{"type":53,"tag":407,"props":2301,"children":2302},{"style":498},[2303],{"type":59,"value":2304},"uitoolkitRef",{"type":53,"tag":407,"props":2306,"children":2307},{"style":509},[2308],{"type":59,"value":591},{"type":53,"tag":407,"props":2310,"children":2311},{"style":498},[2312],{"type":59,"value":1616},{"type":53,"tag":407,"props":2314,"children":2315},{"style":509},[2316],{"type":59,"value":2317}," &&",{"type":53,"tag":407,"props":2319,"children":2320},{"style":498},[2321],{"type":59,"value":1325},{"type":53,"tag":407,"props":2323,"children":2324},{"style":509},[2325],{"type":59,"value":591},{"type":53,"tag":407,"props":2327,"children":2328},{"style":498},[2329],{"type":59,"value":1616},{"type":53,"tag":407,"props":2331,"children":2332},{"style":661},[2333],{"type":59,"value":1755},{"type":53,"tag":407,"props":2335,"children":2336},{"style":509},[2337],{"type":59,"value":2338},"{\n",{"type":53,"tag":407,"props":2340,"children":2342},{"class":409,"line":2341},42,[2343,2348],{"type":53,"tag":407,"props":2344,"children":2345},{"style":492},[2346],{"type":59,"value":2347},"        try",{"type":53,"tag":407,"props":2349,"children":2350},{"style":509},[2351],{"type":59,"value":654},{"type":53,"tag":407,"props":2353,"children":2355},{"class":409,"line":2354},43,[2356,2361,2365,2369,2373,2378,2382,2386,2390,2394,2398],{"type":53,"tag":407,"props":2357,"children":2358},{"style":498},[2359],{"type":59,"value":2360},"          uitoolkitRef",{"type":53,"tag":407,"props":2362,"children":2363},{"style":509},[2364],{"type":59,"value":591},{"type":53,"tag":407,"props":2366,"children":2367},{"style":498},[2368],{"type":59,"value":1616},{"type":53,"tag":407,"props":2370,"children":2371},{"style":509},[2372],{"type":59,"value":591},{"type":53,"tag":407,"props":2374,"children":2375},{"style":594},[2376],{"type":59,"value":2377},"closeSession",{"type":53,"tag":407,"props":2379,"children":2380},{"style":661},[2381],{"type":59,"value":602},{"type":53,"tag":407,"props":2383,"children":2384},{"style":498},[2385],{"type":59,"value":1742},{"type":53,"tag":407,"props":2387,"children":2388},{"style":509},[2389],{"type":59,"value":591},{"type":53,"tag":407,"props":2391,"children":2392},{"style":498},[2393],{"type":59,"value":1616},{"type":53,"tag":407,"props":2395,"children":2396},{"style":661},[2397],{"type":59,"value":620},{"type":53,"tag":407,"props":2399,"children":2400},{"style":509},[2401],{"type":59,"value":527},{"type":53,"tag":407,"props":2403,"children":2405},{"class":409,"line":2404},44,[2406,2411,2416,2420,2425,2429],{"type":53,"tag":407,"props":2407,"children":2408},{"style":509},[2409],{"type":59,"value":2410},"        }",{"type":53,"tag":407,"props":2412,"children":2413},{"style":492},[2414],{"type":59,"value":2415}," catch",{"type":53,"tag":407,"props":2417,"children":2418},{"style":661},[2419],{"type":59,"value":1717},{"type":53,"tag":407,"props":2421,"children":2422},{"style":498},[2423],{"type":59,"value":2424},"e",{"type":53,"tag":407,"props":2426,"children":2427},{"style":661},[2428],{"type":59,"value":1755},{"type":53,"tag":407,"props":2430,"children":2431},{"style":509},[2432],{"type":59,"value":2433},"{}\n",{"type":53,"tag":407,"props":2435,"children":2437},{"class":409,"line":2436},45,[2438],{"type":53,"tag":407,"props":2439,"children":2440},{"style":509},[2441],{"type":59,"value":2442},"      }\n",{"type":53,"tag":407,"props":2444,"children":2446},{"class":409,"line":2445},46,[2447],{"type":53,"tag":407,"props":2448,"children":2449},{"style":509},[2450],{"type":59,"value":2211},{"type":53,"tag":407,"props":2452,"children":2454},{"class":409,"line":2453},47,[2455,2460,2464,2469,2473,2477,2481,2485,2490],{"type":53,"tag":407,"props":2456,"children":2457},{"style":509},[2458],{"type":59,"value":2459},"  },",{"type":53,"tag":407,"props":2461,"children":2462},{"style":661},[2463],{"type":59,"value":787},{"type":53,"tag":407,"props":2465,"children":2466},{"style":498},[2467],{"type":59,"value":2468},"jwt",{"type":53,"tag":407,"props":2470,"children":2471},{"style":509},[2472],{"type":59,"value":805},{"type":53,"tag":407,"props":2474,"children":2475},{"style":498},[2476],{"type":59,"value":1294},{"type":53,"tag":407,"props":2478,"children":2479},{"style":509},[2480],{"type":59,"value":805},{"type":53,"tag":407,"props":2482,"children":2483},{"style":498},[2484],{"type":59,"value":1303},{"type":53,"tag":407,"props":2486,"children":2487},{"style":661},[2488],{"type":59,"value":2489},"])",{"type":53,"tag":407,"props":2491,"children":2492},{"style":509},[2493],{"type":59,"value":527},{"type":53,"tag":407,"props":2495,"children":2497},{"class":409,"line":2496},48,[2498],{"type":53,"tag":407,"props":2499,"children":2500},{"emptyLinePlaceholder":558},[2501],{"type":59,"value":561},{"type":53,"tag":407,"props":2503,"children":2505},{"class":409,"line":2504},49,[2506,2511,2516,2521,2526,2530,2535,2539,2543,2548,2552,2557,2562,2566,2570,2575,2579,2583,2588,2592,2596,2601,2605,2610,2615],{"type":53,"tag":407,"props":2507,"children":2508},{"style":492},[2509],{"type":59,"value":2510},"  return",{"type":53,"tag":407,"props":2512,"children":2513},{"style":661},[2514],{"type":59,"value":2515}," \u003C",{"type":53,"tag":407,"props":2517,"children":2518},{"style":414},[2519],{"type":59,"value":2520},"div",{"type":53,"tag":407,"props":2522,"children":2523},{"style":414},[2524],{"type":59,"value":2525}," ref",{"type":53,"tag":407,"props":2527,"children":2528},{"style":661},[2529],{"type":59,"value":581},{"type":53,"tag":407,"props":2531,"children":2532},{"style":509},[2533],{"type":59,"value":2534},"{",{"type":53,"tag":407,"props":2536,"children":2537},{"style":661},[2538],{"type":59,"value":1742},{"type":53,"tag":407,"props":2540,"children":2541},{"style":509},[2542],{"type":59,"value":1042},{"type":53,"tag":407,"props":2544,"children":2545},{"style":414},[2546],{"type":59,"value":2547}," style",{"type":53,"tag":407,"props":2549,"children":2550},{"style":661},[2551],{"type":59,"value":581},{"type":53,"tag":407,"props":2553,"children":2554},{"style":509},[2555],{"type":59,"value":2556},"{{",{"type":53,"tag":407,"props":2558,"children":2559},{"style":661},[2560],{"type":59,"value":2561}," width",{"type":53,"tag":407,"props":2563,"children":2564},{"style":509},[2565],{"type":59,"value":669},{"type":53,"tag":407,"props":2567,"children":2568},{"style":509},[2569],{"type":59,"value":1232},{"type":53,"tag":407,"props":2571,"children":2572},{"style":420},[2573],{"type":59,"value":2574},"100%",{"type":53,"tag":407,"props":2576,"children":2577},{"style":509},[2578],{"type":59,"value":1171},{"type":53,"tag":407,"props":2580,"children":2581},{"style":509},[2582],{"type":59,"value":805},{"type":53,"tag":407,"props":2584,"children":2585},{"style":661},[2586],{"type":59,"value":2587}," height",{"type":53,"tag":407,"props":2589,"children":2590},{"style":509},[2591],{"type":59,"value":669},{"type":53,"tag":407,"props":2593,"children":2594},{"style":509},[2595],{"type":59,"value":1232},{"type":53,"tag":407,"props":2597,"children":2598},{"style":420},[2599],{"type":59,"value":2600},"100vh",{"type":53,"tag":407,"props":2602,"children":2603},{"style":509},[2604],{"type":59,"value":1171},{"type":53,"tag":407,"props":2606,"children":2607},{"style":509},[2608],{"type":59,"value":2609}," }}",{"type":53,"tag":407,"props":2611,"children":2612},{"style":661},[2613],{"type":59,"value":2614}," \u002F>",{"type":53,"tag":407,"props":2616,"children":2617},{"style":509},[2618],{"type":59,"value":527},{"type":53,"tag":407,"props":2620,"children":2622},{"class":409,"line":2621},50,[2623],{"type":53,"tag":407,"props":2624,"children":2625},{"style":509},[2626],{"type":59,"value":2627},"}\n",{"type":53,"tag":132,"props":2629,"children":2631},{"id":2630},"available-features",[2632],{"type":59,"value":2633},"Available Features",{"type":53,"tag":2635,"props":2636,"children":2637},"table",{},[2638,2657],{"type":53,"tag":2639,"props":2640,"children":2641},"thead",{},[2642],{"type":53,"tag":2643,"props":2644,"children":2645},"tr",{},[2646,2652],{"type":53,"tag":2647,"props":2648,"children":2649},"th",{},[2650],{"type":59,"value":2651},"Feature",{"type":53,"tag":2647,"props":2653,"children":2654},{},[2655],{"type":59,"value":2656},"Description",{"type":53,"tag":2658,"props":2659,"children":2660},"tbody",{},[2661,2678,2694,2710,2726,2742,2758,2775,2792],{"type":53,"tag":2643,"props":2662,"children":2663},{},[2664,2673],{"type":53,"tag":2665,"props":2666,"children":2667},"td",{},[2668],{"type":53,"tag":68,"props":2669,"children":2671},{"className":2670},[],[2672],{"type":59,"value":796},{"type":53,"tag":2665,"props":2674,"children":2675},{},[2676],{"type":59,"value":2677},"Enable video layout and send\u002Freceive video",{"type":53,"tag":2643,"props":2679,"children":2680},{},[2681,2689],{"type":53,"tag":2665,"props":2682,"children":2683},{},[2684],{"type":53,"tag":68,"props":2685,"children":2687},{"className":2686},[],[2688],{"type":59,"value":814},{"type":53,"tag":2665,"props":2690,"children":2691},{},[2692],{"type":59,"value":2693},"Show audio button, send\u002Freceive audio",{"type":53,"tag":2643,"props":2695,"children":2696},{},[2697,2705],{"type":53,"tag":2665,"props":2698,"children":2699},{},[2700],{"type":53,"tag":68,"props":2701,"children":2703},{"className":2702},[],[2704],{"type":59,"value":831},{"type":53,"tag":2665,"props":2706,"children":2707},{},[2708],{"type":59,"value":2709},"Screen sharing",{"type":53,"tag":2643,"props":2711,"children":2712},{},[2713,2721],{"type":53,"tag":2665,"props":2714,"children":2715},{},[2716],{"type":53,"tag":68,"props":2717,"children":2719},{"className":2718},[],[2720],{"type":59,"value":848},{"type":53,"tag":2665,"props":2722,"children":2723},{},[2724],{"type":59,"value":2725},"In-session messaging",{"type":53,"tag":2643,"props":2727,"children":2728},{},[2729,2737],{"type":53,"tag":2665,"props":2730,"children":2731},{},[2732],{"type":53,"tag":68,"props":2733,"children":2735},{"className":2734},[],[2736],{"type":59,"value":865},{"type":53,"tag":2665,"props":2738,"children":2739},{},[2740],{"type":59,"value":2741},"Participant list",{"type":53,"tag":2643,"props":2743,"children":2744},{},[2745,2753],{"type":53,"tag":2665,"props":2746,"children":2747},{},[2748],{"type":53,"tag":68,"props":2749,"children":2751},{"className":2750},[],[2752],{"type":59,"value":882},{"type":53,"tag":2665,"props":2754,"children":2755},{},[2756],{"type":59,"value":2757},"Device selection, virtual background",{"type":53,"tag":2643,"props":2759,"children":2760},{},[2761,2770],{"type":53,"tag":2665,"props":2762,"children":2763},{},[2764],{"type":53,"tag":68,"props":2765,"children":2767},{"className":2766},[],[2768],{"type":59,"value":2769},"preview",{"type":53,"tag":2665,"props":2771,"children":2772},{},[2773],{"type":59,"value":2774},"Pre-join camera\u002Fmic preview",{"type":53,"tag":2643,"props":2776,"children":2777},{},[2778,2787],{"type":53,"tag":2665,"props":2779,"children":2780},{},[2781],{"type":53,"tag":68,"props":2782,"children":2784},{"className":2783},[],[2785],{"type":59,"value":2786},"recording",{"type":53,"tag":2665,"props":2788,"children":2789},{},[2790],{"type":59,"value":2791},"Cloud recording (paid plan)",{"type":53,"tag":2643,"props":2793,"children":2794},{},[2795,2804],{"type":53,"tag":2665,"props":2796,"children":2797},{},[2798],{"type":53,"tag":68,"props":2799,"children":2801},{"className":2800},[],[2802],{"type":59,"value":2803},"leave",{"type":53,"tag":2665,"props":2805,"children":2806},{},[2807],{"type":59,"value":2808},"Leave\u002Fend session button",{"type":53,"tag":132,"props":2810,"children":2812},{"id":2811},"troubleshooting",[2813],{"type":59,"value":233},{"type":53,"tag":210,"props":2815,"children":2816},{},[2817],{"type":53,"tag":151,"props":2818,"children":2819},{},[2820,2827],{"type":53,"tag":80,"props":2821,"children":2822},{},[2823],{"type":53,"tag":88,"props":2824,"children":2825},{"href":230},[2826],{"type":59,"value":230},{"type":59,"value":2828}," - CSS, SSR, JWT\u002Fsession join, customization limits",{"type":53,"tag":132,"props":2830,"children":2832},{"id":2831},"jwt-token-generation-server-side",[2833],{"type":59,"value":2834},"JWT Token Generation (Server-Side)",{"type":53,"tag":62,"props":2836,"children":2837},{},[2838,2843],{"type":53,"tag":80,"props":2839,"children":2840},{},[2841],{"type":59,"value":2842},"Required",{"type":59,"value":2844},": Generate JWT tokens on your server, never expose SDK secret client-side.",{"type":53,"tag":472,"props":2846,"children":2848},{"id":2847},"nodejs-nextjs-api-route",[2849],{"type":59,"value":2850},"Node.js \u002F Next.js API Route",{"type":53,"tag":396,"props":2852,"children":2854},{"className":1157,"code":2853,"language":1159,"meta":401,"style":401},"import { NextRequest, NextResponse } from 'next\u002Fserver';\nimport { KJUR } from 'jsrsasign';\n\nconst ZOOM_VIDEO_SDK_KEY = process.env.ZOOM_VIDEO_SDK_KEY;\nconst ZOOM_VIDEO_SDK_SECRET = process.env.ZOOM_VIDEO_SDK_SECRET;\n\nexport async function POST(request: NextRequest) {\n  const { sessionName, role, userName } = await request.json();\n\n  if (!sessionName || role === undefined) {\n    return NextResponse.json({ error: 'Missing params' }, { status: 400 });\n  }\n\n  const iat = Math.floor(Date.now() \u002F 1000);\n  const exp = iat + 60 * 60 * 2; \u002F\u002F 2 hours\n\n  const oHeader = { alg: 'HS256', typ: 'JWT' };\n  const oPayload = {\n    app_key: ZOOM_VIDEO_SDK_KEY,\n    role_type: role, \u002F\u002F 0 = participant, 1 = host\n    tpc: sessionName,\n    version: 1,\n    iat,\n    exp,\n    user_identity: userName || 'User',\n  };\n\n  const signature = KJUR.jws.JWS.sign(\n    'HS256',\n    JSON.stringify(oHeader),\n    JSON.stringify(oPayload),\n    ZOOM_VIDEO_SDK_SECRET\n  );\n\n  return NextResponse.json({ signature });\n}\n",[2855],{"type":53,"tag":68,"props":2856,"children":2857},{"__ignoreMap":401},[2858,2908,2949,2956,2999,3040,3047,3092,3158,3165,3212,3297,3305,3312,3383,3441,3448,3521,3541,3562,3587,3607,3628,3640,3652,3689,3697,3704,3756,3776,3810,3842,3850,3862,3869,3912],{"type":53,"tag":407,"props":2859,"children":2860},{"class":409,"line":410},[2861,2865,2869,2874,2878,2883,2887,2891,2895,2900,2904],{"type":53,"tag":407,"props":2862,"children":2863},{"style":492},[2864],{"type":59,"value":495},{"type":53,"tag":407,"props":2866,"children":2867},{"style":509},[2868],{"type":59,"value":1203},{"type":53,"tag":407,"props":2870,"children":2871},{"style":498},[2872],{"type":59,"value":2873}," NextRequest",{"type":53,"tag":407,"props":2875,"children":2876},{"style":509},[2877],{"type":59,"value":805},{"type":53,"tag":407,"props":2879,"children":2880},{"style":498},[2881],{"type":59,"value":2882}," NextResponse",{"type":53,"tag":407,"props":2884,"children":2885},{"style":509},[2886],{"type":59,"value":1222},{"type":53,"tag":407,"props":2888,"children":2889},{"style":492},[2890],{"type":59,"value":1227},{"type":53,"tag":407,"props":2892,"children":2893},{"style":509},[2894],{"type":59,"value":1232},{"type":53,"tag":407,"props":2896,"children":2897},{"style":420},[2898],{"type":59,"value":2899},"next\u002Fserver",{"type":53,"tag":407,"props":2901,"children":2902},{"style":509},[2903],{"type":59,"value":1171},{"type":53,"tag":407,"props":2905,"children":2906},{"style":509},[2907],{"type":59,"value":527},{"type":53,"tag":407,"props":2909,"children":2910},{"class":409,"line":436},[2911,2915,2919,2924,2928,2932,2936,2941,2945],{"type":53,"tag":407,"props":2912,"children":2913},{"style":492},[2914],{"type":59,"value":495},{"type":53,"tag":407,"props":2916,"children":2917},{"style":509},[2918],{"type":59,"value":1203},{"type":53,"tag":407,"props":2920,"children":2921},{"style":498},[2922],{"type":59,"value":2923}," KJUR",{"type":53,"tag":407,"props":2925,"children":2926},{"style":509},[2927],{"type":59,"value":1222},{"type":53,"tag":407,"props":2929,"children":2930},{"style":492},[2931],{"type":59,"value":1227},{"type":53,"tag":407,"props":2933,"children":2934},{"style":509},[2935],{"type":59,"value":1232},{"type":53,"tag":407,"props":2937,"children":2938},{"style":420},[2939],{"type":59,"value":2940},"jsrsasign",{"type":53,"tag":407,"props":2942,"children":2943},{"style":509},[2944],{"type":59,"value":1171},{"type":53,"tag":407,"props":2946,"children":2947},{"style":509},[2948],{"type":59,"value":527},{"type":53,"tag":407,"props":2950,"children":2951},{"class":409,"line":554},[2952],{"type":53,"tag":407,"props":2953,"children":2954},{"emptyLinePlaceholder":558},[2955],{"type":59,"value":561},{"type":53,"tag":407,"props":2957,"children":2958},{"class":409,"line":564},[2959,2963,2968,2972,2977,2981,2986,2990,2995],{"type":53,"tag":407,"props":2960,"children":2961},{"style":568},[2962],{"type":59,"value":571},{"type":53,"tag":407,"props":2964,"children":2965},{"style":498},[2966],{"type":59,"value":2967}," ZOOM_VIDEO_SDK_KEY ",{"type":53,"tag":407,"props":2969,"children":2970},{"style":509},[2971],{"type":59,"value":581},{"type":53,"tag":407,"props":2973,"children":2974},{"style":498},[2975],{"type":59,"value":2976}," process",{"type":53,"tag":407,"props":2978,"children":2979},{"style":509},[2980],{"type":59,"value":591},{"type":53,"tag":407,"props":2982,"children":2983},{"style":498},[2984],{"type":59,"value":2985},"env",{"type":53,"tag":407,"props":2987,"children":2988},{"style":509},[2989],{"type":59,"value":591},{"type":53,"tag":407,"props":2991,"children":2992},{"style":498},[2993],{"type":59,"value":2994},"ZOOM_VIDEO_SDK_KEY",{"type":53,"tag":407,"props":2996,"children":2997},{"style":509},[2998],{"type":59,"value":527},{"type":53,"tag":407,"props":3000,"children":3001},{"class":409,"line":627},[3002,3006,3011,3015,3019,3023,3027,3031,3036],{"type":53,"tag":407,"props":3003,"children":3004},{"style":568},[3005],{"type":59,"value":571},{"type":53,"tag":407,"props":3007,"children":3008},{"style":498},[3009],{"type":59,"value":3010}," ZOOM_VIDEO_SDK_SECRET ",{"type":53,"tag":407,"props":3012,"children":3013},{"style":509},[3014],{"type":59,"value":581},{"type":53,"tag":407,"props":3016,"children":3017},{"style":498},[3018],{"type":59,"value":2976},{"type":53,"tag":407,"props":3020,"children":3021},{"style":509},[3022],{"type":59,"value":591},{"type":53,"tag":407,"props":3024,"children":3025},{"style":498},[3026],{"type":59,"value":2985},{"type":53,"tag":407,"props":3028,"children":3029},{"style":509},[3030],{"type":59,"value":591},{"type":53,"tag":407,"props":3032,"children":3033},{"style":498},[3034],{"type":59,"value":3035},"ZOOM_VIDEO_SDK_SECRET",{"type":53,"tag":407,"props":3037,"children":3038},{"style":509},[3039],{"type":59,"value":527},{"type":53,"tag":407,"props":3041,"children":3042},{"class":409,"line":635},[3043],{"type":53,"tag":407,"props":3044,"children":3045},{"emptyLinePlaceholder":558},[3046],{"type":59,"value":561},{"type":53,"tag":407,"props":3048,"children":3049},{"class":409,"line":657},[3050,3054,3058,3062,3067,3071,3076,3080,3084,3088],{"type":53,"tag":407,"props":3051,"children":3052},{"style":492},[3053],{"type":59,"value":1259},{"type":53,"tag":407,"props":3055,"children":3056},{"style":568},[3057],{"type":59,"value":1502},{"type":53,"tag":407,"props":3059,"children":3060},{"style":568},[3061],{"type":59,"value":1269},{"type":53,"tag":407,"props":3063,"children":3064},{"style":594},[3065],{"type":59,"value":3066}," POST",{"type":53,"tag":407,"props":3068,"children":3069},{"style":509},[3070],{"type":59,"value":602},{"type":53,"tag":407,"props":3072,"children":3073},{"style":1282},[3074],{"type":59,"value":3075},"request",{"type":53,"tag":407,"props":3077,"children":3078},{"style":509},[3079],{"type":59,"value":669},{"type":53,"tag":407,"props":3081,"children":3082},{"style":414},[3083],{"type":59,"value":2873},{"type":53,"tag":407,"props":3085,"children":3086},{"style":509},[3087],{"type":59,"value":620},{"type":53,"tag":407,"props":3089,"children":3090},{"style":509},[3091],{"type":59,"value":654},{"type":53,"tag":407,"props":3093,"children":3094},{"class":409,"line":690},[3095,3099,3103,3107,3111,3116,3120,3124,3128,3132,3136,3141,3145,3150,3154],{"type":53,"tag":407,"props":3096,"children":3097},{"style":568},[3098],{"type":59,"value":1320},{"type":53,"tag":407,"props":3100,"children":3101},{"style":509},[3102],{"type":59,"value":1203},{"type":53,"tag":407,"props":3104,"children":3105},{"style":498},[3106],{"type":59,"value":1294},{"type":53,"tag":407,"props":3108,"children":3109},{"style":509},[3110],{"type":59,"value":805},{"type":53,"tag":407,"props":3112,"children":3113},{"style":498},[3114],{"type":59,"value":3115}," role",{"type":53,"tag":407,"props":3117,"children":3118},{"style":509},[3119],{"type":59,"value":805},{"type":53,"tag":407,"props":3121,"children":3122},{"style":498},[3123],{"type":59,"value":1303},{"type":53,"tag":407,"props":3125,"children":3126},{"style":509},[3127],{"type":59,"value":1222},{"type":53,"tag":407,"props":3129,"children":3130},{"style":509},[3131],{"type":59,"value":1330},{"type":53,"tag":407,"props":3133,"children":3134},{"style":492},[3135],{"type":59,"value":1537},{"type":53,"tag":407,"props":3137,"children":3138},{"style":498},[3139],{"type":59,"value":3140}," request",{"type":53,"tag":407,"props":3142,"children":3143},{"style":509},[3144],{"type":59,"value":591},{"type":53,"tag":407,"props":3146,"children":3147},{"style":594},[3148],{"type":59,"value":3149},"json",{"type":53,"tag":407,"props":3151,"children":3152},{"style":661},[3153],{"type":59,"value":981},{"type":53,"tag":407,"props":3155,"children":3156},{"style":509},[3157],{"type":59,"value":527},{"type":53,"tag":407,"props":3159,"children":3160},{"class":409,"line":720},[3161],{"type":53,"tag":407,"props":3162,"children":3163},{"emptyLinePlaceholder":558},[3164],{"type":59,"value":561},{"type":53,"tag":407,"props":3166,"children":3167},{"class":409,"line":750},[3168,3173,3177,3181,3186,3190,3194,3199,3204,3208],{"type":53,"tag":407,"props":3169,"children":3170},{"style":492},[3171],{"type":59,"value":3172},"  if",{"type":53,"tag":407,"props":3174,"children":3175},{"style":661},[3176],{"type":59,"value":1717},{"type":53,"tag":407,"props":3178,"children":3179},{"style":509},[3180],{"type":59,"value":1722},{"type":53,"tag":407,"props":3182,"children":3183},{"style":498},[3184],{"type":59,"value":3185},"sessionName",{"type":53,"tag":407,"props":3187,"children":3188},{"style":509},[3189],{"type":59,"value":1732},{"type":53,"tag":407,"props":3191,"children":3192},{"style":498},[3193],{"type":59,"value":3115},{"type":53,"tag":407,"props":3195,"children":3196},{"style":509},[3197],{"type":59,"value":3198}," ===",{"type":53,"tag":407,"props":3200,"children":3201},{"style":509},[3202],{"type":59,"value":3203}," undefined",{"type":53,"tag":407,"props":3205,"children":3206},{"style":661},[3207],{"type":59,"value":1755},{"type":53,"tag":407,"props":3209,"children":3210},{"style":509},[3211],{"type":59,"value":2338},{"type":53,"tag":407,"props":3213,"children":3214},{"class":409,"line":772},[3215,3219,3223,3227,3231,3235,3239,3244,3248,3252,3257,3261,3266,3270,3275,3279,3285,3289,3293],{"type":53,"tag":407,"props":3216,"children":3217},{"style":492},[3218],{"type":59,"value":2253},{"type":53,"tag":407,"props":3220,"children":3221},{"style":498},[3222],{"type":59,"value":2882},{"type":53,"tag":407,"props":3224,"children":3225},{"style":509},[3226],{"type":59,"value":591},{"type":53,"tag":407,"props":3228,"children":3229},{"style":594},[3230],{"type":59,"value":3149},{"type":53,"tag":407,"props":3232,"children":3233},{"style":661},[3234],{"type":59,"value":602},{"type":53,"tag":407,"props":3236,"children":3237},{"style":509},[3238],{"type":59,"value":2534},{"type":53,"tag":407,"props":3240,"children":3241},{"style":661},[3242],{"type":59,"value":3243}," error",{"type":53,"tag":407,"props":3245,"children":3246},{"style":509},[3247],{"type":59,"value":669},{"type":53,"tag":407,"props":3249,"children":3250},{"style":509},[3251],{"type":59,"value":1232},{"type":53,"tag":407,"props":3253,"children":3254},{"style":420},[3255],{"type":59,"value":3256},"Missing params",{"type":53,"tag":407,"props":3258,"children":3259},{"style":509},[3260],{"type":59,"value":1171},{"type":53,"tag":407,"props":3262,"children":3263},{"style":509},[3264],{"type":59,"value":3265}," },",{"type":53,"tag":407,"props":3267,"children":3268},{"style":509},[3269],{"type":59,"value":1203},{"type":53,"tag":407,"props":3271,"children":3272},{"style":661},[3273],{"type":59,"value":3274}," status",{"type":53,"tag":407,"props":3276,"children":3277},{"style":509},[3278],{"type":59,"value":669},{"type":53,"tag":407,"props":3280,"children":3282},{"style":3281},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[3283],{"type":59,"value":3284}," 400",{"type":53,"tag":407,"props":3286,"children":3287},{"style":509},[3288],{"type":59,"value":1222},{"type":53,"tag":407,"props":3290,"children":3291},{"style":661},[3292],{"type":59,"value":620},{"type":53,"tag":407,"props":3294,"children":3295},{"style":509},[3296],{"type":59,"value":527},{"type":53,"tag":407,"props":3298,"children":3299},{"class":409,"line":898},[3300],{"type":53,"tag":407,"props":3301,"children":3302},{"style":509},[3303],{"type":59,"value":3304},"  }\n",{"type":53,"tag":407,"props":3306,"children":3307},{"class":409,"line":907},[3308],{"type":53,"tag":407,"props":3309,"children":3310},{"emptyLinePlaceholder":558},[3311],{"type":59,"value":561},{"type":53,"tag":407,"props":3313,"children":3314},{"class":409,"line":915},[3315,3319,3324,3328,3333,3337,3342,3346,3351,3355,3360,3365,3370,3375,3379],{"type":53,"tag":407,"props":3316,"children":3317},{"style":568},[3318],{"type":59,"value":1320},{"type":53,"tag":407,"props":3320,"children":3321},{"style":498},[3322],{"type":59,"value":3323}," iat",{"type":53,"tag":407,"props":3325,"children":3326},{"style":509},[3327],{"type":59,"value":1330},{"type":53,"tag":407,"props":3329,"children":3330},{"style":498},[3331],{"type":59,"value":3332}," Math",{"type":53,"tag":407,"props":3334,"children":3335},{"style":509},[3336],{"type":59,"value":591},{"type":53,"tag":407,"props":3338,"children":3339},{"style":594},[3340],{"type":59,"value":3341},"floor",{"type":53,"tag":407,"props":3343,"children":3344},{"style":661},[3345],{"type":59,"value":602},{"type":53,"tag":407,"props":3347,"children":3348},{"style":498},[3349],{"type":59,"value":3350},"Date",{"type":53,"tag":407,"props":3352,"children":3353},{"style":509},[3354],{"type":59,"value":591},{"type":53,"tag":407,"props":3356,"children":3357},{"style":594},[3358],{"type":59,"value":3359},"now",{"type":53,"tag":407,"props":3361,"children":3362},{"style":661},[3363],{"type":59,"value":3364},"() ",{"type":53,"tag":407,"props":3366,"children":3367},{"style":509},[3368],{"type":59,"value":3369},"\u002F",{"type":53,"tag":407,"props":3371,"children":3372},{"style":3281},[3373],{"type":59,"value":3374}," 1000",{"type":53,"tag":407,"props":3376,"children":3377},{"style":661},[3378],{"type":59,"value":620},{"type":53,"tag":407,"props":3380,"children":3381},{"style":509},[3382],{"type":59,"value":527},{"type":53,"tag":407,"props":3384,"children":3385},{"class":409,"line":950},[3386,3390,3395,3399,3403,3408,3413,3418,3422,3426,3431,3436],{"type":53,"tag":407,"props":3387,"children":3388},{"style":568},[3389],{"type":59,"value":1320},{"type":53,"tag":407,"props":3391,"children":3392},{"style":498},[3393],{"type":59,"value":3394}," exp",{"type":53,"tag":407,"props":3396,"children":3397},{"style":509},[3398],{"type":59,"value":1330},{"type":53,"tag":407,"props":3400,"children":3401},{"style":498},[3402],{"type":59,"value":3323},{"type":53,"tag":407,"props":3404,"children":3405},{"style":509},[3406],{"type":59,"value":3407}," +",{"type":53,"tag":407,"props":3409,"children":3410},{"style":3281},[3411],{"type":59,"value":3412}," 60",{"type":53,"tag":407,"props":3414,"children":3415},{"style":509},[3416],{"type":59,"value":3417}," *",{"type":53,"tag":407,"props":3419,"children":3420},{"style":3281},[3421],{"type":59,"value":3412},{"type":53,"tag":407,"props":3423,"children":3424},{"style":509},[3425],{"type":59,"value":3417},{"type":53,"tag":407,"props":3427,"children":3428},{"style":3281},[3429],{"type":59,"value":3430}," 2",{"type":53,"tag":407,"props":3432,"children":3433},{"style":509},[3434],{"type":59,"value":3435},";",{"type":53,"tag":407,"props":3437,"children":3438},{"style":1642},[3439],{"type":59,"value":3440}," \u002F\u002F 2 hours\n",{"type":53,"tag":407,"props":3442,"children":3443},{"class":409,"line":958},[3444],{"type":53,"tag":407,"props":3445,"children":3446},{"emptyLinePlaceholder":558},[3447],{"type":59,"value":561},{"type":53,"tag":407,"props":3449,"children":3450},{"class":409,"line":993},[3451,3455,3460,3464,3468,3473,3477,3481,3486,3490,3494,3499,3503,3507,3512,3516],{"type":53,"tag":407,"props":3452,"children":3453},{"style":568},[3454],{"type":59,"value":1320},{"type":53,"tag":407,"props":3456,"children":3457},{"style":498},[3458],{"type":59,"value":3459}," oHeader",{"type":53,"tag":407,"props":3461,"children":3462},{"style":509},[3463],{"type":59,"value":1330},{"type":53,"tag":407,"props":3465,"children":3466},{"style":509},[3467],{"type":59,"value":1203},{"type":53,"tag":407,"props":3469,"children":3470},{"style":661},[3471],{"type":59,"value":3472}," alg",{"type":53,"tag":407,"props":3474,"children":3475},{"style":509},[3476],{"type":59,"value":669},{"type":53,"tag":407,"props":3478,"children":3479},{"style":509},[3480],{"type":59,"value":1232},{"type":53,"tag":407,"props":3482,"children":3483},{"style":420},[3484],{"type":59,"value":3485},"HS256",{"type":53,"tag":407,"props":3487,"children":3488},{"style":509},[3489],{"type":59,"value":1171},{"type":53,"tag":407,"props":3491,"children":3492},{"style":509},[3493],{"type":59,"value":805},{"type":53,"tag":407,"props":3495,"children":3496},{"style":661},[3497],{"type":59,"value":3498}," typ",{"type":53,"tag":407,"props":3500,"children":3501},{"style":509},[3502],{"type":59,"value":669},{"type":53,"tag":407,"props":3504,"children":3505},{"style":509},[3506],{"type":59,"value":1232},{"type":53,"tag":407,"props":3508,"children":3509},{"style":420},[3510],{"type":59,"value":3511},"JWT",{"type":53,"tag":407,"props":3513,"children":3514},{"style":509},[3515],{"type":59,"value":1171},{"type":53,"tag":407,"props":3517,"children":3518},{"style":509},[3519],{"type":59,"value":3520}," };\n",{"type":53,"tag":407,"props":3522,"children":3523},{"class":409,"line":1036},[3524,3528,3533,3537],{"type":53,"tag":407,"props":3525,"children":3526},{"style":568},[3527],{"type":59,"value":1320},{"type":53,"tag":407,"props":3529,"children":3530},{"style":498},[3531],{"type":59,"value":3532}," oPayload",{"type":53,"tag":407,"props":3534,"children":3535},{"style":509},[3536],{"type":59,"value":1330},{"type":53,"tag":407,"props":3538,"children":3539},{"style":509},[3540],{"type":59,"value":654},{"type":53,"tag":407,"props":3542,"children":3543},{"class":409,"line":1053},[3544,3549,3553,3558],{"type":53,"tag":407,"props":3545,"children":3546},{"style":661},[3547],{"type":59,"value":3548},"    app_key",{"type":53,"tag":407,"props":3550,"children":3551},{"style":509},[3552],{"type":59,"value":669},{"type":53,"tag":407,"props":3554,"children":3555},{"style":498},[3556],{"type":59,"value":3557}," ZOOM_VIDEO_SDK_KEY",{"type":53,"tag":407,"props":3559,"children":3560},{"style":509},[3561],{"type":59,"value":687},{"type":53,"tag":407,"props":3563,"children":3564},{"class":409,"line":1061},[3565,3570,3574,3578,3582],{"type":53,"tag":407,"props":3566,"children":3567},{"style":661},[3568],{"type":59,"value":3569},"    role_type",{"type":53,"tag":407,"props":3571,"children":3572},{"style":509},[3573],{"type":59,"value":669},{"type":53,"tag":407,"props":3575,"children":3576},{"style":498},[3577],{"type":59,"value":3115},{"type":53,"tag":407,"props":3579,"children":3580},{"style":509},[3581],{"type":59,"value":805},{"type":53,"tag":407,"props":3583,"children":3584},{"style":1642},[3585],{"type":59,"value":3586}," \u002F\u002F 0 = participant, 1 = host\n",{"type":53,"tag":407,"props":3588,"children":3589},{"class":409,"line":1094},[3590,3595,3599,3603],{"type":53,"tag":407,"props":3591,"children":3592},{"style":661},[3593],{"type":59,"value":3594},"    tpc",{"type":53,"tag":407,"props":3596,"children":3597},{"style":509},[3598],{"type":59,"value":669},{"type":53,"tag":407,"props":3600,"children":3601},{"style":498},[3602],{"type":59,"value":1294},{"type":53,"tag":407,"props":3604,"children":3605},{"style":509},[3606],{"type":59,"value":687},{"type":53,"tag":407,"props":3608,"children":3609},{"class":409,"line":1135},[3610,3615,3619,3624],{"type":53,"tag":407,"props":3611,"children":3612},{"style":661},[3613],{"type":59,"value":3614},"    version",{"type":53,"tag":407,"props":3616,"children":3617},{"style":509},[3618],{"type":59,"value":669},{"type":53,"tag":407,"props":3620,"children":3621},{"style":3281},[3622],{"type":59,"value":3623}," 1",{"type":53,"tag":407,"props":3625,"children":3626},{"style":509},[3627],{"type":59,"value":687},{"type":53,"tag":407,"props":3629,"children":3630},{"class":409,"line":1767},[3631,3636],{"type":53,"tag":407,"props":3632,"children":3633},{"style":498},[3634],{"type":59,"value":3635},"    iat",{"type":53,"tag":407,"props":3637,"children":3638},{"style":509},[3639],{"type":59,"value":687},{"type":53,"tag":407,"props":3641,"children":3642},{"class":409,"line":1775},[3643,3648],{"type":53,"tag":407,"props":3644,"children":3645},{"style":498},[3646],{"type":59,"value":3647},"    exp",{"type":53,"tag":407,"props":3649,"children":3650},{"style":509},[3651],{"type":59,"value":687},{"type":53,"tag":407,"props":3653,"children":3654},{"class":409,"line":1805},[3655,3660,3664,3668,3672,3676,3681,3685],{"type":53,"tag":407,"props":3656,"children":3657},{"style":661},[3658],{"type":59,"value":3659},"    user_identity",{"type":53,"tag":407,"props":3661,"children":3662},{"style":509},[3663],{"type":59,"value":669},{"type":53,"tag":407,"props":3665,"children":3666},{"style":498},[3667],{"type":59,"value":1303},{"type":53,"tag":407,"props":3669,"children":3670},{"style":509},[3671],{"type":59,"value":1732},{"type":53,"tag":407,"props":3673,"children":3674},{"style":509},[3675],{"type":59,"value":1232},{"type":53,"tag":407,"props":3677,"children":3678},{"style":420},[3679],{"type":59,"value":3680},"User",{"type":53,"tag":407,"props":3682,"children":3683},{"style":509},[3684],{"type":59,"value":1171},{"type":53,"tag":407,"props":3686,"children":3687},{"style":509},[3688],{"type":59,"value":687},{"type":53,"tag":407,"props":3690,"children":3691},{"class":409,"line":1826},[3692],{"type":53,"tag":407,"props":3693,"children":3694},{"style":509},[3695],{"type":59,"value":3696},"  };\n",{"type":53,"tag":407,"props":3698,"children":3699},{"class":409,"line":1847},[3700],{"type":53,"tag":407,"props":3701,"children":3702},{"emptyLinePlaceholder":558},[3703],{"type":59,"value":561},{"type":53,"tag":407,"props":3705,"children":3706},{"class":409,"line":1868},[3707,3711,3716,3720,3724,3728,3733,3737,3742,3746,3751],{"type":53,"tag":407,"props":3708,"children":3709},{"style":568},[3710],{"type":59,"value":1320},{"type":53,"tag":407,"props":3712,"children":3713},{"style":498},[3714],{"type":59,"value":3715}," signature",{"type":53,"tag":407,"props":3717,"children":3718},{"style":509},[3719],{"type":59,"value":1330},{"type":53,"tag":407,"props":3721,"children":3722},{"style":498},[3723],{"type":59,"value":2923},{"type":53,"tag":407,"props":3725,"children":3726},{"style":509},[3727],{"type":59,"value":591},{"type":53,"tag":407,"props":3729,"children":3730},{"style":498},[3731],{"type":59,"value":3732},"jws",{"type":53,"tag":407,"props":3734,"children":3735},{"style":509},[3736],{"type":59,"value":591},{"type":53,"tag":407,"props":3738,"children":3739},{"style":498},[3740],{"type":59,"value":3741},"JWS",{"type":53,"tag":407,"props":3743,"children":3744},{"style":509},[3745],{"type":59,"value":591},{"type":53,"tag":407,"props":3747,"children":3748},{"style":594},[3749],{"type":59,"value":3750},"sign",{"type":53,"tag":407,"props":3752,"children":3753},{"style":661},[3754],{"type":59,"value":3755},"(\n",{"type":53,"tag":407,"props":3757,"children":3758},{"class":409,"line":1890},[3759,3764,3768,3772],{"type":53,"tag":407,"props":3760,"children":3761},{"style":509},[3762],{"type":59,"value":3763},"    '",{"type":53,"tag":407,"props":3765,"children":3766},{"style":420},[3767],{"type":59,"value":3485},{"type":53,"tag":407,"props":3769,"children":3770},{"style":509},[3771],{"type":59,"value":1171},{"type":53,"tag":407,"props":3773,"children":3774},{"style":509},[3775],{"type":59,"value":687},{"type":53,"tag":407,"props":3777,"children":3778},{"class":409,"line":2007},[3779,3784,3788,3793,3797,3802,3806],{"type":53,"tag":407,"props":3780,"children":3781},{"style":498},[3782],{"type":59,"value":3783},"    JSON",{"type":53,"tag":407,"props":3785,"children":3786},{"style":509},[3787],{"type":59,"value":591},{"type":53,"tag":407,"props":3789,"children":3790},{"style":594},[3791],{"type":59,"value":3792},"stringify",{"type":53,"tag":407,"props":3794,"children":3795},{"style":661},[3796],{"type":59,"value":602},{"type":53,"tag":407,"props":3798,"children":3799},{"style":498},[3800],{"type":59,"value":3801},"oHeader",{"type":53,"tag":407,"props":3803,"children":3804},{"style":661},[3805],{"type":59,"value":620},{"type":53,"tag":407,"props":3807,"children":3808},{"style":509},[3809],{"type":59,"value":687},{"type":53,"tag":407,"props":3811,"children":3812},{"class":409,"line":2016},[3813,3817,3821,3825,3829,3834,3838],{"type":53,"tag":407,"props":3814,"children":3815},{"style":498},[3816],{"type":59,"value":3783},{"type":53,"tag":407,"props":3818,"children":3819},{"style":509},[3820],{"type":59,"value":591},{"type":53,"tag":407,"props":3822,"children":3823},{"style":594},[3824],{"type":59,"value":3792},{"type":53,"tag":407,"props":3826,"children":3827},{"style":661},[3828],{"type":59,"value":602},{"type":53,"tag":407,"props":3830,"children":3831},{"style":498},[3832],{"type":59,"value":3833},"oPayload",{"type":53,"tag":407,"props":3835,"children":3836},{"style":661},[3837],{"type":59,"value":620},{"type":53,"tag":407,"props":3839,"children":3840},{"style":509},[3841],{"type":59,"value":687},{"type":53,"tag":407,"props":3843,"children":3844},{"class":409,"line":2024},[3845],{"type":53,"tag":407,"props":3846,"children":3847},{"style":498},[3848],{"type":59,"value":3849},"    ZOOM_VIDEO_SDK_SECRET\n",{"type":53,"tag":407,"props":3851,"children":3852},{"class":409,"line":2073},[3853,3858],{"type":53,"tag":407,"props":3854,"children":3855},{"style":661},[3856],{"type":59,"value":3857},"  )",{"type":53,"tag":407,"props":3859,"children":3860},{"style":509},[3861],{"type":59,"value":527},{"type":53,"tag":407,"props":3863,"children":3864},{"class":409,"line":2140},[3865],{"type":53,"tag":407,"props":3866,"children":3867},{"emptyLinePlaceholder":558},[3868],{"type":59,"value":561},{"type":53,"tag":407,"props":3870,"children":3871},{"class":409,"line":2205},[3872,3876,3880,3884,3888,3892,3896,3900,3904,3908],{"type":53,"tag":407,"props":3873,"children":3874},{"style":492},[3875],{"type":59,"value":2510},{"type":53,"tag":407,"props":3877,"children":3878},{"style":498},[3879],{"type":59,"value":2882},{"type":53,"tag":407,"props":3881,"children":3882},{"style":509},[3883],{"type":59,"value":591},{"type":53,"tag":407,"props":3885,"children":3886},{"style":594},[3887],{"type":59,"value":3149},{"type":53,"tag":407,"props":3889,"children":3890},{"style":661},[3891],{"type":59,"value":602},{"type":53,"tag":407,"props":3893,"children":3894},{"style":509},[3895],{"type":59,"value":2534},{"type":53,"tag":407,"props":3897,"children":3898},{"style":498},[3899],{"type":59,"value":3715},{"type":53,"tag":407,"props":3901,"children":3902},{"style":509},[3903],{"type":59,"value":1222},{"type":53,"tag":407,"props":3905,"children":3906},{"style":661},[3907],{"type":59,"value":620},{"type":53,"tag":407,"props":3909,"children":3910},{"style":509},[3911],{"type":59,"value":527},{"type":53,"tag":407,"props":3913,"children":3914},{"class":409,"line":2214},[3915],{"type":53,"tag":407,"props":3916,"children":3917},{"style":509},[3918],{"type":59,"value":2627},{"type":53,"tag":472,"props":3920,"children":3922},{"id":3921},"jwt-payload-fields",[3923],{"type":59,"value":3924},"JWT Payload Fields",{"type":53,"tag":2635,"props":3926,"children":3927},{},[3928,3947],{"type":53,"tag":2639,"props":3929,"children":3930},{},[3931],{"type":53,"tag":2643,"props":3932,"children":3933},{},[3934,3939,3943],{"type":53,"tag":2647,"props":3935,"children":3936},{},[3937],{"type":59,"value":3938},"Field",{"type":53,"tag":2647,"props":3940,"children":3941},{},[3942],{"type":59,"value":2842},{"type":53,"tag":2647,"props":3944,"children":3945},{},[3946],{"type":59,"value":2656},{"type":53,"tag":2658,"props":3948,"children":3949},{},[3950,3972,3993,4014,4035,4056,4077],{"type":53,"tag":2643,"props":3951,"children":3952},{},[3953,3962,3967],{"type":53,"tag":2665,"props":3954,"children":3955},{},[3956],{"type":53,"tag":68,"props":3957,"children":3959},{"className":3958},[],[3960],{"type":59,"value":3961},"app_key",{"type":53,"tag":2665,"props":3963,"children":3964},{},[3965],{"type":59,"value":3966},"Yes",{"type":53,"tag":2665,"props":3968,"children":3969},{},[3970],{"type":59,"value":3971},"Your Video SDK Key",{"type":53,"tag":2643,"props":3973,"children":3974},{},[3975,3984,3988],{"type":53,"tag":2665,"props":3976,"children":3977},{},[3978],{"type":53,"tag":68,"props":3979,"children":3981},{"className":3980},[],[3982],{"type":59,"value":3983},"role_type",{"type":53,"tag":2665,"props":3985,"children":3986},{},[3987],{"type":59,"value":3966},{"type":53,"tag":2665,"props":3989,"children":3990},{},[3991],{"type":59,"value":3992},"0 = participant, 1 = host",{"type":53,"tag":2643,"props":3994,"children":3995},{},[3996,4005,4009],{"type":53,"tag":2665,"props":3997,"children":3998},{},[3999],{"type":53,"tag":68,"props":4000,"children":4002},{"className":4001},[],[4003],{"type":59,"value":4004},"tpc",{"type":53,"tag":2665,"props":4006,"children":4007},{},[4008],{"type":59,"value":3966},{"type":53,"tag":2665,"props":4010,"children":4011},{},[4012],{"type":59,"value":4013},"Session\u002Ftopic name",{"type":53,"tag":2643,"props":4015,"children":4016},{},[4017,4026,4030],{"type":53,"tag":2665,"props":4018,"children":4019},{},[4020],{"type":53,"tag":68,"props":4021,"children":4023},{"className":4022},[],[4024],{"type":59,"value":4025},"version",{"type":53,"tag":2665,"props":4027,"children":4028},{},[4029],{"type":59,"value":3966},{"type":53,"tag":2665,"props":4031,"children":4032},{},[4033],{"type":59,"value":4034},"Always 1",{"type":53,"tag":2643,"props":4036,"children":4037},{},[4038,4047,4051],{"type":53,"tag":2665,"props":4039,"children":4040},{},[4041],{"type":53,"tag":68,"props":4042,"children":4044},{"className":4043},[],[4045],{"type":59,"value":4046},"iat",{"type":53,"tag":2665,"props":4048,"children":4049},{},[4050],{"type":59,"value":3966},{"type":53,"tag":2665,"props":4052,"children":4053},{},[4054],{"type":59,"value":4055},"Issued at (Unix timestamp)",{"type":53,"tag":2643,"props":4057,"children":4058},{},[4059,4068,4072],{"type":53,"tag":2665,"props":4060,"children":4061},{},[4062],{"type":53,"tag":68,"props":4063,"children":4065},{"className":4064},[],[4066],{"type":59,"value":4067},"exp",{"type":53,"tag":2665,"props":4069,"children":4070},{},[4071],{"type":59,"value":3966},{"type":53,"tag":2665,"props":4073,"children":4074},{},[4075],{"type":59,"value":4076},"Expiration (Unix timestamp)",{"type":53,"tag":2643,"props":4078,"children":4079},{},[4080,4089,4094],{"type":53,"tag":2665,"props":4081,"children":4082},{},[4083],{"type":53,"tag":68,"props":4084,"children":4086},{"className":4085},[],[4087],{"type":59,"value":4088},"user_identity",{"type":53,"tag":2665,"props":4090,"children":4091},{},[4092],{"type":59,"value":4093},"No",{"type":53,"tag":2665,"props":4095,"children":4096},{},[4097],{"type":59,"value":4098},"User identifier",{"type":53,"tag":132,"props":4100,"children":4102},{"id":4101},"api-reference",[4103],{"type":59,"value":99},{"type":53,"tag":472,"props":4105,"children":4107},{"id":4106},"core-methods",[4108],{"type":59,"value":4109},"Core Methods",{"type":53,"tag":396,"props":4111,"children":4113},{"className":480,"code":4112,"language":482,"meta":401,"style":401},"uitoolkit.joinSession(container, config);\nuitoolkit.closeSession(container);\n",[4114],{"type":53,"tag":68,"props":4115,"children":4116},{"__ignoreMap":401},[4117,4148],{"type":53,"tag":407,"props":4118,"children":4119},{"class":409,"line":410},[4120,4124,4128,4132,4136,4140,4144],{"type":53,"tag":407,"props":4121,"children":4122},{"style":498},[4123],{"type":59,"value":47},{"type":53,"tag":407,"props":4125,"children":4126},{"style":509},[4127],{"type":59,"value":591},{"type":53,"tag":407,"props":4129,"children":4130},{"style":594},[4131],{"type":59,"value":929},{"type":53,"tag":407,"props":4133,"children":4134},{"style":498},[4135],{"type":59,"value":934},{"type":53,"tag":407,"props":4137,"children":4138},{"style":509},[4139],{"type":59,"value":805},{"type":53,"tag":407,"props":4141,"children":4142},{"style":498},[4143],{"type":59,"value":943},{"type":53,"tag":407,"props":4145,"children":4146},{"style":509},[4147],{"type":59,"value":527},{"type":53,"tag":407,"props":4149,"children":4150},{"class":409,"line":436},[4151,4155,4159,4163,4168],{"type":53,"tag":407,"props":4152,"children":4153},{"style":498},[4154],{"type":59,"value":47},{"type":53,"tag":407,"props":4156,"children":4157},{"style":509},[4158],{"type":59,"value":591},{"type":53,"tag":407,"props":4160,"children":4161},{"style":594},[4162],{"type":59,"value":2377},{"type":53,"tag":407,"props":4164,"children":4165},{"style":498},[4166],{"type":59,"value":4167},"(container)",{"type":53,"tag":407,"props":4169,"children":4170},{"style":509},[4171],{"type":59,"value":527},{"type":53,"tag":472,"props":4173,"children":4175},{"id":4174},"event-listeners",[4176],{"type":59,"value":4177},"Event Listeners",{"type":53,"tag":396,"props":4179,"children":4181},{"className":480,"code":4180,"language":482,"meta":401,"style":401},"uitoolkit.onSessionJoined(callback);\nuitoolkit.onSessionClosed(callback);\nuitoolkit.offSessionJoined(callback);\nuitoolkit.offSessionClosed(callback);\n",[4182],{"type":53,"tag":68,"props":4183,"children":4184},{"__ignoreMap":401},[4185,4209,4232,4256],{"type":53,"tag":407,"props":4186,"children":4187},{"class":409,"line":410},[4188,4192,4196,4200,4205],{"type":53,"tag":407,"props":4189,"children":4190},{"style":498},[4191],{"type":59,"value":47},{"type":53,"tag":407,"props":4193,"children":4194},{"style":509},[4195],{"type":59,"value":591},{"type":53,"tag":407,"props":4197,"children":4198},{"style":594},[4199],{"type":59,"value":972},{"type":53,"tag":407,"props":4201,"children":4202},{"style":498},[4203],{"type":59,"value":4204},"(callback)",{"type":53,"tag":407,"props":4206,"children":4207},{"style":509},[4208],{"type":59,"value":527},{"type":53,"tag":407,"props":4210,"children":4211},{"class":409,"line":436},[4212,4216,4220,4224,4228],{"type":53,"tag":407,"props":4213,"children":4214},{"style":498},[4215],{"type":59,"value":47},{"type":53,"tag":407,"props":4217,"children":4218},{"style":509},[4219],{"type":59,"value":591},{"type":53,"tag":407,"props":4221,"children":4222},{"style":594},[4223],{"type":59,"value":1075},{"type":53,"tag":407,"props":4225,"children":4226},{"style":498},[4227],{"type":59,"value":4204},{"type":53,"tag":407,"props":4229,"children":4230},{"style":509},[4231],{"type":59,"value":527},{"type":53,"tag":407,"props":4233,"children":4234},{"class":409,"line":554},[4235,4239,4243,4248,4252],{"type":53,"tag":407,"props":4236,"children":4237},{"style":498},[4238],{"type":59,"value":47},{"type":53,"tag":407,"props":4240,"children":4241},{"style":509},[4242],{"type":59,"value":591},{"type":53,"tag":407,"props":4244,"children":4245},{"style":594},[4246],{"type":59,"value":4247},"offSessionJoined",{"type":53,"tag":407,"props":4249,"children":4250},{"style":498},[4251],{"type":59,"value":4204},{"type":53,"tag":407,"props":4253,"children":4254},{"style":509},[4255],{"type":59,"value":527},{"type":53,"tag":407,"props":4257,"children":4258},{"class":409,"line":564},[4259,4263,4267,4272,4276],{"type":53,"tag":407,"props":4260,"children":4261},{"style":498},[4262],{"type":59,"value":47},{"type":53,"tag":407,"props":4264,"children":4265},{"style":509},[4266],{"type":59,"value":591},{"type":53,"tag":407,"props":4268,"children":4269},{"style":594},[4270],{"type":59,"value":4271},"offSessionClosed",{"type":53,"tag":407,"props":4273,"children":4274},{"style":498},[4275],{"type":59,"value":4204},{"type":53,"tag":407,"props":4277,"children":4278},{"style":509},[4279],{"type":59,"value":527},{"type":53,"tag":472,"props":4281,"children":4283},{"id":4282},"component-methods",[4284],{"type":59,"value":4285},"Component Methods",{"type":53,"tag":396,"props":4287,"children":4289},{"className":480,"code":4288,"language":482,"meta":401,"style":401},"uitoolkit.showChatComponent(container);\nuitoolkit.hideChatComponent(container);\nuitoolkit.showUsersComponent(container);\nuitoolkit.hideUsersComponent(container);\nuitoolkit.showControlsComponent(container);\nuitoolkit.hideControlsComponent(container);\nuitoolkit.showSettingsComponent(container);\nuitoolkit.hideSettingsComponent(container);\nuitoolkit.hideAllComponents();\n",[4290],{"type":53,"tag":68,"props":4291,"children":4292},{"__ignoreMap":401},[4293,4317,4341,4365,4389,4413,4437,4461,4485],{"type":53,"tag":407,"props":4294,"children":4295},{"class":409,"line":410},[4296,4300,4304,4309,4313],{"type":53,"tag":407,"props":4297,"children":4298},{"style":498},[4299],{"type":59,"value":47},{"type":53,"tag":407,"props":4301,"children":4302},{"style":509},[4303],{"type":59,"value":591},{"type":53,"tag":407,"props":4305,"children":4306},{"style":594},[4307],{"type":59,"value":4308},"showChatComponent",{"type":53,"tag":407,"props":4310,"children":4311},{"style":498},[4312],{"type":59,"value":4167},{"type":53,"tag":407,"props":4314,"children":4315},{"style":509},[4316],{"type":59,"value":527},{"type":53,"tag":407,"props":4318,"children":4319},{"class":409,"line":436},[4320,4324,4328,4333,4337],{"type":53,"tag":407,"props":4321,"children":4322},{"style":498},[4323],{"type":59,"value":47},{"type":53,"tag":407,"props":4325,"children":4326},{"style":509},[4327],{"type":59,"value":591},{"type":53,"tag":407,"props":4329,"children":4330},{"style":594},[4331],{"type":59,"value":4332},"hideChatComponent",{"type":53,"tag":407,"props":4334,"children":4335},{"style":498},[4336],{"type":59,"value":4167},{"type":53,"tag":407,"props":4338,"children":4339},{"style":509},[4340],{"type":59,"value":527},{"type":53,"tag":407,"props":4342,"children":4343},{"class":409,"line":554},[4344,4348,4352,4357,4361],{"type":53,"tag":407,"props":4345,"children":4346},{"style":498},[4347],{"type":59,"value":47},{"type":53,"tag":407,"props":4349,"children":4350},{"style":509},[4351],{"type":59,"value":591},{"type":53,"tag":407,"props":4353,"children":4354},{"style":594},[4355],{"type":59,"value":4356},"showUsersComponent",{"type":53,"tag":407,"props":4358,"children":4359},{"style":498},[4360],{"type":59,"value":4167},{"type":53,"tag":407,"props":4362,"children":4363},{"style":509},[4364],{"type":59,"value":527},{"type":53,"tag":407,"props":4366,"children":4367},{"class":409,"line":564},[4368,4372,4376,4381,4385],{"type":53,"tag":407,"props":4369,"children":4370},{"style":498},[4371],{"type":59,"value":47},{"type":53,"tag":407,"props":4373,"children":4374},{"style":509},[4375],{"type":59,"value":591},{"type":53,"tag":407,"props":4377,"children":4378},{"style":594},[4379],{"type":59,"value":4380},"hideUsersComponent",{"type":53,"tag":407,"props":4382,"children":4383},{"style":498},[4384],{"type":59,"value":4167},{"type":53,"tag":407,"props":4386,"children":4387},{"style":509},[4388],{"type":59,"value":527},{"type":53,"tag":407,"props":4390,"children":4391},{"class":409,"line":627},[4392,4396,4400,4405,4409],{"type":53,"tag":407,"props":4393,"children":4394},{"style":498},[4395],{"type":59,"value":47},{"type":53,"tag":407,"props":4397,"children":4398},{"style":509},[4399],{"type":59,"value":591},{"type":53,"tag":407,"props":4401,"children":4402},{"style":594},[4403],{"type":59,"value":4404},"showControlsComponent",{"type":53,"tag":407,"props":4406,"children":4407},{"style":498},[4408],{"type":59,"value":4167},{"type":53,"tag":407,"props":4410,"children":4411},{"style":509},[4412],{"type":59,"value":527},{"type":53,"tag":407,"props":4414,"children":4415},{"class":409,"line":635},[4416,4420,4424,4429,4433],{"type":53,"tag":407,"props":4417,"children":4418},{"style":498},[4419],{"type":59,"value":47},{"type":53,"tag":407,"props":4421,"children":4422},{"style":509},[4423],{"type":59,"value":591},{"type":53,"tag":407,"props":4425,"children":4426},{"style":594},[4427],{"type":59,"value":4428},"hideControlsComponent",{"type":53,"tag":407,"props":4430,"children":4431},{"style":498},[4432],{"type":59,"value":4167},{"type":53,"tag":407,"props":4434,"children":4435},{"style":509},[4436],{"type":59,"value":527},{"type":53,"tag":407,"props":4438,"children":4439},{"class":409,"line":657},[4440,4444,4448,4453,4457],{"type":53,"tag":407,"props":4441,"children":4442},{"style":498},[4443],{"type":59,"value":47},{"type":53,"tag":407,"props":4445,"children":4446},{"style":509},[4447],{"type":59,"value":591},{"type":53,"tag":407,"props":4449,"children":4450},{"style":594},[4451],{"type":59,"value":4452},"showSettingsComponent",{"type":53,"tag":407,"props":4454,"children":4455},{"style":498},[4456],{"type":59,"value":4167},{"type":53,"tag":407,"props":4458,"children":4459},{"style":509},[4460],{"type":59,"value":527},{"type":53,"tag":407,"props":4462,"children":4463},{"class":409,"line":690},[4464,4468,4472,4477,4481],{"type":53,"tag":407,"props":4465,"children":4466},{"style":498},[4467],{"type":59,"value":47},{"type":53,"tag":407,"props":4469,"children":4470},{"style":509},[4471],{"type":59,"value":591},{"type":53,"tag":407,"props":4473,"children":4474},{"style":594},[4475],{"type":59,"value":4476},"hideSettingsComponent",{"type":53,"tag":407,"props":4478,"children":4479},{"style":498},[4480],{"type":59,"value":4167},{"type":53,"tag":407,"props":4482,"children":4483},{"style":509},[4484],{"type":59,"value":527},{"type":53,"tag":407,"props":4486,"children":4487},{"class":409,"line":720},[4488,4492,4496,4501,4505],{"type":53,"tag":407,"props":4489,"children":4490},{"style":498},[4491],{"type":59,"value":47},{"type":53,"tag":407,"props":4493,"children":4494},{"style":509},[4495],{"type":59,"value":591},{"type":53,"tag":407,"props":4497,"children":4498},{"style":594},[4499],{"type":59,"value":4500},"hideAllComponents",{"type":53,"tag":407,"props":4502,"children":4503},{"style":498},[4504],{"type":59,"value":981},{"type":53,"tag":407,"props":4506,"children":4507},{"style":509},[4508],{"type":59,"value":527},{"type":53,"tag":132,"props":4510,"children":4512},{"id":4511},"cdn-usage-no-build-step",[4513],{"type":59,"value":4514},"CDN Usage (No Build Step)",{"type":53,"tag":396,"props":4516,"children":4520},{"className":4517,"code":4518,"language":4519,"meta":401,"style":401},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fsource.zoom.us\u002Fuitoolkit\u002F2.3.5-1\u002Fvideosdk-zoom-ui-toolkit.css\" \u002F>\n\u003Cscript src=\"https:\u002F\u002Fsource.zoom.us\u002Fuitoolkit\u002F2.3.5-1\u002Fvideosdk-zoom-ui-toolkit.min.umd.js\">\u003C\u002Fscript>\n\n\u003Cdiv id=\"sessionContainer\">\u003C\u002Fdiv>\n\n\u003Cscript>\n  const uitoolkit = window.UIToolkit;\n  \n  uitoolkit.joinSession(document.getElementById('sessionContainer'), {\n    videoSDKJWT: 'your_jwt',\n    sessionName: 'my-session',\n    userName: 'User',\n    features: ['video', 'audio', 'chat']\n  });\n\u003C\u002Fscript>\n","html",[4521],{"type":53,"tag":68,"props":4522,"children":4523},{"__ignoreMap":401},[4524,4585,4633,4640,4684,4691,4706,4739,4747,4804,4833,4861,4889,4954,4970],{"type":53,"tag":407,"props":4525,"children":4526},{"class":409,"line":410},[4527,4531,4536,4541,4545,4549,4554,4558,4563,4567,4571,4576,4580],{"type":53,"tag":407,"props":4528,"children":4529},{"style":509},[4530],{"type":59,"value":1339},{"type":53,"tag":407,"props":4532,"children":4533},{"style":661},[4534],{"type":59,"value":4535},"link",{"type":53,"tag":407,"props":4537,"children":4538},{"style":568},[4539],{"type":59,"value":4540}," rel",{"type":53,"tag":407,"props":4542,"children":4543},{"style":509},[4544],{"type":59,"value":581},{"type":53,"tag":407,"props":4546,"children":4547},{"style":509},[4548],{"type":59,"value":522},{"type":53,"tag":407,"props":4550,"children":4551},{"style":420},[4552],{"type":59,"value":4553},"stylesheet",{"type":53,"tag":407,"props":4555,"children":4556},{"style":509},[4557],{"type":59,"value":522},{"type":53,"tag":407,"props":4559,"children":4560},{"style":568},[4561],{"type":59,"value":4562}," href",{"type":53,"tag":407,"props":4564,"children":4565},{"style":509},[4566],{"type":59,"value":581},{"type":53,"tag":407,"props":4568,"children":4569},{"style":509},[4570],{"type":59,"value":522},{"type":53,"tag":407,"props":4572,"children":4573},{"style":420},[4574],{"type":59,"value":4575},"https:\u002F\u002Fsource.zoom.us\u002Fuitoolkit\u002F2.3.5-1\u002Fvideosdk-zoom-ui-toolkit.css",{"type":53,"tag":407,"props":4577,"children":4578},{"style":509},[4579],{"type":59,"value":522},{"type":53,"tag":407,"props":4581,"children":4582},{"style":509},[4583],{"type":59,"value":4584}," \u002F>\n",{"type":53,"tag":407,"props":4586,"children":4587},{"class":409,"line":436},[4588,4592,4597,4602,4606,4610,4615,4619,4624,4628],{"type":53,"tag":407,"props":4589,"children":4590},{"style":509},[4591],{"type":59,"value":1339},{"type":53,"tag":407,"props":4593,"children":4594},{"style":661},[4595],{"type":59,"value":4596},"script",{"type":53,"tag":407,"props":4598,"children":4599},{"style":568},[4600],{"type":59,"value":4601}," src",{"type":53,"tag":407,"props":4603,"children":4604},{"style":509},[4605],{"type":59,"value":581},{"type":53,"tag":407,"props":4607,"children":4608},{"style":509},[4609],{"type":59,"value":522},{"type":53,"tag":407,"props":4611,"children":4612},{"style":420},[4613],{"type":59,"value":4614},"https:\u002F\u002Fsource.zoom.us\u002Fuitoolkit\u002F2.3.5-1\u002Fvideosdk-zoom-ui-toolkit.min.umd.js",{"type":53,"tag":407,"props":4616,"children":4617},{"style":509},[4618],{"type":59,"value":522},{"type":53,"tag":407,"props":4620,"children":4621},{"style":509},[4622],{"type":59,"value":4623},">\u003C\u002F",{"type":53,"tag":407,"props":4625,"children":4626},{"style":661},[4627],{"type":59,"value":4596},{"type":53,"tag":407,"props":4629,"children":4630},{"style":509},[4631],{"type":59,"value":4632},">\n",{"type":53,"tag":407,"props":4634,"children":4635},{"class":409,"line":554},[4636],{"type":53,"tag":407,"props":4637,"children":4638},{"emptyLinePlaceholder":558},[4639],{"type":59,"value":561},{"type":53,"tag":407,"props":4641,"children":4642},{"class":409,"line":564},[4643,4647,4651,4656,4660,4664,4668,4672,4676,4680],{"type":53,"tag":407,"props":4644,"children":4645},{"style":509},[4646],{"type":59,"value":1339},{"type":53,"tag":407,"props":4648,"children":4649},{"style":661},[4650],{"type":59,"value":2520},{"type":53,"tag":407,"props":4652,"children":4653},{"style":568},[4654],{"type":59,"value":4655}," id",{"type":53,"tag":407,"props":4657,"children":4658},{"style":509},[4659],{"type":59,"value":581},{"type":53,"tag":407,"props":4661,"children":4662},{"style":509},[4663],{"type":59,"value":522},{"type":53,"tag":407,"props":4665,"children":4666},{"style":420},[4667],{"type":59,"value":611},{"type":53,"tag":407,"props":4669,"children":4670},{"style":509},[4671],{"type":59,"value":522},{"type":53,"tag":407,"props":4673,"children":4674},{"style":509},[4675],{"type":59,"value":4623},{"type":53,"tag":407,"props":4677,"children":4678},{"style":661},[4679],{"type":59,"value":2520},{"type":53,"tag":407,"props":4681,"children":4682},{"style":509},[4683],{"type":59,"value":4632},{"type":53,"tag":407,"props":4685,"children":4686},{"class":409,"line":627},[4687],{"type":53,"tag":407,"props":4688,"children":4689},{"emptyLinePlaceholder":558},[4690],{"type":59,"value":561},{"type":53,"tag":407,"props":4692,"children":4693},{"class":409,"line":635},[4694,4698,4702],{"type":53,"tag":407,"props":4695,"children":4696},{"style":509},[4697],{"type":59,"value":1339},{"type":53,"tag":407,"props":4699,"children":4700},{"style":661},[4701],{"type":59,"value":4596},{"type":53,"tag":407,"props":4703,"children":4704},{"style":509},[4705],{"type":59,"value":4632},{"type":53,"tag":407,"props":4707,"children":4708},{"class":409,"line":657},[4709,4713,4717,4721,4726,4730,4735],{"type":53,"tag":407,"props":4710,"children":4711},{"style":568},[4712],{"type":59,"value":1320},{"type":53,"tag":407,"props":4714,"children":4715},{"style":498},[4716],{"type":59,"value":501},{"type":53,"tag":407,"props":4718,"children":4719},{"style":509},[4720],{"type":59,"value":581},{"type":53,"tag":407,"props":4722,"children":4723},{"style":498},[4724],{"type":59,"value":4725}," window",{"type":53,"tag":407,"props":4727,"children":4728},{"style":509},[4729],{"type":59,"value":591},{"type":53,"tag":407,"props":4731,"children":4732},{"style":498},[4733],{"type":59,"value":4734},"UIToolkit",{"type":53,"tag":407,"props":4736,"children":4737},{"style":509},[4738],{"type":59,"value":527},{"type":53,"tag":407,"props":4740,"children":4741},{"class":409,"line":690},[4742],{"type":53,"tag":407,"props":4743,"children":4744},{"style":498},[4745],{"type":59,"value":4746},"  \n",{"type":53,"tag":407,"props":4748,"children":4749},{"class":409,"line":720},[4750,4755,4759,4763,4768,4772,4776,4780,4784,4788,4792,4796,4800],{"type":53,"tag":407,"props":4751,"children":4752},{"style":498},[4753],{"type":59,"value":4754},"  uitoolkit",{"type":53,"tag":407,"props":4756,"children":4757},{"style":509},[4758],{"type":59,"value":591},{"type":53,"tag":407,"props":4760,"children":4761},{"style":594},[4762],{"type":59,"value":929},{"type":53,"tag":407,"props":4764,"children":4765},{"style":498},[4766],{"type":59,"value":4767},"(document",{"type":53,"tag":407,"props":4769,"children":4770},{"style":509},[4771],{"type":59,"value":591},{"type":53,"tag":407,"props":4773,"children":4774},{"style":594},[4775],{"type":59,"value":597},{"type":53,"tag":407,"props":4777,"children":4778},{"style":498},[4779],{"type":59,"value":602},{"type":53,"tag":407,"props":4781,"children":4782},{"style":509},[4783],{"type":59,"value":1171},{"type":53,"tag":407,"props":4785,"children":4786},{"style":420},[4787],{"type":59,"value":611},{"type":53,"tag":407,"props":4789,"children":4790},{"style":509},[4791],{"type":59,"value":1171},{"type":53,"tag":407,"props":4793,"children":4794},{"style":498},[4795],{"type":59,"value":620},{"type":53,"tag":407,"props":4797,"children":4798},{"style":509},[4799],{"type":59,"value":805},{"type":53,"tag":407,"props":4801,"children":4802},{"style":509},[4803],{"type":59,"value":654},{"type":53,"tag":407,"props":4805,"children":4806},{"class":409,"line":750},[4807,4812,4816,4820,4825,4829],{"type":53,"tag":407,"props":4808,"children":4809},{"style":661},[4810],{"type":59,"value":4811},"    videoSDKJWT",{"type":53,"tag":407,"props":4813,"children":4814},{"style":509},[4815],{"type":59,"value":669},{"type":53,"tag":407,"props":4817,"children":4818},{"style":509},[4819],{"type":59,"value":1232},{"type":53,"tag":407,"props":4821,"children":4822},{"style":420},[4823],{"type":59,"value":4824},"your_jwt",{"type":53,"tag":407,"props":4826,"children":4827},{"style":509},[4828],{"type":59,"value":1171},{"type":53,"tag":407,"props":4830,"children":4831},{"style":509},[4832],{"type":59,"value":687},{"type":53,"tag":407,"props":4834,"children":4835},{"class":409,"line":772},[4836,4841,4845,4849,4853,4857],{"type":53,"tag":407,"props":4837,"children":4838},{"style":661},[4839],{"type":59,"value":4840},"    sessionName",{"type":53,"tag":407,"props":4842,"children":4843},{"style":509},[4844],{"type":59,"value":669},{"type":53,"tag":407,"props":4846,"children":4847},{"style":509},[4848],{"type":59,"value":1232},{"type":53,"tag":407,"props":4850,"children":4851},{"style":420},[4852],{"type":59,"value":709},{"type":53,"tag":407,"props":4854,"children":4855},{"style":509},[4856],{"type":59,"value":1171},{"type":53,"tag":407,"props":4858,"children":4859},{"style":509},[4860],{"type":59,"value":687},{"type":53,"tag":407,"props":4862,"children":4863},{"class":409,"line":898},[4864,4869,4873,4877,4881,4885],{"type":53,"tag":407,"props":4865,"children":4866},{"style":661},[4867],{"type":59,"value":4868},"    userName",{"type":53,"tag":407,"props":4870,"children":4871},{"style":509},[4872],{"type":59,"value":669},{"type":53,"tag":407,"props":4874,"children":4875},{"style":509},[4876],{"type":59,"value":1232},{"type":53,"tag":407,"props":4878,"children":4879},{"style":420},[4880],{"type":59,"value":3680},{"type":53,"tag":407,"props":4882,"children":4883},{"style":509},[4884],{"type":59,"value":1171},{"type":53,"tag":407,"props":4886,"children":4887},{"style":509},[4888],{"type":59,"value":687},{"type":53,"tag":407,"props":4890,"children":4891},{"class":409,"line":907},[4892,4897,4901,4905,4909,4913,4917,4921,4925,4929,4933,4937,4941,4945,4949],{"type":53,"tag":407,"props":4893,"children":4894},{"style":661},[4895],{"type":59,"value":4896},"    features",{"type":53,"tag":407,"props":4898,"children":4899},{"style":509},[4900],{"type":59,"value":669},{"type":53,"tag":407,"props":4902,"children":4903},{"style":498},[4904],{"type":59,"value":787},{"type":53,"tag":407,"props":4906,"children":4907},{"style":509},[4908],{"type":59,"value":1171},{"type":53,"tag":407,"props":4910,"children":4911},{"style":420},[4912],{"type":59,"value":796},{"type":53,"tag":407,"props":4914,"children":4915},{"style":509},[4916],{"type":59,"value":1171},{"type":53,"tag":407,"props":4918,"children":4919},{"style":509},[4920],{"type":59,"value":805},{"type":53,"tag":407,"props":4922,"children":4923},{"style":509},[4924],{"type":59,"value":1232},{"type":53,"tag":407,"props":4926,"children":4927},{"style":420},[4928],{"type":59,"value":814},{"type":53,"tag":407,"props":4930,"children":4931},{"style":509},[4932],{"type":59,"value":1171},{"type":53,"tag":407,"props":4934,"children":4935},{"style":509},[4936],{"type":59,"value":805},{"type":53,"tag":407,"props":4938,"children":4939},{"style":509},[4940],{"type":59,"value":1232},{"type":53,"tag":407,"props":4942,"children":4943},{"style":420},[4944],{"type":59,"value":848},{"type":53,"tag":407,"props":4946,"children":4947},{"style":509},[4948],{"type":59,"value":1171},{"type":53,"tag":407,"props":4950,"children":4951},{"style":498},[4952],{"type":59,"value":4953},"]\n",{"type":53,"tag":407,"props":4955,"children":4956},{"class":409,"line":915},[4957,4962,4966],{"type":53,"tag":407,"props":4958,"children":4959},{"style":509},[4960],{"type":59,"value":4961},"  }",{"type":53,"tag":407,"props":4963,"children":4964},{"style":498},[4965],{"type":59,"value":620},{"type":53,"tag":407,"props":4967,"children":4968},{"style":509},[4969],{"type":59,"value":527},{"type":53,"tag":407,"props":4971,"children":4972},{"class":409,"line":950},[4973,4978,4982],{"type":53,"tag":407,"props":4974,"children":4975},{"style":509},[4976],{"type":59,"value":4977},"\u003C\u002F",{"type":53,"tag":407,"props":4979,"children":4980},{"style":661},[4981],{"type":59,"value":4596},{"type":53,"tag":407,"props":4983,"children":4984},{"style":509},[4985],{"type":59,"value":4632},{"type":53,"tag":132,"props":4987,"children":4989},{"id":4988},"nextjs-with-basepath",[4990],{"type":59,"value":4991},"Next.js with basePath",{"type":53,"tag":62,"props":4993,"children":4994},{},[4995],{"type":59,"value":4996},"When deploying Next.js under a subpath:",{"type":53,"tag":396,"props":4998,"children":5000},{"className":1157,"code":4999,"language":1159,"meta":401,"style":401},"\u002F\u002F next.config.ts\nconst nextConfig = {\n  basePath: \"\u002Fyour-app-path\",\n  assetPrefix: \"\u002Fyour-app-path\",\n};\n",[5001],{"type":53,"tag":68,"props":5002,"children":5003},{"__ignoreMap":401},[5004,5012,5032,5061,5089],{"type":53,"tag":407,"props":5005,"children":5006},{"class":409,"line":410},[5007],{"type":53,"tag":407,"props":5008,"children":5009},{"style":1642},[5010],{"type":59,"value":5011},"\u002F\u002F next.config.ts\n",{"type":53,"tag":407,"props":5013,"children":5014},{"class":409,"line":436},[5015,5019,5024,5028],{"type":53,"tag":407,"props":5016,"children":5017},{"style":568},[5018],{"type":59,"value":571},{"type":53,"tag":407,"props":5020,"children":5021},{"style":498},[5022],{"type":59,"value":5023}," nextConfig ",{"type":53,"tag":407,"props":5025,"children":5026},{"style":509},[5027],{"type":59,"value":581},{"type":53,"tag":407,"props":5029,"children":5030},{"style":509},[5031],{"type":59,"value":654},{"type":53,"tag":407,"props":5033,"children":5034},{"class":409,"line":554},[5035,5040,5044,5048,5053,5057],{"type":53,"tag":407,"props":5036,"children":5037},{"style":661},[5038],{"type":59,"value":5039},"  basePath",{"type":53,"tag":407,"props":5041,"children":5042},{"style":509},[5043],{"type":59,"value":669},{"type":53,"tag":407,"props":5045,"children":5046},{"style":509},[5047],{"type":59,"value":512},{"type":53,"tag":407,"props":5049,"children":5050},{"style":420},[5051],{"type":59,"value":5052},"\u002Fyour-app-path",{"type":53,"tag":407,"props":5054,"children":5055},{"style":509},[5056],{"type":59,"value":522},{"type":53,"tag":407,"props":5058,"children":5059},{"style":509},[5060],{"type":59,"value":687},{"type":53,"tag":407,"props":5062,"children":5063},{"class":409,"line":564},[5064,5069,5073,5077,5081,5085],{"type":53,"tag":407,"props":5065,"children":5066},{"style":661},[5067],{"type":59,"value":5068},"  assetPrefix",{"type":53,"tag":407,"props":5070,"children":5071},{"style":509},[5072],{"type":59,"value":669},{"type":53,"tag":407,"props":5074,"children":5075},{"style":509},[5076],{"type":59,"value":512},{"type":53,"tag":407,"props":5078,"children":5079},{"style":420},[5080],{"type":59,"value":5052},{"type":53,"tag":407,"props":5082,"children":5083},{"style":509},[5084],{"type":59,"value":522},{"type":53,"tag":407,"props":5086,"children":5087},{"style":509},[5088],{"type":59,"value":687},{"type":53,"tag":407,"props":5090,"children":5091},{"class":409,"line":627},[5092],{"type":53,"tag":407,"props":5093,"children":5094},{"style":509},[5095],{"type":59,"value":904},{"type":53,"tag":62,"props":5097,"children":5098},{},[5099],{"type":59,"value":5100},"Fetch API routes with full path:",{"type":53,"tag":396,"props":5102,"children":5104},{"className":1157,"code":5103,"language":1159,"meta":401,"style":401},"fetch('\u002Fyour-app-path\u002Fapi\u002Ftoken', { ... })\n",[5105],{"type":53,"tag":68,"props":5106,"children":5107},{"__ignoreMap":401},[5108],{"type":53,"tag":407,"props":5109,"children":5110},{"class":409,"line":410},[5111,5116,5120,5124,5129,5133,5137,5141,5146,5150],{"type":53,"tag":407,"props":5112,"children":5113},{"style":594},[5114],{"type":59,"value":5115},"fetch",{"type":53,"tag":407,"props":5117,"children":5118},{"style":498},[5119],{"type":59,"value":602},{"type":53,"tag":407,"props":5121,"children":5122},{"style":509},[5123],{"type":59,"value":1171},{"type":53,"tag":407,"props":5125,"children":5126},{"style":420},[5127],{"type":59,"value":5128},"\u002Fyour-app-path\u002Fapi\u002Ftoken",{"type":53,"tag":407,"props":5130,"children":5131},{"style":509},[5132],{"type":59,"value":1171},{"type":53,"tag":407,"props":5134,"children":5135},{"style":509},[5136],{"type":59,"value":805},{"type":53,"tag":407,"props":5138,"children":5139},{"style":509},[5140],{"type":59,"value":1203},{"type":53,"tag":407,"props":5142,"children":5143},{"style":509},[5144],{"type":59,"value":5145}," ...",{"type":53,"tag":407,"props":5147,"children":5148},{"style":509},[5149],{"type":59,"value":1222},{"type":53,"tag":407,"props":5151,"children":5152},{"style":498},[5153],{"type":59,"value":5154},")\n",{"type":53,"tag":132,"props":5156,"children":5158},{"id":5157},"prerequisites",[5159],{"type":59,"value":5160},"Prerequisites",{"type":53,"tag":147,"props":5162,"children":5163},{},[5164,5181,5190,5200],{"type":53,"tag":151,"props":5165,"children":5166},{},[5167,5172,5174],{"type":53,"tag":80,"props":5168,"children":5169},{},[5170],{"type":59,"value":5171},"Zoom Video SDK credentials",{"type":59,"value":5173}," from ",{"type":53,"tag":88,"props":5175,"children":5178},{"href":5176,"rel":5177},"https:\u002F\u002Fmarketplace.zoom.us\u002F",[92],[5179],{"type":59,"value":5180},"Zoom Marketplace",{"type":53,"tag":151,"props":5182,"children":5183},{},[5184,5188],{"type":53,"tag":80,"props":5185,"children":5186},{},[5187],{"type":59,"value":15},{"type":59,"value":5189}," version compatible with your installed UI Toolkit package (check peer deps; React 18 is common)",{"type":53,"tag":151,"props":5191,"children":5192},{},[5193,5198],{"type":53,"tag":80,"props":5194,"children":5195},{},[5196],{"type":59,"value":5197},"Server-side JWT generation",{"type":59,"value":5199}," (never expose SDK secret)",{"type":53,"tag":151,"props":5201,"children":5202},{},[5203,5208],{"type":53,"tag":80,"props":5204,"children":5205},{},[5206],{"type":59,"value":5207},"Modern browser",{"type":59,"value":5209}," with WebRTC support",{"type":53,"tag":132,"props":5211,"children":5213},{"id":5212},"browser-support",[5214],{"type":59,"value":5215},"Browser Support",{"type":53,"tag":2635,"props":5217,"children":5218},{},[5219,5235],{"type":53,"tag":2639,"props":5220,"children":5221},{},[5222],{"type":53,"tag":2643,"props":5223,"children":5224},{},[5225,5230],{"type":53,"tag":2647,"props":5226,"children":5227},{},[5228],{"type":59,"value":5229},"Browser",{"type":53,"tag":2647,"props":5231,"children":5232},{},[5233],{"type":59,"value":5234},"Version",{"type":53,"tag":2658,"props":5236,"children":5237},{},[5238,5251,5264,5277],{"type":53,"tag":2643,"props":5239,"children":5240},{},[5241,5246],{"type":53,"tag":2665,"props":5242,"children":5243},{},[5244],{"type":59,"value":5245},"Chrome",{"type":53,"tag":2665,"props":5247,"children":5248},{},[5249],{"type":59,"value":5250},"78+",{"type":53,"tag":2643,"props":5252,"children":5253},{},[5254,5259],{"type":53,"tag":2665,"props":5255,"children":5256},{},[5257],{"type":59,"value":5258},"Firefox",{"type":53,"tag":2665,"props":5260,"children":5261},{},[5262],{"type":59,"value":5263},"76+",{"type":53,"tag":2643,"props":5265,"children":5266},{},[5267,5272],{"type":53,"tag":2665,"props":5268,"children":5269},{},[5270],{"type":59,"value":5271},"Safari",{"type":53,"tag":2665,"props":5273,"children":5274},{},[5275],{"type":59,"value":5276},"14.1+",{"type":53,"tag":2643,"props":5278,"children":5279},{},[5280,5285],{"type":53,"tag":2665,"props":5281,"children":5282},{},[5283],{"type":59,"value":5284},"Edge",{"type":53,"tag":2665,"props":5286,"children":5287},{},[5288],{"type":59,"value":5289},"79+",{"type":53,"tag":132,"props":5291,"children":5293},{"id":5292},"common-issues",[5294],{"type":59,"value":5295},"Common Issues",{"type":53,"tag":2635,"props":5297,"children":5298},{},[5299,5315],{"type":53,"tag":2639,"props":5300,"children":5301},{},[5302],{"type":53,"tag":2643,"props":5303,"children":5304},{},[5305,5310],{"type":53,"tag":2647,"props":5306,"children":5307},{},[5308],{"type":59,"value":5309},"Issue",{"type":53,"tag":2647,"props":5311,"children":5312},{},[5313],{"type":59,"value":5314},"Solution",{"type":53,"tag":2658,"props":5316,"children":5317},{},[5318,5336,5365,5383],{"type":53,"tag":2643,"props":5319,"children":5320},{},[5321,5331],{"type":53,"tag":2665,"props":5322,"children":5323},{},[5324,5330],{"type":53,"tag":68,"props":5325,"children":5327},{"className":5326},[],[5328],{"type":59,"value":5329},"peer react@\"^18.0.0\"",{"type":59,"value":3243},{"type":53,"tag":2665,"props":5332,"children":5333},{},[5334],{"type":59,"value":5335},"Use the React version required by the installed UI Toolkit package (check peer deps; React 18 is common)",{"type":53,"tag":2643,"props":5337,"children":5338},{},[5339,5344],{"type":53,"tag":2665,"props":5340,"children":5341},{},[5342],{"type":59,"value":5343},"CSS import TypeScript error",{"type":53,"tag":2665,"props":5345,"children":5346},{},[5347,5349,5355,5357,5363],{"type":59,"value":5348},"Configure TS\u002FCSS handling (prefer a global ",{"type":53,"tag":68,"props":5350,"children":5352},{"className":5351},[],[5353],{"type":59,"value":5354},"*.css",{"type":59,"value":5356}," module declaration); avoid ",{"type":53,"tag":68,"props":5358,"children":5360},{"className":5359},[],[5361],{"type":59,"value":5362},"@ts-ignore",{"type":59,"value":5364}," except in throwaway demos",{"type":53,"tag":2643,"props":5366,"children":5367},{},[5368,5373],{"type":53,"tag":2665,"props":5369,"children":5370},{},[5371],{"type":59,"value":5372},"Config type error",{"type":53,"tag":2665,"props":5374,"children":5375},{},[5376,5378],{"type":59,"value":5377},"Type config as ",{"type":53,"tag":68,"props":5379,"children":5381},{"className":5380},[],[5382],{"type":59,"value":1395},{"type":53,"tag":2643,"props":5384,"children":5385},{},[5386,5391],{"type":53,"tag":2665,"props":5387,"children":5388},{},[5389],{"type":59,"value":5390},"API returns HTML not JSON",{"type":53,"tag":2665,"props":5392,"children":5393},{},[5394],{"type":59,"value":5395},"Check basePath in fetch URL",{"type":53,"tag":132,"props":5397,"children":5399},{"id":5398},"resources",[5400],{"type":59,"value":5401},"Resources",{"type":53,"tag":210,"props":5403,"children":5404},{},[5405,5420,5434,5449],{"type":53,"tag":151,"props":5406,"children":5407},{},[5408,5413,5414],{"type":53,"tag":80,"props":5409,"children":5410},{},[5411],{"type":59,"value":5412},"GitHub",{"type":59,"value":86},{"type":53,"tag":88,"props":5415,"children":5418},{"href":5416,"rel":5417},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-web",[92],[5419],{"type":59,"value":5416},{"type":53,"tag":151,"props":5421,"children":5422},{},[5423,5428,5429],{"type":53,"tag":80,"props":5424,"children":5425},{},[5426],{"type":59,"value":5427},"UI Toolkit Docs",{"type":59,"value":86},{"type":53,"tag":88,"props":5430,"children":5432},{"href":90,"rel":5431},[92],[5433],{"type":59,"value":90},{"type":53,"tag":151,"props":5435,"children":5436},{},[5437,5442,5443],{"type":53,"tag":80,"props":5438,"children":5439},{},[5440],{"type":59,"value":5441},"Auth Endpoint Sample",{"type":59,"value":86},{"type":53,"tag":88,"props":5444,"children":5447},{"href":5445,"rel":5446},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-auth-endpoint-sample",[92],[5448],{"type":59,"value":5445},{"type":53,"tag":151,"props":5450,"children":5451},{},[5452,5457,5458],{"type":53,"tag":80,"props":5453,"children":5454},{},[5455],{"type":59,"value":5456},"Marketplace",{"type":59,"value":86},{"type":53,"tag":88,"props":5459,"children":5461},{"href":5176,"rel":5460},[92],[5462],{"type":59,"value":5176},{"type":53,"tag":5464,"props":5465,"children":5466},"hr",{},[],{"type":53,"tag":132,"props":5468,"children":5470},{"id":5469},"integrated-index",[5471],{"type":59,"value":198},{"type":53,"tag":62,"props":5473,"children":5474},{},[5475],{"type":53,"tag":5476,"props":5477,"children":5478},"em",{},[5479,5481,5487],{"type":59,"value":5480},"This section was migrated from ",{"type":53,"tag":68,"props":5482,"children":5484},{"className":5483},[],[5485],{"type":59,"value":5486},"SKILL.md",{"type":59,"value":591},{"type":53,"tag":62,"props":5489,"children":5490},{},[5491],{"type":59,"value":5492},"Complete navigation for all UI Toolkit documentation.",{"type":53,"tag":132,"props":5494,"children":5496},{"id":5495},"start-here",[5497],{"type":59,"value":5498},"📚 Start Here",{"type":53,"tag":62,"props":5500,"children":5501},{},[5502],{"type":59,"value":5503},"New to the UI Toolkit? Follow this learning path:",{"type":53,"tag":147,"props":5505,"children":5506},{},[5507,5519,5531,5541,5550],{"type":53,"tag":151,"props":5508,"children":5509},{},[5510,5517],{"type":53,"tag":80,"props":5511,"children":5512},{},[5513],{"type":53,"tag":88,"props":5514,"children":5515},{"href":5486},[5516],{"type":59,"value":5486},{"type":59,"value":5518}," - Main overview and quick start",{"type":53,"tag":151,"props":5520,"children":5521},{},[5522,5529],{"type":53,"tag":80,"props":5523,"children":5524},{},[5525],{"type":53,"tag":88,"props":5526,"children":5527},{"href":246},[5528],{"type":59,"value":249},{"type":59,"value":5530}," - Preflight checks before deep debugging",{"type":53,"tag":151,"props":5532,"children":5533},{},[5534,5539],{"type":53,"tag":80,"props":5535,"children":5536},{},[5537],{"type":59,"value":5538},"Quick Start Guide",{"type":59,"value":5540}," - Working code in 5 minutes (see skill.md)",{"type":53,"tag":151,"props":5542,"children":5543},{},[5544,5548],{"type":53,"tag":80,"props":5545,"children":5546},{},[5547],{"type":59,"value":168},{"type":59,"value":5549}," - Server-side token generation (see skill.md)",{"type":53,"tag":151,"props":5551,"children":5552},{},[5553,5558],{"type":53,"tag":80,"props":5554,"children":5555},{},[5556],{"type":59,"value":5557},"Choose Your Mode",{"type":59,"value":5559}," - Composite vs Components (see skill.md)",{"type":53,"tag":132,"props":5561,"children":5563},{"id":5562},"core-concepts",[5564],{"type":59,"value":5565},"🎯 Core Concepts",{"type":53,"tag":62,"props":5567,"children":5568},{},[5569],{"type":59,"value":5570},"Understanding how UI Toolkit works:",{"type":53,"tag":210,"props":5572,"children":5573},{},[5574,5583,5593,5603],{"type":53,"tag":151,"props":5575,"children":5576},{},[5577,5581],{"type":53,"tag":80,"props":5578,"children":5579},{},[5580],{"type":59,"value":178},{"type":59,"value":5582}," - Two ways to use UI Toolkit (see skill.md)",{"type":53,"tag":151,"props":5584,"children":5585},{},[5586,5591],{"type":53,"tag":80,"props":5587,"children":5588},{},[5589],{"type":59,"value":5590},"UI Toolkit Architecture",{"type":59,"value":5592}," - How it wraps Video SDK internally",{"type":53,"tag":151,"props":5594,"children":5595},{},[5596,5601],{"type":53,"tag":80,"props":5597,"children":5598},{},[5599],{"type":59,"value":5600},"Feature Configuration",{"type":59,"value":5602}," - Understanding featuresOptions structure",{"type":53,"tag":151,"props":5604,"children":5605},{},[5606,5611],{"type":53,"tag":80,"props":5607,"children":5608},{},[5609],{"type":59,"value":5610},"Session Lifecycle",{"type":59,"value":5612}," - Join → Active → Leave\u002FClose → Destroy flow",{"type":53,"tag":132,"props":5614,"children":5616},{"id":5615},"complete-guides",[5617],{"type":59,"value":5618},"📖 Complete Guides",{"type":53,"tag":472,"props":5620,"children":5622},{"id":5621},"getting-started",[5623],{"type":59,"value":5624},"Getting Started",{"type":53,"tag":210,"props":5626,"children":5627},{},[5628,5637,5647,5657],{"type":53,"tag":151,"props":5629,"children":5630},{},[5631,5635],{"type":53,"tag":80,"props":5632,"children":5633},{},[5634],{"type":59,"value":394},{"type":59,"value":5636}," - NPM install and React 18 setup (see skill.md)",{"type":53,"tag":151,"props":5638,"children":5639},{},[5640,5645],{"type":53,"tag":80,"props":5641,"children":5642},{},[5643],{"type":59,"value":5644},"Quick Start - Composite",{"type":59,"value":5646}," - Full UI in one container (see skill.md)",{"type":53,"tag":151,"props":5648,"children":5649},{},[5650,5655],{"type":53,"tag":80,"props":5651,"children":5652},{},[5653],{"type":59,"value":5654},"Quick Start - Components",{"type":59,"value":5656}," - Individual UI pieces (see skill.md)",{"type":53,"tag":151,"props":5658,"children":5659},{},[5660,5664],{"type":53,"tag":80,"props":5661,"children":5662},{},[5663],{"type":59,"value":168},{"type":59,"value":5549},{"type":53,"tag":472,"props":5666,"children":5668},{"id":5667},"framework-integration",[5669],{"type":59,"value":188},{"type":53,"tag":210,"props":5671,"children":5672},{},[5673,5683,5693,5703,5713],{"type":53,"tag":151,"props":5674,"children":5675},{},[5676,5681],{"type":53,"tag":80,"props":5677,"children":5678},{},[5679],{"type":59,"value":5680},"React Integration",{"type":59,"value":5682}," - Hooks, useEffect patterns (see skill.md)",{"type":53,"tag":151,"props":5684,"children":5685},{},[5686,5691],{"type":53,"tag":80,"props":5687,"children":5688},{},[5689],{"type":59,"value":5690},"Vue.js Integration",{"type":59,"value":5692}," - Composition API and Options API (see skill.md)",{"type":53,"tag":151,"props":5694,"children":5695},{},[5696,5701],{"type":53,"tag":80,"props":5697,"children":5698},{},[5699],{"type":59,"value":5700},"Angular Integration",{"type":59,"value":5702}," - Component lifecycle (see skill.md)",{"type":53,"tag":151,"props":5704,"children":5705},{},[5706,5711],{"type":53,"tag":80,"props":5707,"children":5708},{},[5709],{"type":59,"value":5710},"Next.js Integration",{"type":59,"value":5712}," - App Router, Server Components (see skill.md)",{"type":53,"tag":151,"props":5714,"children":5715},{},[5716,5721],{"type":53,"tag":80,"props":5717,"children":5718},{},[5719],{"type":59,"value":5720},"Vanilla JavaScript",{"type":59,"value":5722}," - No framework usage (see skill.md)",{"type":53,"tag":472,"props":5724,"children":5726},{"id":5725},"advanced-topics",[5727],{"type":59,"value":5728},"Advanced Topics",{"type":53,"tag":210,"props":5730,"children":5731},{},[5732,5742,5751,5761,5771,5781],{"type":53,"tag":151,"props":5733,"children":5734},{},[5735,5740],{"type":53,"tag":80,"props":5736,"children":5737},{},[5738],{"type":59,"value":5739},"Component Lifecycle",{"type":59,"value":5741}," - Mount, unmount, cleanup patterns",{"type":53,"tag":151,"props":5743,"children":5744},{},[5745,5749],{"type":53,"tag":80,"props":5746,"children":5747},{},[5748],{"type":59,"value":4177},{"type":59,"value":5750}," - React to session events",{"type":53,"tag":151,"props":5752,"children":5753},{},[5754,5759],{"type":53,"tag":80,"props":5755,"children":5756},{},[5757],{"type":59,"value":5758},"Session Management",{"type":59,"value":5760}," - Programmatic control",{"type":53,"tag":151,"props":5762,"children":5763},{},[5764,5769],{"type":53,"tag":80,"props":5765,"children":5766},{},[5767],{"type":59,"value":5768},"Quality Statistics",{"type":59,"value":5770}," - Monitor connection quality",{"type":53,"tag":151,"props":5772,"children":5773},{},[5774,5779],{"type":53,"tag":80,"props":5775,"children":5776},{},[5777],{"type":59,"value":5778},"Custom Themes",{"type":59,"value":5780}," - Theme customization",{"type":53,"tag":151,"props":5782,"children":5783},{},[5784,5789],{"type":53,"tag":80,"props":5785,"children":5786},{},[5787],{"type":59,"value":5788},"Virtual Backgrounds",{"type":59,"value":5790}," - Custom background images",{"type":53,"tag":132,"props":5792,"children":5793},{"id":4101},[5794],{"type":59,"value":5795},"📚 API Reference",{"type":53,"tag":62,"props":5797,"children":5798},{},[5799],{"type":59,"value":5800},"Complete API documentation:",{"type":53,"tag":210,"props":5802,"children":5803},{},[5804,5860,5926,6003,6070,6115],{"type":53,"tag":151,"props":5805,"children":5806},{},[5807,5811,5813],{"type":53,"tag":80,"props":5808,"children":5809},{},[5810],{"type":59,"value":4109},{"type":59,"value":5812}," (see skill.md)",{"type":53,"tag":210,"props":5814,"children":5815},{},[5816,5827,5838,5849],{"type":53,"tag":151,"props":5817,"children":5818},{},[5819,5825],{"type":53,"tag":68,"props":5820,"children":5822},{"className":5821},[],[5823],{"type":59,"value":5824},"joinSession()",{"type":59,"value":5826}," - Start a video session",{"type":53,"tag":151,"props":5828,"children":5829},{},[5830,5836],{"type":53,"tag":68,"props":5831,"children":5833},{"className":5832},[],[5834],{"type":59,"value":5835},"closeSession()",{"type":59,"value":5837}," - End session and remove UI",{"type":53,"tag":151,"props":5839,"children":5840},{},[5841,5847],{"type":53,"tag":68,"props":5842,"children":5844},{"className":5843},[],[5845],{"type":59,"value":5846},"destroy()",{"type":59,"value":5848}," - Clean up UI Toolkit instance",{"type":53,"tag":151,"props":5850,"children":5851},{},[5852,5858],{"type":53,"tag":68,"props":5853,"children":5855},{"className":5854},[],[5856],{"type":59,"value":5857},"leaveSession()",{"type":59,"value":5859}," - Leave without destroying UI",{"type":53,"tag":151,"props":5861,"children":5862},{},[5863,5867,5868],{"type":53,"tag":80,"props":5864,"children":5865},{},[5866],{"type":59,"value":4285},{"type":59,"value":5812},{"type":53,"tag":210,"props":5869,"children":5870},{},[5871,5882,5893,5904,5915],{"type":53,"tag":151,"props":5872,"children":5873},{},[5874,5880],{"type":53,"tag":68,"props":5875,"children":5877},{"className":5876},[],[5878],{"type":59,"value":5879},"showControlsComponent()",{"type":59,"value":5881}," - Display control bar",{"type":53,"tag":151,"props":5883,"children":5884},{},[5885,5891],{"type":53,"tag":68,"props":5886,"children":5888},{"className":5887},[],[5889],{"type":59,"value":5890},"showChatComponent()",{"type":59,"value":5892}," - Display chat panel",{"type":53,"tag":151,"props":5894,"children":5895},{},[5896,5902],{"type":53,"tag":68,"props":5897,"children":5899},{"className":5898},[],[5900],{"type":59,"value":5901},"showUsersComponent()",{"type":59,"value":5903}," - Display participants list",{"type":53,"tag":151,"props":5905,"children":5906},{},[5907,5913],{"type":53,"tag":68,"props":5908,"children":5910},{"className":5909},[],[5911],{"type":59,"value":5912},"showSettingsComponent()",{"type":59,"value":5914}," - Display settings panel",{"type":53,"tag":151,"props":5916,"children":5917},{},[5918,5924],{"type":53,"tag":68,"props":5919,"children":5921},{"className":5920},[],[5922],{"type":59,"value":5923},"hideAllComponents()",{"type":59,"value":5925}," - Hide all components",{"type":53,"tag":151,"props":5927,"children":5928},{},[5929,5933,5934],{"type":53,"tag":80,"props":5930,"children":5931},{},[5932],{"type":59,"value":4177},{"type":59,"value":5812},{"type":53,"tag":210,"props":5935,"children":5936},{},[5937,5948,5959,5970,5981,5992],{"type":53,"tag":151,"props":5938,"children":5939},{},[5940,5946],{"type":53,"tag":68,"props":5941,"children":5943},{"className":5942},[],[5944],{"type":59,"value":5945},"onSessionJoined()",{"type":59,"value":5947}," - Session joined successfully",{"type":53,"tag":151,"props":5949,"children":5950},{},[5951,5957],{"type":53,"tag":68,"props":5952,"children":5954},{"className":5953},[],[5955],{"type":59,"value":5956},"onSessionClosed()",{"type":59,"value":5958}," - Session ended",{"type":53,"tag":151,"props":5960,"children":5961},{},[5962,5968],{"type":53,"tag":68,"props":5963,"children":5965},{"className":5964},[],[5966],{"type":59,"value":5967},"onSessionDestroyed()",{"type":59,"value":5969}," - UI Toolkit destroyed",{"type":53,"tag":151,"props":5971,"children":5972},{},[5973,5979],{"type":53,"tag":68,"props":5974,"children":5976},{"className":5975},[],[5977],{"type":59,"value":5978},"onViewTypeChange()",{"type":59,"value":5980}," - View mode changed",{"type":53,"tag":151,"props":5982,"children":5983},{},[5984,5990],{"type":53,"tag":68,"props":5985,"children":5987},{"className":5986},[],[5988],{"type":59,"value":5989},"on()",{"type":59,"value":5991}," - Subscribe to Video SDK events",{"type":53,"tag":151,"props":5993,"children":5994},{},[5995,6001],{"type":53,"tag":68,"props":5996,"children":5998},{"className":5997},[],[5999],{"type":59,"value":6000},"off()",{"type":59,"value":6002}," - Unsubscribe from events",{"type":53,"tag":151,"props":6004,"children":6005},{},[6006,6011,6012],{"type":53,"tag":80,"props":6007,"children":6008},{},[6009],{"type":59,"value":6010},"Information Methods",{"type":59,"value":5812},{"type":53,"tag":210,"props":6013,"children":6014},{},[6015,6026,6037,6048,6059],{"type":53,"tag":151,"props":6016,"children":6017},{},[6018,6024],{"type":53,"tag":68,"props":6019,"children":6021},{"className":6020},[],[6022],{"type":59,"value":6023},"getSessionInfo()",{"type":59,"value":6025}," - Get session details",{"type":53,"tag":151,"props":6027,"children":6028},{},[6029,6035],{"type":53,"tag":68,"props":6030,"children":6032},{"className":6031},[],[6033],{"type":59,"value":6034},"getCurrentUserInfo()",{"type":59,"value":6036}," - Get current user",{"type":53,"tag":151,"props":6038,"children":6039},{},[6040,6046],{"type":53,"tag":68,"props":6041,"children":6043},{"className":6042},[],[6044],{"type":59,"value":6045},"getAllUser()",{"type":59,"value":6047}," - Get all participants",{"type":53,"tag":151,"props":6049,"children":6050},{},[6051,6057],{"type":53,"tag":68,"props":6052,"children":6054},{"className":6053},[],[6055],{"type":59,"value":6056},"getClient()",{"type":59,"value":6058}," - Get underlying Video SDK client",{"type":53,"tag":151,"props":6060,"children":6061},{},[6062,6068],{"type":53,"tag":68,"props":6063,"children":6065},{"className":6064},[],[6066],{"type":59,"value":6067},"version()",{"type":59,"value":6069}," - Get version info",{"type":53,"tag":151,"props":6071,"children":6072},{},[6073,6078,6079],{"type":53,"tag":80,"props":6074,"children":6075},{},[6076],{"type":59,"value":6077},"Control Methods",{"type":59,"value":5812},{"type":53,"tag":210,"props":6080,"children":6081},{},[6082,6093,6104],{"type":53,"tag":151,"props":6083,"children":6084},{},[6085,6091],{"type":53,"tag":68,"props":6086,"children":6088},{"className":6087},[],[6089],{"type":59,"value":6090},"changeViewType()",{"type":59,"value":6092}," - Switch view mode",{"type":53,"tag":151,"props":6094,"children":6095},{},[6096,6102],{"type":53,"tag":68,"props":6097,"children":6099},{"className":6098},[],[6100],{"type":59,"value":6101},"mirrorVideo()",{"type":59,"value":6103}," - Mirror self video",{"type":53,"tag":151,"props":6105,"children":6106},{},[6107,6113],{"type":53,"tag":68,"props":6108,"children":6110},{"className":6109},[],[6111],{"type":59,"value":6112},"isSupportCustomLayout()",{"type":59,"value":6114}," - Check device support",{"type":53,"tag":151,"props":6116,"children":6117},{},[6118,6123,6124],{"type":53,"tag":80,"props":6119,"children":6120},{},[6121],{"type":59,"value":6122},"Statistics Methods",{"type":59,"value":5812},{"type":53,"tag":210,"props":6125,"children":6126},{},[6127,6138,6149],{"type":53,"tag":151,"props":6128,"children":6129},{},[6130,6136],{"type":53,"tag":68,"props":6131,"children":6133},{"className":6132},[],[6134],{"type":59,"value":6135},"subscribeAudioStatisticData()",{"type":59,"value":6137}," - Audio quality stats",{"type":53,"tag":151,"props":6139,"children":6140},{},[6141,6147],{"type":53,"tag":68,"props":6142,"children":6144},{"className":6143},[],[6145],{"type":59,"value":6146},"subscribeVideoStatisticData()",{"type":59,"value":6148}," - Video quality stats",{"type":53,"tag":151,"props":6150,"children":6151},{},[6152,6158],{"type":53,"tag":68,"props":6153,"children":6155},{"className":6154},[],[6156],{"type":59,"value":6157},"subscribeShareStatisticData()",{"type":59,"value":6159}," - Share quality stats",{"type":53,"tag":132,"props":6161,"children":6163},{"id":6162},"configuration",[6164],{"type":59,"value":6165},"🔧 Configuration",{"type":53,"tag":210,"props":6167,"children":6168},{},[6169,6221],{"type":53,"tag":151,"props":6170,"children":6171},{},[6172,6176,6177],{"type":53,"tag":80,"props":6173,"children":6174},{},[6175],{"type":59,"value":5600},{"type":59,"value":5812},{"type":53,"tag":210,"props":6178,"children":6179},{},[6180,6191,6196,6201,6206,6211,6216],{"type":53,"tag":151,"props":6181,"children":6182},{},[6183,6189],{"type":53,"tag":68,"props":6184,"children":6186},{"className":6185},[],[6187],{"type":59,"value":6188},"featuresOptions",{"type":59,"value":6190}," structure",{"type":53,"tag":151,"props":6192,"children":6193},{},[6194],{"type":59,"value":6195},"Audio\u002FVideo options",{"type":53,"tag":151,"props":6197,"children":6198},{},[6199],{"type":59,"value":6200},"Chat, Users, Settings",{"type":53,"tag":151,"props":6202,"children":6203},{},[6204],{"type":59,"value":6205},"Virtual Background",{"type":53,"tag":151,"props":6207,"children":6208},{},[6209],{"type":59,"value":6210},"Recording, Captions (paid features)",{"type":53,"tag":151,"props":6212,"children":6213},{},[6214],{"type":59,"value":6215},"Theme customization",{"type":53,"tag":151,"props":6217,"children":6218},{},[6219],{"type":59,"value":6220},"View modes",{"type":53,"tag":151,"props":6222,"children":6223},{},[6224,6229,6230],{"type":53,"tag":80,"props":6225,"children":6226},{},[6227],{"type":59,"value":6228},"Session Configuration",{"type":59,"value":5812},{"type":53,"tag":210,"props":6231,"children":6232},{},[6233,6258,6276,6281,6286],{"type":53,"tag":151,"props":6234,"children":6235},{},[6236,6238,6244,6246,6251,6252],{"type":59,"value":6237},"Required: ",{"type":53,"tag":68,"props":6239,"children":6241},{"className":6240},[],[6242],{"type":59,"value":6243},"videoSDKJWT",{"type":59,"value":6245},", ",{"type":53,"tag":68,"props":6247,"children":6249},{"className":6248},[],[6250],{"type":59,"value":3185},{"type":59,"value":6245},{"type":53,"tag":68,"props":6253,"children":6255},{"className":6254},[],[6256],{"type":59,"value":6257},"userName",{"type":53,"tag":151,"props":6259,"children":6260},{},[6261,6263,6269,6270],{"type":59,"value":6262},"Optional: ",{"type":53,"tag":68,"props":6264,"children":6266},{"className":6265},[],[6267],{"type":59,"value":6268},"sessionPasscode",{"type":59,"value":6245},{"type":53,"tag":68,"props":6271,"children":6273},{"className":6272},[],[6274],{"type":59,"value":6275},"sessionIdleTimeoutMins",{"type":53,"tag":151,"props":6277,"children":6278},{},[6279],{"type":59,"value":6280},"Debug mode",{"type":53,"tag":151,"props":6282,"children":6283},{},[6284],{"type":59,"value":6285},"Web endpoint",{"type":53,"tag":151,"props":6287,"children":6288},{},[6289],{"type":59,"value":6290},"Language settings",{"type":53,"tag":132,"props":6292,"children":6294},{"id":6293},"️-troubleshooting",[6295],{"type":59,"value":6296},"⚠️ Troubleshooting",{"type":53,"tag":472,"props":6298,"children":6300},{"id":6299},"common-issues-1",[6301],{"type":59,"value":5295},{"type":53,"tag":210,"props":6303,"children":6304},{},[6305,6310,6315,6320,6325],{"type":53,"tag":151,"props":6306,"children":6307},{},[6308],{"type":59,"value":6309},"React 18 peer dependency error",{"type":53,"tag":151,"props":6311,"children":6312},{},[6313],{"type":59,"value":6314},"JWT token invalid",{"type":53,"tag":151,"props":6316,"children":6317},{},[6318],{"type":59,"value":6319},"CSS not loading",{"type":53,"tag":151,"props":6321,"children":6322},{},[6323],{"type":59,"value":6324},"Components not showing",{"type":53,"tag":151,"props":6326,"children":6327},{},[6328],{"type":59,"value":6329},"Session join failures",{"type":53,"tag":62,"props":6331,"children":6332},{},[6333,6335],{"type":59,"value":6334},"See: ",{"type":53,"tag":80,"props":6336,"children":6337},{},[6338],{"type":53,"tag":88,"props":6339,"children":6340},{"href":230},[6341],{"type":59,"value":230},{"type":53,"tag":472,"props":6343,"children":6345},{"id":6344},"framework-specific-issues",[6346],{"type":59,"value":6347},"Framework-Specific Issues",{"type":53,"tag":210,"props":6349,"children":6350},{},[6351,6356,6361,6366],{"type":53,"tag":151,"props":6352,"children":6353},{},[6354],{"type":59,"value":6355},"React: SSR, hydration, cleanup",{"type":53,"tag":151,"props":6357,"children":6358},{},[6359],{"type":59,"value":6360},"Vue: Reactivity, lifecycle",{"type":53,"tag":151,"props":6362,"children":6363},{},[6364],{"type":59,"value":6365},"Angular: Module imports, AOT",{"type":53,"tag":151,"props":6367,"children":6368},{},[6369],{"type":59,"value":6370},"Next.js: App Router, basePath",{"type":53,"tag":472,"props":6372,"children":6374},{"id":6373},"session-issues",[6375],{"type":59,"value":6376},"Session Issues",{"type":53,"tag":210,"props":6378,"children":6379},{},[6380,6385,6390,6395],{"type":53,"tag":151,"props":6381,"children":6382},{},[6383],{"type":59,"value":6384},"Authentication failures",{"type":53,"tag":151,"props":6386,"children":6387},{},[6388],{"type":59,"value":6389},"Connection problems",{"type":53,"tag":151,"props":6391,"children":6392},{},[6393],{"type":59,"value":6394},"Video\u002Faudio not working",{"type":53,"tag":151,"props":6396,"children":6397},{},[6398],{"type":59,"value":6399},"Screen share issues",{"type":53,"tag":132,"props":6401,"children":6403},{"id":6402},"sample-applications",[6404],{"type":59,"value":6405},"📦 Sample Applications",{"type":53,"tag":62,"props":6407,"children":6408},{},[6409,6414],{"type":53,"tag":80,"props":6410,"children":6411},{},[6412],{"type":59,"value":6413},"Official Repositories",{"type":59,"value":669},{"type":53,"tag":2635,"props":6416,"children":6417},{},[6418,6439],{"type":53,"tag":2639,"props":6419,"children":6420},{},[6421],{"type":53,"tag":2643,"props":6422,"children":6423},{},[6424,6429,6434],{"type":53,"tag":2647,"props":6425,"children":6426},{},[6427],{"type":59,"value":6428},"Framework",{"type":53,"tag":2647,"props":6430,"children":6431},{},[6432],{"type":59,"value":6433},"Repository",{"type":53,"tag":2647,"props":6435,"children":6436},{},[6437],{"type":59,"value":6438},"Key Features",{"type":53,"tag":2658,"props":6440,"children":6441},{},[6442,6464,6487,6510,6533],{"type":53,"tag":2643,"props":6443,"children":6444},{},[6445,6449,6459],{"type":53,"tag":2665,"props":6446,"children":6447},{},[6448],{"type":59,"value":15},{"type":53,"tag":2665,"props":6450,"children":6451},{},[6452],{"type":53,"tag":88,"props":6453,"children":6456},{"href":6454,"rel":6455},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-react-sample",[92],[6457],{"type":59,"value":6458},"videosdk-zoom-ui-toolkit-react-sample",{"type":53,"tag":2665,"props":6460,"children":6461},{},[6462],{"type":59,"value":6463},"Hooks, TypeScript",{"type":53,"tag":2643,"props":6465,"children":6466},{},[6467,6472,6482],{"type":53,"tag":2665,"props":6468,"children":6469},{},[6470],{"type":59,"value":6471},"Vue.js",{"type":53,"tag":2665,"props":6473,"children":6474},{},[6475],{"type":53,"tag":88,"props":6476,"children":6479},{"href":6477,"rel":6478},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-vuejs-sample",[92],[6480],{"type":59,"value":6481},"videosdk-zoom-ui-toolkit-vuejs-sample",{"type":53,"tag":2665,"props":6483,"children":6484},{},[6485],{"type":59,"value":6486},"Composition API",{"type":53,"tag":2643,"props":6488,"children":6489},{},[6490,6495,6505],{"type":53,"tag":2665,"props":6491,"children":6492},{},[6493],{"type":59,"value":6494},"Angular",{"type":53,"tag":2665,"props":6496,"children":6497},{},[6498],{"type":53,"tag":88,"props":6499,"children":6502},{"href":6500,"rel":6501},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-angular-sample",[92],[6503],{"type":59,"value":6504},"videosdk-zoom-ui-toolkit-angular-sample",{"type":53,"tag":2665,"props":6506,"children":6507},{},[6508],{"type":59,"value":6509},"Services, Guards",{"type":53,"tag":2643,"props":6511,"children":6512},{},[6513,6518,6528],{"type":53,"tag":2665,"props":6514,"children":6515},{},[6516],{"type":59,"value":6517},"JavaScript",{"type":53,"tag":2665,"props":6519,"children":6520},{},[6521],{"type":53,"tag":88,"props":6522,"children":6525},{"href":6523,"rel":6524},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-javascript-sample",[92],[6526],{"type":59,"value":6527},"videosdk-zoom-ui-toolkit-javascript-sample",{"type":53,"tag":2665,"props":6529,"children":6530},{},[6531],{"type":59,"value":6532},"Vanilla JS",{"type":53,"tag":2643,"props":6534,"children":6535},{},[6536,6541,6550],{"type":53,"tag":2665,"props":6537,"children":6538},{},[6539],{"type":59,"value":6540},"Auth Endpoint",{"type":53,"tag":2665,"props":6542,"children":6543},{},[6544],{"type":53,"tag":88,"props":6545,"children":6547},{"href":5445,"rel":6546},[92],[6548],{"type":59,"value":6549},"videosdk-auth-endpoint-sample",{"type":53,"tag":2665,"props":6551,"children":6552},{},[6553],{"type":59,"value":6554},"Node.js JWT",{"type":53,"tag":132,"props":6556,"children":6558},{"id":6557},"external-resources",[6559],{"type":59,"value":6560},"🌐 External Resources",{"type":53,"tag":210,"props":6562,"children":6563},{},[6564,6577,6590,6603,6616,6631,6644],{"type":53,"tag":151,"props":6565,"children":6566},{},[6567,6571,6572],{"type":53,"tag":80,"props":6568,"children":6569},{},[6570],{"type":59,"value":84},{"type":59,"value":86},{"type":53,"tag":88,"props":6573,"children":6575},{"href":90,"rel":6574},[92],[6576],{"type":59,"value":90},{"type":53,"tag":151,"props":6578,"children":6579},{},[6580,6584,6585],{"type":53,"tag":80,"props":6581,"children":6582},{},[6583],{"type":59,"value":99},{"type":59,"value":86},{"type":53,"tag":88,"props":6586,"children":6588},{"href":103,"rel":6587},[92],[6589],{"type":59,"value":103},{"type":53,"tag":151,"props":6591,"children":6592},{},[6593,6597,6598],{"type":53,"tag":80,"props":6594,"children":6595},{},[6596],{"type":59,"value":111},{"type":59,"value":86},{"type":53,"tag":88,"props":6599,"children":6601},{"href":115,"rel":6600},[92],[6602],{"type":59,"value":115},{"type":53,"tag":151,"props":6604,"children":6605},{},[6606,6610,6611],{"type":53,"tag":80,"props":6607,"children":6608},{},[6609],{"type":59,"value":5456},{"type":59,"value":86},{"type":53,"tag":88,"props":6612,"children":6614},{"href":5176,"rel":6613},[92],[6615],{"type":59,"value":5176},{"type":53,"tag":151,"props":6617,"children":6618},{},[6619,6624,6625],{"type":53,"tag":80,"props":6620,"children":6621},{},[6622],{"type":59,"value":6623},"Developer Forum",{"type":59,"value":86},{"type":53,"tag":88,"props":6626,"children":6629},{"href":6627,"rel":6628},"https:\u002F\u002Fdevforum.zoom.us\u002F",[92],[6630],{"type":59,"value":6627},{"type":53,"tag":151,"props":6632,"children":6633},{},[6634,6638,6639],{"type":53,"tag":80,"props":6635,"children":6636},{},[6637],{"type":59,"value":123},{"type":59,"value":86},{"type":53,"tag":88,"props":6640,"children":6642},{"href":127,"rel":6641},[92],[6643],{"type":59,"value":127},{"type":53,"tag":151,"props":6645,"children":6646},{},[6647,6652,6653],{"type":53,"tag":80,"props":6648,"children":6649},{},[6650],{"type":59,"value":6651},"Changelog",{"type":59,"value":86},{"type":53,"tag":88,"props":6654,"children":6657},{"href":6655,"rel":6656},"https:\u002F\u002Fdevelopers.zoom.us\u002Fchangelog\u002Fui-toolkit\u002Fweb\u002F",[92],[6658],{"type":59,"value":6655},{"type":53,"tag":132,"props":6660,"children":6662},{"id":6661},"learning-path",[6663],{"type":59,"value":6664},"🎓 Learning Path",{"type":53,"tag":472,"props":6666,"children":6668},{"id":6667},"beginner",[6669],{"type":59,"value":6670},"Beginner",{"type":53,"tag":147,"props":6672,"children":6673},{},[6674,6685,6690,6695,6700],{"type":53,"tag":151,"props":6675,"children":6676},{},[6677,6679,6683],{"type":59,"value":6678},"Read ",{"type":53,"tag":88,"props":6680,"children":6681},{"href":5486},[6682],{"type":59,"value":5486},{"type":59,"value":6684}," overview",{"type":53,"tag":151,"props":6686,"children":6687},{},[6688],{"type":59,"value":6689},"Follow Quick Start - Composite",{"type":53,"tag":151,"props":6691,"children":6692},{},[6693],{"type":59,"value":6694},"Generate JWT on server",{"type":53,"tag":151,"props":6696,"children":6697},{},[6698],{"type":59,"value":6699},"Join your first session",{"type":53,"tag":151,"props":6701,"children":6702},{},[6703],{"type":59,"value":6704},"Explore available features",{"type":53,"tag":472,"props":6706,"children":6708},{"id":6707},"intermediate",[6709],{"type":59,"value":6710},"Intermediate",{"type":53,"tag":147,"props":6712,"children":6713},{},[6714,6719,6724,6729,6734],{"type":53,"tag":151,"props":6715,"children":6716},{},[6717],{"type":59,"value":6718},"Try Component Mode",{"type":53,"tag":151,"props":6720,"children":6721},{},[6722],{"type":59,"value":6723},"Add event listeners",{"type":53,"tag":151,"props":6725,"children":6726},{},[6727],{"type":59,"value":6728},"Customize theme",{"type":53,"tag":151,"props":6730,"children":6731},{},[6732],{"type":59,"value":6733},"Add virtual backgrounds",{"type":53,"tag":151,"props":6735,"children":6736},{},[6737],{"type":59,"value":6738},"Integrate with your framework",{"type":53,"tag":472,"props":6740,"children":6742},{"id":6741},"advanced",[6743],{"type":59,"value":6744},"Advanced",{"type":53,"tag":147,"props":6746,"children":6747},{},[6748,6753,6758,6763,6768],{"type":53,"tag":151,"props":6749,"children":6750},{},[6751],{"type":59,"value":6752},"Access underlying Video SDK",{"type":53,"tag":151,"props":6754,"children":6755},{},[6756],{"type":59,"value":6757},"Subscribe to quality statistics",{"type":53,"tag":151,"props":6759,"children":6760},{},[6761],{"type":59,"value":6762},"Handle all edge cases",{"type":53,"tag":151,"props":6764,"children":6765},{},[6766],{"type":59,"value":6767},"Implement custom layouts",{"type":53,"tag":151,"props":6769,"children":6770},{},[6771],{"type":59,"value":6772},"Build production-ready app",{"type":53,"tag":132,"props":6774,"children":6776},{"id":6775},"quick-reference-card",[6777],{"type":59,"value":6778},"📋 Quick Reference Card",{"type":53,"tag":472,"props":6780,"children":6782},{"id":6781},"minimal-working-example",[6783],{"type":59,"value":6784},"Minimal Working Example",{"type":53,"tag":396,"props":6786,"children":6788},{"className":480,"code":6787,"language":482,"meta":401,"style":401},"import uitoolkit from \"@zoom\u002Fvideosdk-zoom-ui-toolkit\";\nimport \"@zoom\u002Fvideosdk-ui-toolkit\u002Fdist\u002Fvideosdk-zoom-ui-toolkit.css\";\n\nconst config = {\n  videoSDKJWT: \"YOUR_JWT\",\n  sessionName: \"test-session\",\n  userName: \"User\",\n  featuresOptions: {\n    video: { enable: true },\n    audio: { enable: true }\n  }\n};\n\nuitoolkit.joinSession(document.getElementById(\"container\"), config);\nuitoolkit.onSessionJoined(() => console.log(\"Joined\"));\nuitoolkit.onSessionClosed(() => uitoolkit.destroy());\n",[6789],{"type":53,"tag":68,"props":6790,"children":6791},{"__ignoreMap":401},[6792,6823,6846,6853,6872,6900,6928,6955,6971,7005,7038,7045,7052,7059,7119,7182],{"type":53,"tag":407,"props":6793,"children":6794},{"class":409,"line":410},[6795,6799,6803,6807,6811,6815,6819],{"type":53,"tag":407,"props":6796,"children":6797},{"style":492},[6798],{"type":59,"value":495},{"type":53,"tag":407,"props":6800,"children":6801},{"style":498},[6802],{"type":59,"value":501},{"type":53,"tag":407,"props":6804,"children":6805},{"style":492},[6806],{"type":59,"value":506},{"type":53,"tag":407,"props":6808,"children":6809},{"style":509},[6810],{"type":59,"value":512},{"type":53,"tag":407,"props":6812,"children":6813},{"style":420},[6814],{"type":59,"value":517},{"type":53,"tag":407,"props":6816,"children":6817},{"style":509},[6818],{"type":59,"value":522},{"type":53,"tag":407,"props":6820,"children":6821},{"style":509},[6822],{"type":59,"value":527},{"type":53,"tag":407,"props":6824,"children":6825},{"class":409,"line":436},[6826,6830,6834,6838,6842],{"type":53,"tag":407,"props":6827,"children":6828},{"style":492},[6829],{"type":59,"value":495},{"type":53,"tag":407,"props":6831,"children":6832},{"style":509},[6833],{"type":59,"value":512},{"type":53,"tag":407,"props":6835,"children":6836},{"style":420},[6837],{"type":59,"value":543},{"type":53,"tag":407,"props":6839,"children":6840},{"style":509},[6841],{"type":59,"value":522},{"type":53,"tag":407,"props":6843,"children":6844},{"style":509},[6845],{"type":59,"value":527},{"type":53,"tag":407,"props":6847,"children":6848},{"class":409,"line":554},[6849],{"type":53,"tag":407,"props":6850,"children":6851},{"emptyLinePlaceholder":558},[6852],{"type":59,"value":561},{"type":53,"tag":407,"props":6854,"children":6855},{"class":409,"line":564},[6856,6860,6864,6868],{"type":53,"tag":407,"props":6857,"children":6858},{"style":568},[6859],{"type":59,"value":571},{"type":53,"tag":407,"props":6861,"children":6862},{"style":498},[6863],{"type":59,"value":645},{"type":53,"tag":407,"props":6865,"children":6866},{"style":509},[6867],{"type":59,"value":581},{"type":53,"tag":407,"props":6869,"children":6870},{"style":509},[6871],{"type":59,"value":654},{"type":53,"tag":407,"props":6873,"children":6874},{"class":409,"line":627},[6875,6879,6883,6887,6892,6896],{"type":53,"tag":407,"props":6876,"children":6877},{"style":661},[6878],{"type":59,"value":664},{"type":53,"tag":407,"props":6880,"children":6881},{"style":509},[6882],{"type":59,"value":669},{"type":53,"tag":407,"props":6884,"children":6885},{"style":509},[6886],{"type":59,"value":512},{"type":53,"tag":407,"props":6888,"children":6889},{"style":420},[6890],{"type":59,"value":6891},"YOUR_JWT",{"type":53,"tag":407,"props":6893,"children":6894},{"style":509},[6895],{"type":59,"value":522},{"type":53,"tag":407,"props":6897,"children":6898},{"style":509},[6899],{"type":59,"value":687},{"type":53,"tag":407,"props":6901,"children":6902},{"class":409,"line":635},[6903,6907,6911,6915,6920,6924],{"type":53,"tag":407,"props":6904,"children":6905},{"style":661},[6906],{"type":59,"value":696},{"type":53,"tag":407,"props":6908,"children":6909},{"style":509},[6910],{"type":59,"value":669},{"type":53,"tag":407,"props":6912,"children":6913},{"style":509},[6914],{"type":59,"value":512},{"type":53,"tag":407,"props":6916,"children":6917},{"style":420},[6918],{"type":59,"value":6919},"test-session",{"type":53,"tag":407,"props":6921,"children":6922},{"style":509},[6923],{"type":59,"value":522},{"type":53,"tag":407,"props":6925,"children":6926},{"style":509},[6927],{"type":59,"value":687},{"type":53,"tag":407,"props":6929,"children":6930},{"class":409,"line":657},[6931,6935,6939,6943,6947,6951],{"type":53,"tag":407,"props":6932,"children":6933},{"style":661},[6934],{"type":59,"value":726},{"type":53,"tag":407,"props":6936,"children":6937},{"style":509},[6938],{"type":59,"value":669},{"type":53,"tag":407,"props":6940,"children":6941},{"style":509},[6942],{"type":59,"value":512},{"type":53,"tag":407,"props":6944,"children":6945},{"style":420},[6946],{"type":59,"value":3680},{"type":53,"tag":407,"props":6948,"children":6949},{"style":509},[6950],{"type":59,"value":522},{"type":53,"tag":407,"props":6952,"children":6953},{"style":509},[6954],{"type":59,"value":687},{"type":53,"tag":407,"props":6956,"children":6957},{"class":409,"line":690},[6958,6963,6967],{"type":53,"tag":407,"props":6959,"children":6960},{"style":661},[6961],{"type":59,"value":6962},"  featuresOptions",{"type":53,"tag":407,"props":6964,"children":6965},{"style":509},[6966],{"type":59,"value":669},{"type":53,"tag":407,"props":6968,"children":6969},{"style":509},[6970],{"type":59,"value":654},{"type":53,"tag":407,"props":6972,"children":6973},{"class":409,"line":720},[6974,6979,6983,6987,6992,6996,7000],{"type":53,"tag":407,"props":6975,"children":6976},{"style":661},[6977],{"type":59,"value":6978},"    video",{"type":53,"tag":407,"props":6980,"children":6981},{"style":509},[6982],{"type":59,"value":669},{"type":53,"tag":407,"props":6984,"children":6985},{"style":509},[6986],{"type":59,"value":1203},{"type":53,"tag":407,"props":6988,"children":6989},{"style":661},[6990],{"type":59,"value":6991}," enable",{"type":53,"tag":407,"props":6993,"children":6994},{"style":509},[6995],{"type":59,"value":669},{"type":53,"tag":407,"props":6997,"children":6998},{"style":1466},[6999],{"type":59,"value":1469},{"type":53,"tag":407,"props":7001,"children":7002},{"style":509},[7003],{"type":59,"value":7004}," },\n",{"type":53,"tag":407,"props":7006,"children":7007},{"class":409,"line":750},[7008,7013,7017,7021,7025,7029,7033],{"type":53,"tag":407,"props":7009,"children":7010},{"style":661},[7011],{"type":59,"value":7012},"    audio",{"type":53,"tag":407,"props":7014,"children":7015},{"style":509},[7016],{"type":59,"value":669},{"type":53,"tag":407,"props":7018,"children":7019},{"style":509},[7020],{"type":59,"value":1203},{"type":53,"tag":407,"props":7022,"children":7023},{"style":661},[7024],{"type":59,"value":6991},{"type":53,"tag":407,"props":7026,"children":7027},{"style":509},[7028],{"type":59,"value":669},{"type":53,"tag":407,"props":7030,"children":7031},{"style":1466},[7032],{"type":59,"value":1469},{"type":53,"tag":407,"props":7034,"children":7035},{"style":509},[7036],{"type":59,"value":7037}," }\n",{"type":53,"tag":407,"props":7039,"children":7040},{"class":409,"line":772},[7041],{"type":53,"tag":407,"props":7042,"children":7043},{"style":509},[7044],{"type":59,"value":3304},{"type":53,"tag":407,"props":7046,"children":7047},{"class":409,"line":898},[7048],{"type":53,"tag":407,"props":7049,"children":7050},{"style":509},[7051],{"type":59,"value":904},{"type":53,"tag":407,"props":7053,"children":7054},{"class":409,"line":907},[7055],{"type":53,"tag":407,"props":7056,"children":7057},{"emptyLinePlaceholder":558},[7058],{"type":59,"value":561},{"type":53,"tag":407,"props":7060,"children":7061},{"class":409,"line":915},[7062,7066,7070,7074,7078,7082,7086,7090,7094,7099,7103,7107,7111,7115],{"type":53,"tag":407,"props":7063,"children":7064},{"style":498},[7065],{"type":59,"value":47},{"type":53,"tag":407,"props":7067,"children":7068},{"style":509},[7069],{"type":59,"value":591},{"type":53,"tag":407,"props":7071,"children":7072},{"style":594},[7073],{"type":59,"value":929},{"type":53,"tag":407,"props":7075,"children":7076},{"style":498},[7077],{"type":59,"value":4767},{"type":53,"tag":407,"props":7079,"children":7080},{"style":509},[7081],{"type":59,"value":591},{"type":53,"tag":407,"props":7083,"children":7084},{"style":594},[7085],{"type":59,"value":597},{"type":53,"tag":407,"props":7087,"children":7088},{"style":498},[7089],{"type":59,"value":602},{"type":53,"tag":407,"props":7091,"children":7092},{"style":509},[7093],{"type":59,"value":522},{"type":53,"tag":407,"props":7095,"children":7096},{"style":420},[7097],{"type":59,"value":7098},"container",{"type":53,"tag":407,"props":7100,"children":7101},{"style":509},[7102],{"type":59,"value":522},{"type":53,"tag":407,"props":7104,"children":7105},{"style":498},[7106],{"type":59,"value":620},{"type":53,"tag":407,"props":7108,"children":7109},{"style":509},[7110],{"type":59,"value":805},{"type":53,"tag":407,"props":7112,"children":7113},{"style":498},[7114],{"type":59,"value":943},{"type":53,"tag":407,"props":7116,"children":7117},{"style":509},[7118],{"type":59,"value":527},{"type":53,"tag":407,"props":7120,"children":7121},{"class":409,"line":950},[7122,7126,7130,7134,7138,7142,7146,7150,7154,7158,7162,7166,7170,7174,7178],{"type":53,"tag":407,"props":7123,"children":7124},{"style":498},[7125],{"type":59,"value":47},{"type":53,"tag":407,"props":7127,"children":7128},{"style":509},[7129],{"type":59,"value":591},{"type":53,"tag":407,"props":7131,"children":7132},{"style":594},[7133],{"type":59,"value":972},{"type":53,"tag":407,"props":7135,"children":7136},{"style":498},[7137],{"type":59,"value":602},{"type":53,"tag":407,"props":7139,"children":7140},{"style":509},[7141],{"type":59,"value":981},{"type":53,"tag":407,"props":7143,"children":7144},{"style":568},[7145],{"type":59,"value":986},{"type":53,"tag":407,"props":7147,"children":7148},{"style":498},[7149],{"type":59,"value":2103},{"type":53,"tag":407,"props":7151,"children":7152},{"style":509},[7153],{"type":59,"value":591},{"type":53,"tag":407,"props":7155,"children":7156},{"style":594},[7157],{"type":59,"value":1008},{"type":53,"tag":407,"props":7159,"children":7160},{"style":498},[7161],{"type":59,"value":602},{"type":53,"tag":407,"props":7163,"children":7164},{"style":509},[7165],{"type":59,"value":522},{"type":53,"tag":407,"props":7167,"children":7168},{"style":420},[7169],{"type":59,"value":2124},{"type":53,"tag":407,"props":7171,"children":7172},{"style":509},[7173],{"type":59,"value":522},{"type":53,"tag":407,"props":7175,"children":7176},{"style":498},[7177],{"type":59,"value":2133},{"type":53,"tag":407,"props":7179,"children":7180},{"style":509},[7181],{"type":59,"value":527},{"type":53,"tag":407,"props":7183,"children":7184},{"class":409,"line":958},[7185,7189,7193,7197,7201,7205,7209,7213,7217,7222,7227],{"type":53,"tag":407,"props":7186,"children":7187},{"style":498},[7188],{"type":59,"value":47},{"type":53,"tag":407,"props":7190,"children":7191},{"style":509},[7192],{"type":59,"value":591},{"type":53,"tag":407,"props":7194,"children":7195},{"style":594},[7196],{"type":59,"value":1075},{"type":53,"tag":407,"props":7198,"children":7199},{"style":498},[7200],{"type":59,"value":602},{"type":53,"tag":407,"props":7202,"children":7203},{"style":509},[7204],{"type":59,"value":981},{"type":53,"tag":407,"props":7206,"children":7207},{"style":568},[7208],{"type":59,"value":986},{"type":53,"tag":407,"props":7210,"children":7211},{"style":498},[7212],{"type":59,"value":1578},{"type":53,"tag":407,"props":7214,"children":7215},{"style":509},[7216],{"type":59,"value":591},{"type":53,"tag":407,"props":7218,"children":7219},{"style":594},[7220],{"type":59,"value":7221},"destroy",{"type":53,"tag":407,"props":7223,"children":7224},{"style":498},[7225],{"type":59,"value":7226},"())",{"type":53,"tag":407,"props":7228,"children":7229},{"style":509},[7230],{"type":59,"value":527},{"type":53,"tag":472,"props":7232,"children":7234},{"id":7233},"must-remember-rules",[7235],{"type":59,"value":7236},"Must-Remember Rules",{"type":53,"tag":147,"props":7238,"children":7239},{},[7240,7251,7268,7278,7288,7300,7317],{"type":53,"tag":151,"props":7241,"children":7242},{},[7243,7244,7249],{"type":59,"value":275},{"type":53,"tag":80,"props":7245,"children":7246},{},[7247],{"type":59,"value":7248},"Always",{"type":59,"value":7250}," generate JWT server-side",{"type":53,"tag":151,"props":7252,"children":7253},{},[7254,7255,7259,7261,7266],{"type":59,"value":275},{"type":53,"tag":80,"props":7256,"children":7257},{},[7258],{"type":59,"value":7248},{"type":59,"value":7260}," call ",{"type":53,"tag":68,"props":7262,"children":7264},{"className":7263},[],[7265],{"type":59,"value":5846},{"type":59,"value":7267}," on cleanup",{"type":53,"tag":151,"props":7269,"children":7270},{},[7271,7272,7276],{"type":59,"value":275},{"type":53,"tag":80,"props":7273,"children":7274},{},[7275],{"type":59,"value":7248},{"type":59,"value":7277}," use React 18 (not 17\u002F19)",{"type":53,"tag":151,"props":7279,"children":7280},{},[7281,7282,7286],{"type":59,"value":275},{"type":53,"tag":80,"props":7283,"children":7284},{},[7285],{"type":59,"value":7248},{"type":59,"value":7287}," import CSS file",{"type":53,"tag":151,"props":7289,"children":7290},{},[7291,7293,7298],{"type":59,"value":7292},"❌ ",{"type":53,"tag":80,"props":7294,"children":7295},{},[7296],{"type":59,"value":7297},"Never",{"type":59,"value":7299}," expose SDK secret client-side",{"type":53,"tag":151,"props":7301,"children":7302},{},[7303,7304,7308,7310,7315],{"type":59,"value":7292},{"type":53,"tag":80,"props":7305,"children":7306},{},[7307],{"type":59,"value":7297},{"type":59,"value":7309}," skip ",{"type":53,"tag":68,"props":7311,"children":7313},{"className":7312},[],[7314],{"type":59,"value":1075},{"type":59,"value":7316}," cleanup",{"type":53,"tag":151,"props":7318,"children":7319},{},[7320,7321,7325,7327],{"type":59,"value":7292},{"type":53,"tag":80,"props":7322,"children":7323},{},[7324],{"type":59,"value":7297},{"type":59,"value":7326}," call components before ",{"type":53,"tag":68,"props":7328,"children":7330},{"className":7329},[],[7331],{"type":59,"value":929},{"type":53,"tag":132,"props":7333,"children":7335},{"id":7334},"support",[7336],{"type":59,"value":7337},"📞 Support",{"type":53,"tag":210,"props":7339,"children":7340},{},[7341,7354,7369],{"type":53,"tag":151,"props":7342,"children":7343},{},[7344,7348,7349],{"type":53,"tag":80,"props":7345,"children":7346},{},[7347],{"type":59,"value":6623},{"type":59,"value":86},{"type":53,"tag":88,"props":7350,"children":7352},{"href":6627,"rel":7351},[92],[7353],{"type":59,"value":6627},{"type":53,"tag":151,"props":7355,"children":7356},{},[7357,7362,7363],{"type":53,"tag":80,"props":7358,"children":7359},{},[7360],{"type":59,"value":7361},"Developer Support",{"type":59,"value":86},{"type":53,"tag":88,"props":7364,"children":7367},{"href":7365,"rel":7366},"https:\u002F\u002Fdevelopers.zoom.us\u002Fsupport\u002F",[92],[7368],{"type":59,"value":7365},{"type":53,"tag":151,"props":7370,"children":7371},{},[7372,7377,7378],{"type":53,"tag":80,"props":7373,"children":7374},{},[7375],{"type":59,"value":7376},"Premier Support",{"type":59,"value":86},{"type":53,"tag":88,"props":7379,"children":7382},{"href":7380,"rel":7381},"https:\u002F\u002Fexplore.zoom.us\u002Fen\u002Fsupport-plans\u002Fdeveloper\u002F",[92],[7383],{"type":59,"value":7380},{"type":53,"tag":5464,"props":7385,"children":7386},{},[],{"type":53,"tag":62,"props":7388,"children":7389},{},[7390,7395,7396],{"type":53,"tag":80,"props":7391,"children":7392},{},[7393],{"type":59,"value":7394},"Navigation",{"type":59,"value":86},{"type":53,"tag":88,"props":7397,"children":7398},{"href":5486},[7399],{"type":59,"value":7400},"← Back to SKILL.md",{"type":53,"tag":132,"props":7402,"children":7404},{"id":7403},"environment-variables",[7405],{"type":59,"value":7406},"Environment Variables",{"type":53,"tag":210,"props":7408,"children":7409},{},[7410],{"type":53,"tag":151,"props":7411,"children":7412},{},[7413,7415,7420,7422,7428],{"type":59,"value":7414},"See ",{"type":53,"tag":88,"props":7416,"children":7418},{"href":7417},"references\u002Fenvironment-variables.md",[7419],{"type":59,"value":7417},{"type":59,"value":7421}," for standardized ",{"type":53,"tag":68,"props":7423,"children":7425},{"className":7424},[],[7426],{"type":59,"value":7427},".env",{"type":59,"value":7429}," keys and where to find each value.",{"type":53,"tag":7431,"props":7432,"children":7433},"style",{},[7434],{"type":59,"value":7435},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":7437,"total":7616},[7438,7457,7471,7483,7502,7515,7536,7550,7564,7579,7587,7600],{"slug":7439,"name":7439,"fn":7440,"description":7441,"org":7442,"tags":7443,"stars":7454,"repoUrl":7455,"updatedAt":7456},"algorithmic-art","create algorithmic art with p5.js","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7444,7447,7450,7453],{"name":7445,"slug":7446,"type":17},"Creative","creative",{"name":7448,"slug":7449,"type":17},"Design","design",{"name":7451,"slug":7452,"type":17},"Generative Art","generative-art",{"name":6517,"slug":482,"type":17},161831,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills","2026-04-06T17:56:15.455818",{"slug":7458,"name":7458,"fn":7459,"description":7460,"org":7461,"tags":7462,"stars":7454,"repoUrl":7455,"updatedAt":7470},"brand-guidelines","apply Anthropic brand colors and typography","Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7463,7466,7467],{"name":7464,"slug":7465,"type":17},"Branding","branding",{"name":7448,"slug":7449,"type":17},{"name":7468,"slug":7469,"type":17},"Typography","typography","2026-04-06T17:56:05.042852",{"slug":7472,"name":7472,"fn":7473,"description":7474,"org":7475,"tags":7476,"stars":7454,"repoUrl":7455,"updatedAt":7482},"canvas-design","create posters and visual art as PNG or PDF","Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7477,7478,7479],{"name":7445,"slug":7446,"type":17},{"name":7448,"slug":7449,"type":17},{"name":7480,"slug":7481,"type":17},"PDF","pdf","2026-04-06T17:56:03.794732",{"slug":7484,"name":7484,"fn":7485,"description":7486,"org":7487,"tags":7488,"stars":7454,"repoUrl":7455,"updatedAt":7501},"claude-api","build apps with the Claude API","Reference for the Claude API \u002F Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration.\nTRIGGER — read BEFORE opening the target file; don't skip because it \"looks like a one-liner\" — whenever: the prompt names Claude\u002FAnthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing\u002Fmodel choice\u002Flimits\u002Fcaching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent\u002FMCP\u002Ftool-definition\u002Fmulti-agent\u002FRAG\u002FLLM-judge\u002Fcomputer-use; generate\u002Fsummarize\u002Fextract\u002Fclassify\u002Frewrite\u002Fconverse over NL; debugging refusals\u002Fcutoffs\u002Fstreaming\u002Ftool-calls\u002Ftokens).\nSKIP only when another provider is being worked on (overrides all triggers): OpenAI\u002FGPT\u002FGemini\u002FLlama\u002FMistral\u002FCohere\u002FOllama named in the query; OR `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` over the project hits (run this grep FIRST if no provider named — don't Read the file).",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7489,7492,7493,7496,7498],{"name":7490,"slug":7491,"type":17},"Agents","agents",{"name":10,"slug":9,"type":17},{"name":7494,"slug":7495,"type":17},"Anthropic SDK","anthropic-sdk",{"name":7497,"slug":7484,"type":17},"Claude API",{"name":7499,"slug":7500,"type":17},"LLM","llm","2026-07-28T05:36:08.213335",{"slug":7503,"name":7503,"fn":7504,"description":7505,"org":7506,"tags":7507,"stars":7454,"repoUrl":7455,"updatedAt":7514},"doc-coauthoring","co-author documentation and technical specs","Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7508,7511],{"name":7509,"slug":7510,"type":17},"Documentation","documentation",{"name":7512,"slug":7513,"type":17},"Technical Writing","technical-writing","2026-04-06T17:56:14.18897",{"slug":7516,"name":7516,"fn":7517,"description":7518,"org":7519,"tags":7520,"stars":7454,"repoUrl":7455,"updatedAt":7535},"docx","create and edit Word documents","Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', '.dotx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx or .dotx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7521,7524,7526,7529,7532],{"name":7522,"slug":7523,"type":17},"Documents","documents",{"name":7525,"slug":7516,"type":17},"DOCX",{"name":7527,"slug":7528,"type":17},"Office","office",{"name":7530,"slug":7531,"type":17},"Templates","templates",{"name":7533,"slug":7534,"type":17},"Word","word","2026-07-18T05:16:23.136271",{"slug":7537,"name":7537,"fn":7538,"description":7539,"org":7540,"tags":7541,"stars":7454,"repoUrl":7455,"updatedAt":7549},"frontend-design","design production-grade frontend interfaces","Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7542,7543,7544,7545,7548],{"name":7448,"slug":7449,"type":17},{"name":25,"slug":26,"type":17},{"name":15,"slug":16,"type":17},{"name":7546,"slug":7547,"type":17},"Tailwind CSS","tailwind-css",{"name":22,"slug":23,"type":17},"2026-04-06T17:56:16.723469",{"slug":7551,"name":7551,"fn":7552,"description":7553,"org":7554,"tags":7555,"stars":7454,"repoUrl":7455,"updatedAt":7563},"internal-comms","write internal company communications","A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7556,7559,7560],{"name":7557,"slug":7558,"type":17},"Communications","communications",{"name":7530,"slug":7531,"type":17},{"name":7561,"slug":7562,"type":17},"Writing","writing","2026-04-06T17:56:20.695522",{"slug":7565,"name":7565,"fn":7566,"description":7567,"org":7568,"tags":7569,"stars":7454,"repoUrl":7455,"updatedAt":7578},"mcp-builder","build MCP servers","Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node\u002FTypeScript (MCP SDK).",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7570,7571,7574,7575],{"name":7490,"slug":7491,"type":17},{"name":7572,"slug":7573,"type":17},"API Development","api-development",{"name":7499,"slug":7500,"type":17},{"name":7576,"slug":7577,"type":17},"MCP","mcp","2026-04-06T17:56:10.357665",{"slug":7481,"name":7481,"fn":7580,"description":7581,"org":7582,"tags":7583,"stars":7454,"repoUrl":7455,"updatedAt":7586},"read edit and manipulate PDF files","Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text\u002Ftables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting\u002Fdecrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7584,7585],{"name":7522,"slug":7523,"type":17},{"name":7480,"slug":7481,"type":17},"2026-04-06T17:56:02.483316",{"slug":7588,"name":7588,"fn":7589,"description":7590,"org":7591,"tags":7592,"stars":7454,"repoUrl":7455,"updatedAt":7599},"pptx","create and edit PowerPoint presentations","Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7593,7596],{"name":7594,"slug":7595,"type":17},"PowerPoint","powerpoint",{"name":7597,"slug":7598,"type":17},"Presentations","presentations","2026-07-18T05:16:24.1471",{"slug":7601,"name":7601,"fn":7602,"description":7603,"org":7604,"tags":7605,"stars":7454,"repoUrl":7455,"updatedAt":7615},"skill-creator","create and optimize agent skills","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7606,7607,7608,7611,7614],{"name":7490,"slug":7491,"type":17},{"name":7509,"slug":7510,"type":17},{"name":7609,"slug":7610,"type":17},"Evals","evals",{"name":7612,"slug":7613,"type":17},"Performance","performance",{"name":7512,"slug":7513,"type":17},"2026-04-19T06:45:40.804",490,{"items":7618,"total":7725},[7619,7633,7649,7665,7681,7700,7712],{"slug":7620,"name":7620,"fn":7621,"description":7622,"org":7623,"tags":7624,"stars":27,"repoUrl":28,"updatedAt":7632},"accessibility-review","run WCAG accessibility audits","Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with \"audit accessibility\", \"check a11y\", \"is this accessible?\", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7625,7628,7629],{"name":7626,"slug":7627,"type":17},"Accessibility","accessibility",{"name":7448,"slug":7449,"type":17},{"name":7630,"slug":7631,"type":17},"WCAG","wcag","2026-04-06T17:58:05.682394",{"slug":7634,"name":7634,"fn":7635,"description":7636,"org":7637,"tags":7638,"stars":27,"repoUrl":28,"updatedAt":7648},"account-research","research accounts for sales intel","Research a company or person and get actionable sales intel. Works standalone with web search, supercharged when you connect enrichment tools or your CRM. Trigger with \"research [company]\", \"look up [person]\", \"intel on [prospect]\", \"who is [name] at [company]\", or \"tell me about [company]\".",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7639,7642,7645],{"name":7640,"slug":7641,"type":17},"CRM","crm",{"name":7643,"slug":7644,"type":17},"Research","research",{"name":7646,"slug":7647,"type":17},"Sales","sales","2026-04-06T17:56:41.410418",{"slug":7650,"name":7650,"fn":7651,"description":7652,"org":7653,"tags":7654,"stars":27,"repoUrl":28,"updatedAt":7664},"analyze","answer data questions and run analyses","Answer data questions -- from quick lookups to full analyses. Use when looking up a single metric, investigating what's driving a trend or drop, comparing segments over time, or preparing a formal data report for stakeholders.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7655,7658,7661],{"name":7656,"slug":7657,"type":17},"Analytics","analytics",{"name":7659,"slug":7660,"type":17},"Data Analysis","data-analysis",{"name":7662,"slug":7663,"type":17},"SQL","sql","2026-04-06T17:57:21.593647",{"slug":7666,"name":7666,"fn":7667,"description":7668,"org":7669,"tags":7670,"stars":27,"repoUrl":28,"updatedAt":7680},"architecture","create and evaluate architecture decision records","Create or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with trade-offs and consequences, reviewing a system design proposal, or designing a new component from requirements and constraints.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7671,7674,7676,7677],{"name":7672,"slug":7673,"type":17},"ADR","adr",{"name":7675,"slug":7666,"type":17},"Architecture",{"name":7509,"slug":7510,"type":17},{"name":7678,"slug":7679,"type":17},"Engineering","engineering","2026-04-06T17:57:49.26444",{"slug":7682,"name":7682,"fn":7683,"description":7684,"org":7685,"tags":7686,"stars":27,"repoUrl":28,"updatedAt":7699},"audit-support","support SOX 404 control testing","Support SOX 404 compliance with control testing methodology, sample selection, and documentation standards. Use when generating testing workpapers, selecting audit samples, classifying control deficiencies, or preparing for internal or external audits.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7687,7690,7693,7696],{"name":7688,"slug":7689,"type":17},"Audit","audit",{"name":7691,"slug":7692,"type":17},"Finance","finance",{"name":7694,"slug":7695,"type":17},"Regulatory Compliance","regulatory-compliance",{"name":7697,"slug":7698,"type":17},"SOX","sox","2026-04-06T17:57:36.714815",{"slug":7701,"name":7701,"fn":7702,"description":7703,"org":7704,"tags":7705,"stars":27,"repoUrl":28,"updatedAt":7711},"brand-review","review content against brand voice","Review content against your brand voice, style guide, and messaging pillars, flagging deviations by severity with specific before\u002Fafter fixes. Use when checking a draft before it ships, when auditing copy for voice consistency and terminology, or when screening for unsubstantiated claims, missing disclaimers, and other legal flags.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7706,7707,7710],{"name":7464,"slug":7465,"type":17},{"name":7708,"slug":7709,"type":17},"Marketing","marketing",{"name":7561,"slug":7562,"type":17},"2026-04-06T17:58:19.548331",{"slug":7713,"name":7713,"fn":7714,"description":7715,"org":7716,"tags":7717,"stars":27,"repoUrl":28,"updatedAt":7724},"brand-voice-enforcement","enforce brand voice in content","This skill applies brand guidelines to content creation. It should be used when the user asks to \"write an email\", \"draft a proposal\", \"create a pitch deck\", \"write a LinkedIn post\", \"draft a presentation\", \"write a Slack message\", \"draft sales content\", or any content creation request where brand voice should be applied. Also triggers on \"on-brand\", \"brand voice\", \"enforce voice\", \"apply brand guidelines\", \"brand-aligned content\", \"write in our voice\", \"use our brand tone\", \"make this sound like us\", \"rewrite this in our tone\", or \"this doesn't sound on-brand\". Not for generating guidelines from scratch (use guideline-generation) or discovering brand materials (use discover-brand).\n",{"slug":9,"name":10,"logoUrl":11,"githubOrg":12},[7718,7719,7720,7723],{"name":7464,"slug":7465,"type":17},{"name":7557,"slug":7558,"type":17},{"name":7721,"slug":7722,"type":17},"Content Creation","content-creation",{"name":7561,"slug":7562,"type":17},"2026-04-06T18:00:23.528956",200]