https://www.liveavatar.com/_next/static/chunks/48.b6ce80bf641016c9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48],{99048:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});var a=s(99133),l=s(76054),n=s(32125),r=s(75465);function i(e){let{open:t,onClose:s,src:i,title:o}=e,d=(0,r.useRef)(null),[c,u]=(0,r.useState)("idle"),h="live"===c,m=(0,r.useMemo)(()=>{try{return i?new URL(i).origin:null}catch(e){return null}},[i]);return((0,r.useEffect)(()=>{if(!t||!m)return;let e=e=>{var t;if(e.origin!==m||e.source!==(null==(t=d.current)?void 0:t.contentWindow))return;let s=e.data;s&&"object"==typeof s&&"language-demo:phase"===s.type&&u(s.phase)};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[t,m]),(0,r.useEffect)(()=>{t||u("idle")},[t]),t&&i)?(0,a.jsxs)(l.Dialog,{isOpen:!0,onOpenChange:e=>{e||s()},title:o,overlayClassName:"bg-black/80 backdrop-blur-sm",className:"inset-0 flex h-[100dvh] max-h-[none] w-full max-w-none translate-x-0 translate-y-0 flex-col overflow-hidden rounded-none bg-black p-0 md:bottom-auto md:right-auto md:left-1/2 md:top-1/2 md:block md:aspect-video md:h-auto md:w-[calc(100vw-32px)] md:max-w-[1200px] md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-2xl md:shadow-2xl",children:[(0,a.jsxs)("div",{className:"relative flex h-[74px] shrink-0 items-center justify-between self-stretch border-b border-edge-subtle bg-surface-popover px-5 md:hidden",children:[h?(0,a.jsx)("div",{className:"h-8 w-8"}):(0,a.jsx)("button",{type:"button",onClick:s,className:"h-8 w-8 shrink-0 cursor-pointer","aria-label":"Close",children:(0,a.jsx)(n.default,{src:"/icons/left.svg",alt:"Back",width:32,height:32,className:"brightness-0"})}),(0,a.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2",children:(0,a.jsx)(n.default,{src:"/LiveAvatarByHeyGenLight.svg",alt:"LiveAvatar by HeyGen",width:230,height:31})}),(0,a.jsx)("div",{className:"h-8 w-8"})]}),(0,a.jsxs)("div",{className:"pointer-events-none absolute inset-x-0 top-0 z-10 hidden items-start justify-between p-5 md:flex",children:[(0,a.jsx)(n.default,{src:"/liveavatar-demo.svg",alt:"LiveAvatar",width:135.285,height:25}),!h&&(0,a.jsxs)("button",{type:"button",onClick:s,"aria-label":"Close",className:"pointer-events-auto flex h-9 items-center gap-2 rounded-full bg-black/70 px-4 text-sm font-semibold text-white transition-colors hover:bg-black",children:["Close",(0,a.jsx)("span",{"aria-hidden":!0,children:"✕"})]})]}),(0,a.jsx)("iframe",{ref:d,src:i,title:o,allow:"microphone; autoplay; web-share; clipboard-write",className:"min-h-0 w-full flex-1 border-0 md:h-full"})]}):null}}}]);