@fraku/video 0.1.35 → 0.1.36

package/dist/index.cjs

@@ -1801,7 +1801,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               position: relative;
             }
         }
-        `}}),FL=S.forwardRef(function(e,t){var r=Vr(),n=S.useContext(qr),o=jv.getProps(e,n),i=S.useState(o.id),a=JN(i,2),s=a[0],l=a[1],c=S.useState(o.collapsed),d=JN(c,2),p=d[0],m=d[1],y=S.useRef(null),b=S.useRef(null),v=o.toggleable?o.onToggle?o.collapsed:p:!1,C=s+"_header",A=s+"_content",R=jv.setMetaData({props:o,state:{id:s,collapsed:v}}),x=R.ptm,k=R.cx,N=R.isUnstyled;go(jv.css.styles,N,{name:"panel"});var F=function(oe){o.toggleable&&(v?$(oe):H(oe),oe&&(o.onToggle&&o.onToggle({originalEvent:oe,value:!v}),oe.preventDefault()))},$=function(oe){o.onToggle||m(!1),o.onExpand&&oe&&o.onExpand(oe)},H=function(oe){o.onToggle||m(!0),o.onCollapse&&oe&&o.onCollapse(oe)};S.useImperativeHandle(t,function(){return{props:o,toggle:F,expand:$,collapse:H,getElement:function(){return y.current},getContent:function(){return b.current}}}),Go(function(){s||l(ms())});var G=function(){if(o.toggleable){var oe=s+"_label",Se=r({className:k("toggler"),onClick:F,id:oe,"aria-controls":A,"aria-expanded":!v,type:"button",role:"button","aria-label":o.header},x("toggler")),re=r(x("togglericon")),we=v?o.expandIcon||S.createElement(IR,re):o.collapseIcon||S.createElement(LL,re),Ae=nn.getJSXIcon(we,re,{props:o,collapsed:v});return S.createElement("button",Se,Ae,S.createElement(Co,null))}return null},Q=function(){var oe=pe.getJSXElement(o.header,o),Se=pe.getJSXElement(o.icons,o),re=G(),we=r({id:C,className:k("title")},x("title")),Ae=S.createElement("span",we,oe),Pe=r({className:k("icons")},x("icons")),Oe=S.createElement("div",Pe,Se,re),Ke=r({className:k("header")},x("header")),Ct=S.createElement("div",Ke,Ae,Oe);if(o.headerTemplate){var st={className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:F,titleElement:Ae,iconsElement:Oe,togglerElement:re,element:Ct,id:s+"_header",props:o,collapsed:v};return pe.getJSXElement(o.headerTemplate,st)}else if(o.header||o.toggleable)return Ct;return null},Y=function(){var oe=pe.getJSXElement(o.footer,o),Se=r({className:k("footer")},x("footer")),re=S.createElement("div",Se,oe);if(o.footerTemplate){var we={className:k("footer"),element:re,props:o};return pe.getJSXElement(o.footerTemplate,we)}else if(o.footer)return re;return null},he=function(){var oe=r({ref:b,className:k("toggleableContent"),"aria-hidden":v,role:"region",id:A,"aria-labelledby":C},x("toggleablecontent")),Se=r({className:k("content")},x("content")),re=r({classNames:k("transition"),timeout:{enter:1e3,exit:450},in:!v,unmountOnExit:!0,options:o.transitionOptions},x("transition"));return S.createElement(Nl,pI({nodeRef:b},re),S.createElement("div",oe,S.createElement("div",Se,o.children)))},ne=r({id:s,ref:y,style:o.style,className:pt(o.className,k("root"))},jv.getOtherProps(o),x("root")),Ee=Q(),de=he(),_e=Y();return S.createElement("div",ne,Ee,de,_e)});FL.displayName="Panel";const dZ=()=>{const e=$d(),t=pg(),{currentUser:r,screenSharingUser:n}=yu(),{breakpoint:o,closeVotingSession:i}=Of(),{sessionStarted:a,leaveSession:s}=ll(),{selfVideoStarted:l,startVideo:c,stopVideo:d,startScreenSharing:p,finishScreenSharing:m}=Hd(),{micMuted:y,muteMic:b,unmuteMic:v}=vu(),{toggleConfigDialog:C,configDialogVisible:A}=ys(),{handleOpenCloseTab:R,openTabs:x,selfShareViewRef:k}=xL(),N=o===_m.Mobile,F=o>=_m.Desktop,$=!!n&&n.userId!==(r==null?void 0:r.userId),H=se.useRef(null),G=se.useRef(null),Q=se.useRef(null),[Y]=Ca(async()=>{y?await v():await b()},[y,b,v],t.ref),[he]=Ca(async()=>{l?await d():await c()},[l,c,d],t.ref),[ne]=Ca(async()=>{r!=null&&r.sharerOn?await m():await p({selfShareCanvas:k.current})},[r==null?void 0:r.sharerOn,m,p,k],t.ref),[Ee]=Ca(async()=>{if(a){if(!(r!=null&&r.isHost)){await s({finishForAll:!1});return}yR({acceptLabel:"Finalizar llamada",accept:async()=>{await i(),await s({finishForAll:!0})},acceptClassName:"p-button-danger",defaultFocus:"reject",header:"Finalizar llamada",message:"Al finalizar la llamada finalizarás la videoconferencia para todos los asistentes.",rejectClassName:"p-button-danger p-button-outlined",rejectLabel:"Cerrar",visible:r==null?void 0:r.isHost})}},[a,r==null?void 0:r.isHost,i,s],t.ref);return{dockItems:se.useMemo(()=>[{component:ae.jsx(cs,{disabled:t.loading||!e("allow-toggle-audio")&&y,mainDataTestId:"dock-button-toggle-mic",mainIcon:`fa-regular ${y?"fa-microphone-slash":"fa-microphone"}`,mainTitle:y?"Activar sonido":"Silenciar",onMainClick:Y,showSecondary:!N,secondaryIcon:"fa-regular fa-chevron-up",secondaryTitle:"Ajustes de micrófono",onSecondaryClick:_e=>{var Ne;return(Ne=Q.current)==null?void 0:Ne.toggle(_e)}}),group:1,key:"microphone",show:!0},{component:ae.jsx(cs,{disabled:t.loading,mainDataTestId:"dock-button-toggle-show-speakers",mainIcon:"fa-regular fa-volume",mainTitle:"Altavoces",onMainClick:_e=>{var Ne;return(Ne=H.current)==null?void 0:Ne.toggle(_e)}}),group:1,key:"speakers",show:!0},{component:ae.jsx(cs,{disabled:t.loading,mainDataTestId:"dock-button-toggle-video",mainIcon:`fa-regular ${l?"fa-video":"fa-video-slash"}`,mainTitle:l?"Apagar cámara":"Encender cámara",onMainClick:he,showSecondary:!N,secondaryIcon:"fa-regular fa-chevron-up",secondaryTitle:"Ajustes de cámara",onSecondaryClick:_e=>{var Ne;return(Ne=G.current)==null?void 0:Ne.toggle(_e)}}),group:1,key:"video",show:e("show-toggle-video-button")},{component:ae.jsx(cs,{disabled:t.loading||$,mainDataTestId:"dock-button-toggle-screen-share",mainIcon:"fa-regular fa-screencast",mainTitle:r!=null&&r.sharerOn?"Detener compartir pantalla":"Compartir pantalla",outlined:r==null?void 0:r.sharerOn,onMainClick:ne}),group:2,key:"screen-share",show:e("share-screen")},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-user-group",mainIcon:"fa-regular fa-user-group",mainTitle:"Participantes",onMainClick:()=>R(0),outlined:x.includes(0)}),group:2,key:"user-group",show:!0},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-hand-raise",mainIcon:"fa-regular fa-hand",mainTitle:"Turno de palabra",onMainClick:()=>R(1),outlined:x.includes(1)}),group:2,key:"hand-raise",show:!0},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-chat",mainIcon:"fa-regular fa-comment-lines",mainTitle:"Chat",onMainClick:()=>R(2),outlined:x.includes(2)}),group:2,key:"chat",show:!0},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-config",mainIcon:"fa-regular fa-gear",mainTitle:"Configuración",onMainClick:()=>C({}),outlined:A.visible}),group:2,key:"config",show:!0},{component:ae.jsx(_i,{disabled:t.loading,label:F&&(r!=null&&r.isHost)?"Finalizar llamada":void 0,title:F&&(r!=null&&r.isHost)?"Finalizar llamada":"Salir de la llamada",severity:"danger",onClick:Ee,icon:"fa-regular fa-phone-hangup !text-white",rounded:!0}),group:3,key:"end-call",show:!0}],[t.loading,e,A.visible,r==null?void 0:r.isHost,r==null?void 0:r.sharerOn,Ee,R,Y,ne,he,F,N,$,y,x,l,C]),audioMenuOptionsRef:H,videoMenuOptionsRef:G,micMenuOptionsRef:Q}},pZ=()=>{const e=pg(),{switchMic:t,switchSpeaker:r,micList:n,activeMicId:o,speakerList:i,activeSpeakerId:a}=vu(),{cameraList:s,activeCameraId:l,switchCamera:c}=Hd(),{toggleConfigDialog:d}=ys(),[p]=Ca(async A=>{await t(A)},[t],e.ref),[m]=Ca(async A=>{await r(A)},[r],e.ref),[y]=Ca(async A=>{await c(A)},[c],e.ref),b=se.useMemo(()=>n.map(A=>({disabled:e.loading,id:A.deviceId,label:A.label,command:()=>p(A.deviceId),template:(R,x)=>ae.jsx(fs,{item:R,options:x,activeItem:o})})).concat([{disabled:!1,id:"microphone-settings",label:"Configuración de micrófono",command:async()=>d({tab:Qa.Audio}),template:(A,R)=>ae.jsx(fs,{item:A,options:R,activeItem:o})}]),[n,o,e.loading,p,d]),v=se.useMemo(()=>i.map(A=>({disabled:e.loading,id:A.deviceId,label:A.label,command:()=>m(A.deviceId),template:(R,x)=>ae.jsx(fs,{item:R,options:x,activeItem:a})})).concat([{disabled:!1,label:"Configuración de audio",id:"audio-settings",command:async()=>d({tab:Qa.Audio}),template:(A,R)=>ae.jsx(fs,{item:A,options:R,activeItem:a})}]),[i,a,e.loading,m,d]),C=se.useMemo(()=>s.map(A=>({disabled:e.loading,label:A.label,id:A.deviceId,template:(R,x)=>ae.jsx(fs,{item:R,options:x,activeItem:l}),command:()=>y(A.deviceId)})).concat([{disabled:!1,label:"Configuración de cámara",id:"camera-settings",command:async()=>d({tab:Qa.Video}),template:(A,R)=>ae.jsx(fs,{item:A,options:R,activeItem:l})}]),[s,l,e.loading,y,d]);return{micMenuItems:b,audioMenuItems:v,videoMenuItems:C}},eE=40,tE=8,fZ=({dockItems:e})=>{const t=se.useRef(null),[r,n]=se.useState(0),[o,i]=se.useState(e),[a,s]=se.useState([]),l=se.useMemo(()=>a.map(c=>({id:c.key,label:c.component.props.mainTitle,command:()=>{c.component.props.onMainClick&&c.component.props.onMainClick()},template:(d,p)=>ae.jsx(fs,{item:d,options:p,activeItem:void 0,icon:ae.jsx("span",{className:Ji("dock-button-main flex items-center justify-center font-semibold text-neutral-50 bg-neutral-95 w-24 h-24 rounded-full mr-8",{"dock-button-main-outlined bg-neutral-80 border-neutral-50 border":c.component.props.outlined}),children:ae.jsx("i",{className:c.component.props.mainIcon,"aria-hidden":"true","data-testid":"custom-icon"})})})})),[a]);return se.useEffect(()=>{const c=t.current;if(!c)return;const d=m=>{for(const y of m)n(y.contentRect.width)},p=new ResizeObserver(d);return p.observe(c),n(c.offsetWidth),()=>{p.disconnect()}},[]),se.useLayoutEffect(()=>{if(!t.current){i(e),s([]);return}const c=e.filter(p=>p.group===2&&p.show);if(c.length*eE+(c.length-1)*tE+eE<r)i(c),s([]);else{const p=Math.floor((r+tE)/(eE+tE));i([...c.slice(0,p>0?p-1:0)]),s(c.slice(p>0?p-1:0))}},[e,r]),{dockRef:t,visibleItems:o,overflowMenuItems:l}},hZ=()=>{const e=se.useRef(null),{micMenuItems:t,audioMenuItems:r,videoMenuItems:n}=pZ(),{dockItems:o,audioMenuOptionsRef:i,videoMenuOptionsRef:a,micMenuOptionsRef:s}=dZ(),{dockRef:l,visibleItems:c,overflowMenuItems:d}=fZ({dockItems:o}),p=(y,b)=>{const v=o.filter(C=>C.group===y&&C.show);return v.length===0?null:ae.jsx("div",{className:Ji("flex items-center gap-8",`justify-${b}`),children:v.map(C=>ae.jsx("span",{children:C.component},C.key))})},m=()=>ae.jsx("div",{className:"relative",children:ae.jsx(cs,{className:"w-fit",mainIcon:"fa-regular fa-ellipsis-v",mainTitle:"More Actions",onMainClick:y=>{var b;return(b=e.current)==null?void 0:b.toggle(y)}})});return ae.jsxs(FL,{children:[ae.jsx("div",{className:"@container",children:ae.jsxs("div",{className:"flex items-center justify-center gap-8 @md:justify-between",children:[p(1,"start"),ae.jsxs("div",{className:"items-center justify-center flex flex-grow gap-8 min-w-0",ref:l,children:[c.filter(y=>y.group===2).map(y=>ae.jsx("span",{children:y.component},y.key)),d.length>0&&ae.jsx("span",{children:m()})]}),p(3,"end")]})}),ae.jsx(lu,{model:d,popup:!0,ref:e,id:"overflow_popup_menu",popupAlignment:"left"}),ae.jsx(lu,{model:t,popup:!0,ref:s,id:"mic_popup_menu",popupAlignment:"left"}),ae.jsx(lu,{model:r,popup:!0,ref:i,id:"audio_popup_menu",popupAlignment:"left"}),ae.jsx(lu,{model:n,popup:!0,ref:a,id:"video_popup_menu",popupAlignment:"left"})]})},mZ=()=>ae.jsx("div",{className:"absolute top-24 right-24 flex items-center justify-center text-white z-10",children:ae.jsx("i",{className:"fa-regular fa-microphone-slash text-2xl"})}),gZ=({name:e,isCurrentUserShare:t})=>ae.jsx("div",{className:"flex items-center justify-center w-full px-24 text-neutral-70 text-s bg-neutral-40 bg-opacity-32 relative z-10",children:t?"Estás compartiendo tu pantalla":`${e} está compartiendo su pantalla`}),vZ=({userName:e})=>ae.jsx("div",{className:"absolute inset-0 flex items-center justify-center text-neutral-80",children:ae.jsxs("div",{className:"text-center",children:[ae.jsx("i",{className:"fa-regular fa-video-slash mb-8"}),ae.jsx("p",{children:e}),ae.jsx("p",{children:"Video desactivado"})]})}),yZ=({user:e,className:t})=>{const{selfShareViewRef:r}=xL(),{screenSharingUser:n,currentUser:o}=yu(),{micMuted:i}=vu(),{attachUserVideo:a,detachUserVideo:s,attachSharedVideo:l,detachSharedVideo:c,checkIfUserIdRegisteredInCanvas:d}=Hd(),p=se.useRef(null),m=se.useRef(null),y=se.useRef(null),b=o==null?void 0:o.sharerOn,v=n&&n.userId!==(o==null?void 0:o.userId),C=(o==null?void 0:o.userId)===e.userId,A=se.useMemo(()=>({selfShare:b,otherShare:!!v,activeVideo:!b&&!v&&!C,selfView:!!(o!=null&&o.bVideoOn)&&C,videoOff:(e==null?void 0:e.bVideoOn)===!1&&!b&&!v}),[b,v,C,o==null?void 0:o.bVideoOn,e==null?void 0:e.bVideoOn]);return se.useEffect(()=>{(async()=>{if(b){await s(e.userId);return}if(v&&y.current){await l({userId:e.userId,videoPlayer:y.current}),console.log("Attaching other share video for user: ",e.displayName);return}if(p.current&&e.bVideoOn&&!C){await a(e.userId,p.current),console.log("Attached video for user: ",e.displayName," bVideoOn: ",e.bVideoOn);return}if(C&&e.bVideoOn&&m.current){await a(e.userId,m.current),console.log("Attached self view video for user: ",e.displayName," bVideoOn: ",e.bVideoOn);return}if(p.current&&d(e.userId)){await s(e.userId),console.log("Detached video for user: ",e.displayName," bVideoOn: ",e.bVideoOn);return}})()},[l,a,d,c,s,C,v,b,e.bVideoOn,e.displayName,e.userId]),W9(async()=>{e.userId&&(await s(e.userId),await c(e.userId))}),ae.jsxs("div",{className:Ji("relative",t),children:[(A.otherShare||A.selfShare)&&ae.jsx(gZ,{name:(n==null?void 0:n.displayName)??"",isCurrentUserShare:(o==null?void 0:o.sharerOn)===!0}),i&&ae.jsx(mZ,{}),ae.jsx("video-player-container",{className:"w-full h-full",style:{display:A.selfShare?"block":"none"},children:ae.jsx("video",{className:"self-share-video w-full h-full",ref:r})}),ae.jsx("video-player-container",{style:{display:A.otherShare?"block":"none",height:"100%",width:"100%"},children:ae.jsx("video-player",{className:"other-share-video",ref:y,style:{height:"100%",width:"100%"}})}),ae.jsx("video-player-container",{className:"w-full h-full",style:{display:A.activeVideo?"block":"none"},children:ae.jsx("video-player",{ref:p,className:"w-full h-full"})}),(o==null?void 0:o.bVideoOn)&&ae.jsx("video-player-container",{className:"w-full h-full",style:{display:A.selfView?"block":"none"},children:ae.jsx("video-player",{className:"w-full h-full",ref:m})}),A.videoOff&&ae.jsx(vZ,{userName:e.displayName})]})},bZ=()=>{const{currentUser:e,activeVideoParticipant:t,screenSharingUser:r}=yu(),n=se.useMemo(()=>r??t??e,[r,t,e]);return ae.jsx("div",{className:"relative w-full aspect-video overflow-hidden bg-bluetiful-10",children:n&&ae.jsx(ae.Fragment,{children:ae.jsx("div",{children:ae.jsx(yZ,{user:n,className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full h-full"})})})})};function fI(){return fI=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},fI.apply(null,arguments)}var jL=S.memo(S.forwardRef(function(e,t){var r=kn.getPTI(e);return S.createElement("svg",fI({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),S.createElement("path",{d:"M9.61296 13C9.50997 13.0005 9.40792 12.9804 9.3128 12.9409C9.21767 12.9014 9.13139 12.8433 9.05902 12.7701L3.83313 7.54416C3.68634 7.39718 3.60388 7.19795 3.60388 6.99022C3.60388 6.78249 3.68634 6.58325 3.83313 6.43628L9.05902 1.21039C9.20762 1.07192 9.40416 0.996539 9.60724 1.00012C9.81032 1.00371 10.0041 1.08597 10.1477 1.22959C10.2913 1.37322 10.3736 1.56698 10.3772 1.77005C10.3808 1.97313 10.3054 2.16968 10.1669 2.31827L5.49496 6.99022L10.1669 11.6622C10.3137 11.8091 10.3962 12.0084 10.3962 12.2161C10.3962 12.4238 10.3137 12.6231 10.1669 12.7701C10.0945 12.8433 10.0083 12.9014 9.91313 12.9409C9.81801 12.9804 9.71596 13.0005 9.61296 13Z",fill:"currentColor"}))}));jL.displayName="ChevronLeftIcon";function hI(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function SZ(e){if(Array.isArray(e))return hI(e)}function EZ(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function VL(e,t){if(e){if(typeof e=="string")return hI(e,t);var r={}.toString.call(e).slice(8,-1);return r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set"?Array.from(e):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?hI(e,t):void 0}}function CZ(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+        `}}),FL=S.forwardRef(function(e,t){var r=Vr(),n=S.useContext(qr),o=jv.getProps(e,n),i=S.useState(o.id),a=JN(i,2),s=a[0],l=a[1],c=S.useState(o.collapsed),d=JN(c,2),p=d[0],m=d[1],y=S.useRef(null),b=S.useRef(null),v=o.toggleable?o.onToggle?o.collapsed:p:!1,C=s+"_header",A=s+"_content",R=jv.setMetaData({props:o,state:{id:s,collapsed:v}}),x=R.ptm,k=R.cx,N=R.isUnstyled;go(jv.css.styles,N,{name:"panel"});var F=function(oe){o.toggleable&&(v?$(oe):H(oe),oe&&(o.onToggle&&o.onToggle({originalEvent:oe,value:!v}),oe.preventDefault()))},$=function(oe){o.onToggle||m(!1),o.onExpand&&oe&&o.onExpand(oe)},H=function(oe){o.onToggle||m(!0),o.onCollapse&&oe&&o.onCollapse(oe)};S.useImperativeHandle(t,function(){return{props:o,toggle:F,expand:$,collapse:H,getElement:function(){return y.current},getContent:function(){return b.current}}}),Go(function(){s||l(ms())});var G=function(){if(o.toggleable){var oe=s+"_label",Se=r({className:k("toggler"),onClick:F,id:oe,"aria-controls":A,"aria-expanded":!v,type:"button",role:"button","aria-label":o.header},x("toggler")),re=r(x("togglericon")),we=v?o.expandIcon||S.createElement(IR,re):o.collapseIcon||S.createElement(LL,re),Ae=nn.getJSXIcon(we,re,{props:o,collapsed:v});return S.createElement("button",Se,Ae,S.createElement(Co,null))}return null},Q=function(){var oe=pe.getJSXElement(o.header,o),Se=pe.getJSXElement(o.icons,o),re=G(),we=r({id:C,className:k("title")},x("title")),Ae=S.createElement("span",we,oe),Pe=r({className:k("icons")},x("icons")),Oe=S.createElement("div",Pe,Se,re),Ke=r({className:k("header")},x("header")),Ct=S.createElement("div",Ke,Ae,Oe);if(o.headerTemplate){var st={className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:F,titleElement:Ae,iconsElement:Oe,togglerElement:re,element:Ct,id:s+"_header",props:o,collapsed:v};return pe.getJSXElement(o.headerTemplate,st)}else if(o.header||o.toggleable)return Ct;return null},Y=function(){var oe=pe.getJSXElement(o.footer,o),Se=r({className:k("footer")},x("footer")),re=S.createElement("div",Se,oe);if(o.footerTemplate){var we={className:k("footer"),element:re,props:o};return pe.getJSXElement(o.footerTemplate,we)}else if(o.footer)return re;return null},he=function(){var oe=r({ref:b,className:k("toggleableContent"),"aria-hidden":v,role:"region",id:A,"aria-labelledby":C},x("toggleablecontent")),Se=r({className:k("content")},x("content")),re=r({classNames:k("transition"),timeout:{enter:1e3,exit:450},in:!v,unmountOnExit:!0,options:o.transitionOptions},x("transition"));return S.createElement(Nl,pI({nodeRef:b},re),S.createElement("div",oe,S.createElement("div",Se,o.children)))},ne=r({id:s,ref:y,style:o.style,className:pt(o.className,k("root"))},jv.getOtherProps(o),x("root")),Ee=Q(),de=he(),_e=Y();return S.createElement("div",ne,Ee,de,_e)});FL.displayName="Panel";const dZ=()=>{const e=$d(),t=pg(),{currentUser:r,screenSharingUser:n}=yu(),{breakpoint:o,closeVotingSession:i}=Of(),{sessionStarted:a,leaveSession:s}=ll(),{selfVideoStarted:l,startVideo:c,stopVideo:d,startScreenSharing:p,finishScreenSharing:m}=Hd(),{micMuted:y,muteMic:b,unmuteMic:v}=vu(),{toggleConfigDialog:C,configDialogVisible:A}=ys(),{handleOpenCloseTab:R,openTabs:x,selfShareViewRef:k}=xL(),N=o===_m.Mobile,F=o>=_m.Desktop,$=!!n&&n.userId!==(r==null?void 0:r.userId),H=se.useRef(null),G=se.useRef(null),Q=se.useRef(null),[Y]=Ca(async()=>{y?await v():await b()},[y,b,v],t.ref),[he]=Ca(async()=>{l?await d():await c()},[l,c,d],t.ref),[ne]=Ca(async()=>{r!=null&&r.sharerOn?await m():await p({selfShareCanvas:k.current})},[r==null?void 0:r.sharerOn,m,p,k],t.ref),[Ee]=Ca(async()=>{if(a){if(!(r!=null&&r.isHost)){await s({finishForAll:!1});return}yR({acceptLabel:"Finalizar llamada",accept:async()=>{await i(),await s({finishForAll:!0})},acceptClassName:"p-button-danger",defaultFocus:"reject",header:"Finalizar llamada",message:"Al finalizar la llamada finalizarás la videoconferencia para todos los asistentes.",rejectClassName:"p-button-danger p-button-outlined",rejectLabel:"Cerrar",visible:r==null?void 0:r.isHost})}},[a,r==null?void 0:r.isHost,i,s],t.ref);return{dockItems:se.useMemo(()=>[{component:ae.jsx(cs,{disabled:t.loading||!e("allow-toggle-audio")&&y,mainDataTestId:"dock-button-toggle-mic",mainIcon:`fa-regular ${y?"fa-microphone-slash":"fa-microphone"}`,mainTitle:y?"Activar sonido":"Silenciar",onMainClick:Y,showSecondary:!N,secondaryIcon:"fa-regular fa-chevron-up",secondaryTitle:"Ajustes de micrófono",onSecondaryClick:_e=>{var Ne;return(Ne=Q.current)==null?void 0:Ne.toggle(_e)}}),group:1,key:"microphone",show:!0},{component:ae.jsx(cs,{disabled:t.loading,mainDataTestId:"dock-button-toggle-show-speakers",mainIcon:"fa-regular fa-volume",mainTitle:"Altavoces",onMainClick:_e=>{var Ne;return(Ne=H.current)==null?void 0:Ne.toggle(_e)}}),group:1,key:"speakers",show:!0},{component:ae.jsx(cs,{disabled:t.loading,mainDataTestId:"dock-button-toggle-video",mainIcon:`fa-regular ${l?"fa-video":"fa-video-slash"}`,mainTitle:l?"Apagar cámara":"Encender cámara",onMainClick:he,showSecondary:!N,secondaryIcon:"fa-regular fa-chevron-up",secondaryTitle:"Ajustes de cámara",onSecondaryClick:_e=>{var Ne;return(Ne=G.current)==null?void 0:Ne.toggle(_e)}}),group:1,key:"video",show:e("show-toggle-video-button")},{component:ae.jsx(cs,{disabled:t.loading||$,mainDataTestId:"dock-button-toggle-screen-share",mainIcon:"fa-regular fa-screencast",mainTitle:r!=null&&r.sharerOn?"Detener compartir pantalla":"Compartir pantalla",outlined:r==null?void 0:r.sharerOn,onMainClick:ne}),group:2,key:"screen-share",show:e("share-screen")},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-user-group",mainIcon:"fa-regular fa-user-group",mainTitle:"Participantes",onMainClick:()=>R(0),outlined:x.includes(0)}),group:2,key:"user-group",show:!0},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-hand-raise",mainIcon:"fa-regular fa-hand",mainTitle:"Turno de palabra",onMainClick:()=>R(1),outlined:x.includes(1)}),group:2,key:"hand-raise",show:!0},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-chat",mainIcon:"fa-regular fa-comment-lines",mainTitle:"Chat",onMainClick:()=>R(2),outlined:x.includes(2)}),group:2,key:"chat",show:!0},{component:ae.jsx(cs,{mainDataTestId:"dock-button-toggle-config",mainIcon:"fa-regular fa-gear",mainTitle:"Configuración",onMainClick:()=>C({}),outlined:A.visible}),group:2,key:"config",show:!0},{component:ae.jsx(_i,{disabled:t.loading,label:F&&(r!=null&&r.isHost)?"Finalizar llamada":void 0,title:F&&(r!=null&&r.isHost)?"Finalizar llamada":"Salir de la llamada",severity:"danger",onClick:Ee,icon:"fa-regular fa-phone-hangup !text-white",rounded:!0}),group:3,key:"end-call",show:!0}],[t.loading,e,A.visible,r==null?void 0:r.isHost,r==null?void 0:r.sharerOn,Ee,R,Y,ne,he,F,N,$,y,x,l,C]),audioMenuOptionsRef:H,videoMenuOptionsRef:G,micMenuOptionsRef:Q}},pZ=()=>{const e=pg(),{switchMic:t,switchSpeaker:r,micList:n,activeMicId:o,speakerList:i,activeSpeakerId:a}=vu(),{cameraList:s,activeCameraId:l,switchCamera:c}=Hd(),{toggleConfigDialog:d}=ys(),[p]=Ca(async A=>{await t(A)},[t],e.ref),[m]=Ca(async A=>{await r(A)},[r],e.ref),[y]=Ca(async A=>{await c(A)},[c],e.ref),b=se.useMemo(()=>n.map(A=>({disabled:e.loading,id:A.deviceId,label:A.label,command:()=>p(A.deviceId),template:(R,x)=>ae.jsx(fs,{item:R,options:x,activeItem:o})})).concat([{disabled:!1,id:"microphone-settings",label:"Configuración de micrófono",command:async()=>d({tab:Qa.Audio}),template:(A,R)=>ae.jsx(fs,{item:A,options:R,activeItem:o})}]),[n,o,e.loading,p,d]),v=se.useMemo(()=>i.map(A=>({disabled:e.loading,id:A.deviceId,label:A.label,command:()=>m(A.deviceId),template:(R,x)=>ae.jsx(fs,{item:R,options:x,activeItem:a})})).concat([{disabled:!1,label:"Configuración de audio",id:"audio-settings",command:async()=>d({tab:Qa.Audio}),template:(A,R)=>ae.jsx(fs,{item:A,options:R,activeItem:a})}]),[i,a,e.loading,m,d]),C=se.useMemo(()=>s.map(A=>({disabled:e.loading,label:A.label,id:A.deviceId,template:(R,x)=>ae.jsx(fs,{item:R,options:x,activeItem:l}),command:()=>y(A.deviceId)})).concat([{disabled:!1,label:"Configuración de cámara",id:"camera-settings",command:async()=>d({tab:Qa.Video}),template:(A,R)=>ae.jsx(fs,{item:A,options:R,activeItem:l})}]),[s,l,e.loading,y,d]);return{micMenuItems:b,audioMenuItems:v,videoMenuItems:C}},eE=40,tE=8,fZ=({dockItems:e})=>{const t=se.useRef(null),[r,n]=se.useState(0),[o,i]=se.useState(e),[a,s]=se.useState([]),l=se.useMemo(()=>a.map(c=>({id:c.key,label:c.component.props.mainTitle,command:()=>{c.component.props.onMainClick&&c.component.props.onMainClick()},template:(d,p)=>ae.jsx(fs,{item:d,options:p,activeItem:void 0,icon:ae.jsx("span",{className:Ji("dock-button-main flex items-center justify-center font-semibold text-neutral-50 bg-neutral-95 w-24 h-24 rounded-full mr-8",{"dock-button-main-outlined bg-neutral-80 border-neutral-50 border":c.component.props.outlined}),children:ae.jsx("i",{className:c.component.props.mainIcon,"aria-hidden":"true","data-testid":"custom-icon"})})})})),[a]);return se.useEffect(()=>{const c=t.current;if(!c)return;const d=m=>{for(const y of m)n(y.contentRect.width)},p=new ResizeObserver(d);return p.observe(c),n(c.offsetWidth),()=>{p.disconnect()}},[]),se.useLayoutEffect(()=>{if(!t.current){i(e),s([]);return}const c=e.filter(p=>p.group===2&&p.show);if(c.length*eE+(c.length-1)*tE+eE<r)i(c),s([]);else{const p=Math.floor((r+tE)/(eE+tE));i([...c.slice(0,p>0?p-1:0)]),s(c.slice(p>0?p-1:0))}},[e,r]),{dockRef:t,visibleItems:o,overflowMenuItems:l}},hZ=()=>{const e=se.useRef(null),{micMenuItems:t,audioMenuItems:r,videoMenuItems:n}=pZ(),{dockItems:o,audioMenuOptionsRef:i,videoMenuOptionsRef:a,micMenuOptionsRef:s}=dZ(),{dockRef:l,visibleItems:c,overflowMenuItems:d}=fZ({dockItems:o}),p=(y,b)=>{const v=o.filter(C=>C.group===y&&C.show);return v.length===0?null:ae.jsx("div",{className:Ji("flex items-center gap-8",`justify-${b}`),children:v.map(C=>ae.jsx("span",{children:C.component},C.key))})},m=()=>ae.jsx("div",{className:"relative",children:ae.jsx(cs,{className:"w-fit",mainIcon:"fa-regular fa-ellipsis-v",mainTitle:"More Actions",onMainClick:y=>{var b;return(b=e.current)==null?void 0:b.toggle(y)}})});return ae.jsxs(FL,{children:[ae.jsx("div",{className:"@container",children:ae.jsxs("div",{className:"flex items-center justify-center gap-8 @md:justify-between",children:[p(1,"start"),ae.jsxs("div",{className:"items-center justify-center flex flex-grow gap-8 min-w-0",ref:l,children:[c.filter(y=>y.group===2).map(y=>ae.jsx("span",{children:y.component},y.key)),d.length>0&&ae.jsx("span",{children:m()})]}),p(3,"end")]})}),ae.jsx(lu,{model:d,popup:!0,ref:e,id:"overflow_popup_menu",popupAlignment:"left"}),ae.jsx(lu,{model:t,popup:!0,ref:s,id:"mic_popup_menu",popupAlignment:"left"}),ae.jsx(lu,{model:r,popup:!0,ref:i,id:"audio_popup_menu",popupAlignment:"left"}),ae.jsx(lu,{model:n,popup:!0,ref:a,id:"video_popup_menu",popupAlignment:"left"})]})},mZ=()=>ae.jsx("div",{className:"absolute top-24 right-24 flex items-center justify-center text-white z-10",children:ae.jsx("i",{className:"fa-regular fa-microphone-slash text-2xl"})}),gZ=({name:e,isCurrentUserShare:t})=>ae.jsx("div",{className:"flex items-center justify-center w-full px-24 text-neutral-70 text-s bg-neutral-40 bg-opacity-32 relative z-10",children:t?"Estás compartiendo tu pantalla":`${e} está compartiendo su pantalla`}),vZ=({userName:e})=>ae.jsx("div",{className:"absolute inset-0 flex items-center justify-center text-neutral-80",children:ae.jsxs("div",{className:"text-center",children:[ae.jsx("i",{className:"fa-regular fa-video-slash mb-8"}),ae.jsx("p",{children:e}),ae.jsx("p",{children:"Video desactivado"})]})}),yZ=({user:e,className:t})=>{const{selfShareViewRef:r}=xL(),{screenSharingUser:n,currentUser:o}=yu(),{micMuted:i}=vu(),{attachUserVideo:a,detachUserVideo:s,attachSharedVideo:l,detachSharedVideo:c,checkIfUserIdRegisteredInCanvas:d}=Hd(),p=se.useRef(null),m=se.useRef(null),y=se.useRef(null),b=o==null?void 0:o.sharerOn,v=n&&n.userId!==(o==null?void 0:o.userId),C=(o==null?void 0:o.userId)===e.userId,A=se.useMemo(()=>({selfShare:b,otherShare:!!v,activeVideo:!b&&!v&&!C,selfView:!!(o!=null&&o.bVideoOn)&&C,videoOff:(e==null?void 0:e.bVideoOn)===!1&&!b&&!v}),[b,v,C,o==null?void 0:o.bVideoOn,e==null?void 0:e.bVideoOn]);return se.useEffect(()=>{(async()=>{if(b){await s(e.userId);return}if(v&&y.current){await l({userId:e.userId,videoPlayer:y.current}),console.log("Attaching other share video for user: ",e.displayName);return}if(p.current&&e.bVideoOn&&!C){await a(e.userId,p.current),console.log("Attached video for user: ",e.displayName," bVideoOn: ",e.bVideoOn);return}if(C&&e.bVideoOn&&m.current){await a(e.userId,m.current),console.log("Attached self view video for user: ",e.displayName," bVideoOn: ",e.bVideoOn);return}if(p.current&&d(e.userId)){await s(e.userId),console.log("Detached video for user: ",e.displayName," bVideoOn: ",e.bVideoOn);return}})()},[l,a,d,c,s,C,v,b,e.bVideoOn,e.displayName,e.userId]),W9(async()=>{e.userId&&(await s(e.userId),await c(e.userId))}),ae.jsxs("div",{className:Ji("relative",t),children:[(A.otherShare||A.selfShare)&&ae.jsx(gZ,{name:(n==null?void 0:n.displayName)??"",isCurrentUserShare:(o==null?void 0:o.sharerOn)===!0}),i&&ae.jsx(mZ,{}),ae.jsx("video-player-container",{className:"w-full h-full",style:{display:A.selfShare?"block":"none"},children:ae.jsx("video",{className:"self-share-video w-full h-full",ref:r})}),ae.jsx("video-player-container",{style:{display:A.otherShare?"block":"none",height:"100%",width:"100%"},children:ae.jsx("video-player",{className:"other-share-video",ref:y,style:{height:"100%",width:"100%"}})}),ae.jsx("video-player-container",{className:"w-full h-full",style:{display:A.activeVideo?"block":"none"},children:ae.jsx("video-player",{ref:p,className:"w-full h-full"})}),ae.jsx("video-player-container",{className:"w-full h-full",style:{display:A.selfView&&(o!=null&&o.bVideoOn)?"block":"none"},children:ae.jsx("video-player",{className:"w-full h-full",ref:m})}),A.videoOff&&ae.jsx(vZ,{userName:e.displayName})]})},bZ=()=>{const{currentUser:e,activeVideoParticipant:t,screenSharingUser:r}=yu(),n=se.useMemo(()=>r??t??e,[r,t,e]);return ae.jsx("div",{className:"relative w-full aspect-video overflow-hidden bg-bluetiful-10",children:n&&ae.jsx(ae.Fragment,{children:ae.jsx("div",{children:ae.jsx(yZ,{user:n,className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full h-full"})})})})};function fI(){return fI=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},fI.apply(null,arguments)}var jL=S.memo(S.forwardRef(function(e,t){var r=kn.getPTI(e);return S.createElement("svg",fI({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),S.createElement("path",{d:"M9.61296 13C9.50997 13.0005 9.40792 12.9804 9.3128 12.9409C9.21767 12.9014 9.13139 12.8433 9.05902 12.7701L3.83313 7.54416C3.68634 7.39718 3.60388 7.19795 3.60388 6.99022C3.60388 6.78249 3.68634 6.58325 3.83313 6.43628L9.05902 1.21039C9.20762 1.07192 9.40416 0.996539 9.60724 1.00012C9.81032 1.00371 10.0041 1.08597 10.1477 1.22959C10.2913 1.37322 10.3736 1.56698 10.3772 1.77005C10.3808 1.97313 10.3054 2.16968 10.1669 2.31827L5.49496 6.99022L10.1669 11.6622C10.3137 11.8091 10.3962 12.0084 10.3962 12.2161C10.3962 12.4238 10.3137 12.6231 10.1669 12.7701C10.0945 12.8433 10.0083 12.9014 9.91313 12.9409C9.81801 12.9804 9.71596 13.0005 9.61296 13Z",fill:"currentColor"}))}));jL.displayName="ChevronLeftIcon";function hI(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function SZ(e){if(Array.isArray(e))return hI(e)}function EZ(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function VL(e,t){if(e){if(typeof e=="string")return hI(e,t);var r={}.toString.call(e).slice(8,-1);return r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set"?Array.from(e):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?hI(e,t):void 0}}function CZ(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function wZ(e){return SZ(e)||EZ(e)||VL(e)||CZ()}function Um(e){"@babel/helpers - typeof";return Um=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Um(e)}function IZ(e,t){if(Um(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Um(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function AZ(e){var t=IZ(e,"string");return Um(t)=="symbol"?t:t+""}function BL(e,t,r){return(t=AZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function RZ(e){if(Array.isArray(e))return e}function TZ(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var n,o,i,a,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,t!==0)for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(d){c=!0,o=d}finally{try{if(!l&&r.return!=null&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}function OZ(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function hh(e,t){return RZ(e)||TZ(e,t)||VL(e,t)||OZ()}function YN(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function Vv(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?YN(Object(r),!0).forEach(function(n){BL(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):YN(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}var _Z={navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(t){var r=t.props;return pt("p-tabview-panels",r.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(t){var r=t.props;return pt("p-tabview p-component",{"p-tabview-scrollable":r.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(t){var r=t.selected,n=t.disabled,o=t.headerClassName,i=t._className;return pt("p-unselectable-text",{"p-tabview-selected p-highlight":r,"p-disabled":n},o,i)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(t){var r=t.props,n=t.selected,o=t.getTabProp,i=t.tab,a=t.isSelected,s=t.shouldUseTab,l=t.index;return s(i,l)&&(!r.renderActiveOnly||a(l))?pt(o(i,"contentClassName"),o(i,"className"),"p-tabview-panel",{"p-hidden":!n}):void 0}}},PZ={tab:{header:function(t){var r=t.headerStyle,n=t._style;return Vv(Vv({},r||{}),n||{})},content:function(t){var r=t.props,n=t.getTabProp,o=t.tab,i=t.isSelected,a=t.shouldUseTab,s=t.index;return a(o,s)&&(!r.renderActiveOnly||i(s))?Vv(Vv({},n(o,"contentStyle")||{}),n(o,"style")||{}):void 0}}},Bv=Ar.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:_Z,inlineStyles:PZ}}),uf=Ar.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(t,r){return pe.getComponentProp(t,r,uf.defaultProps)},getCProps:function(t){return pe.getComponentProps(t,uf.defaultProps)},getCOtherProps:function(t){return pe.getComponentDiffProps(t,uf.defaultProps)}});function QN(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function Uv(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?QN(Object(r),!0).forEach(function(n){BL(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):QN(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}var mI=function(){},UL=S.forwardRef(function(e,t){var r=Vr(),n=S.useContext(qr),o=Bv.getProps(e,n),i=S.useState(o.id),a=hh(i,2),s=a[0],l=a[1],c=S.useState(!0),d=hh(c,2),p=d[0],m=d[1],y=S.useState(!1),b=hh(y,2),v=b[0],C=b[1],A=S.useState([]),R=hh(A,2),x=R[0],k=R[1],N=S.useState(o.activeIndex),F=hh(N,2),$=F[0],H=F[1],G=S.useRef(null),Q=S.useRef(null),Y=S.useRef(null),he=S.useRef(null),ne=S.useRef(null),Ee=S.useRef(null),de=S.useRef({}),_e=o.onTabChange?o.activeIndex:$,Ne=S.Children.count(o.children),oe={props:o,state:{id:s,isPrevButtonDisabled:p,isNextButtonDisabled:v,hiddenTabsState:x,activeIndex:$}},Se=Bv.setMetaData(Uv({},oe)),re=Se.ptm,we=Se.ptmo,Ae=Se.cx,Pe=Se.sx,Oe=Se.isUnstyled;go(Bv.css.styles,Oe,{name:"tabview"});var Ke=function(Ye,wt,Ht){var ur={props:Ye.props,parent:oe,context:{index:Ht,count:Ne,first:Ht===0,last:Ht===Ne-1,active:Ht==$,disabled:st(Ye,"disabled")}};return r(re("tab.".concat(wt),{tab:ur}),re("tabpanel.".concat(wt),{tabpanel:ur}),re("tabpanel.".concat(wt),ur),we(st(Ye,"pt"),wt,ur))},Ct=function(Ye){return Ye===_e},st=function(Ye,wt){return uf.getCProp(Ye,wt)},yt=function(Ye){return Ye&&st(Ye,"visible")&&pe.isValidChild(Ye,"TabPanel")&&x.every(function(wt){return wt!==Ye.key})},$e=function(Ye){var wt=S.Children.map(o.children,function(Ht,ur){if(yt(Ht))return{tab:Ht,index:ur}});return wt.find(function(Ht){var ur=Ht.tab,Nr=Ht.index;return!st(ur,"disabled")&&Nr>=Ye})||wt.reverse().find(function(Ht){var ur=Ht.tab,Nr=Ht.index;return!st(ur,"disabled")&&Ye>Nr})},ot=function(Ye,wt){Ye.preventDefault();var Ht=o.onBeforeTabClose,ur=o.onTabClose,Nr=o.children,dn=Nr[wt].key;Ht&&Ht({originalEvent:Ye,index:wt})===!1||(k([].concat(wZ(x),[dn])),ur&&ur({originalEvent:Ye,index:wt}))},it=function(Ye,wt,Ht){Ie(Ye,wt,Ht)},Ie=function(Ye,wt,Ht){if(Ye&&Ye.preventDefault(),!st(wt,"disabled")){if(o.onBeforeTabChange&&o.onBeforeTabChange({originalEvent:Ye,index:Ht})===!1)return;o.onTabChange?o.onTabChange({originalEvent:Ye,index:Ht}):H(Ht)}Br({index:Ht})},tt=function(Ye,wt,Ht){switch(Ye.code){case"ArrowLeft":zt(Ye);break;case"ArrowRight":mt(Ye);break;case"Home":cr(Ye);break;case"End":Rt(Ye);break;case"PageDown":Ve(Ye);break;case"PageUp":Qt(Ye);break;case"Enter":case"NumpadEnter":case"Space":ar(Ye,wt,Ht);break}},mt=function(Ye){var wt=pr(Ye.target.parentElement);wt?Zr(wt):cr(Ye),Ye.preventDefault()},zt=function(Ye){var wt=gr(Ye.target.parentElement);wt?Zr(wt):Rt(Ye),Ye.preventDefault()},cr=function(Ye){var wt=en();Zr(wt),Ye.preventDefault()},Rt=function(Ye){var wt=Wr();Zr(wt),Ye.preventDefault()},Ve=function(Ye){Br({index:S.Children.count(o.children)-1}),Ye.preventDefault()},Qt=function(Ye){Br({index:0}),Ye.preventDefault()},ar=function(Ye,wt,Ht){Ie(Ye,wt,Ht),Ye.preventDefault()},pr=function(Ye){var wt=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,Ht=wt?Ye:Ye.nextElementSibling;return Ht?le.getAttribute(Ht,"data-p-disabled")||le.getAttribute(Ht,"data-pc-section")==="inkbar"?pr(Ht):le.findSingle(Ht,'[data-pc-section="headeraction"]'):null},gr=function(Ye){var wt=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,Ht=wt?Ye:Ye.previousElementSibling;return Ht?le.getAttribute(Ht,"data-p-disabled")||le.getAttribute(Ht,"data-pc-section")==="inkbar"?gr(Ht):le.findSingle(Ht,'[data-pc-section="headeraction"]'):null},en=function(){return pr(Y.current.firstElementChild,!0)},Wr=function(){return gr(Y.current.lastElementChild,!0)},Zr=function(Ye){Ye&&(le.focus(Ye),Br({element:Ye}))},Pr=function(){var Ye=de.current["tab_".concat(_e)];he.current.style.width=le.getWidth(Ye)+"px",he.current.style.left=le.getOffset(Ye).left-le.getOffset(Y.current).left+"px"},Br=function(Ye){var wt=Ye.index,Ht=Ye.element,ur=Ht||de.current["tab_".concat(wt)];ur&&ur.scrollIntoView&&ur.scrollIntoView({block:"nearest"})},Ur=function(){var Ye=Q.current,wt=Ye.scrollLeft,Ht=Ye.scrollWidth,ur=le.getWidth(Q.current);m(wt===0),C(parseInt(wt)===Ht-ur)},jr=function(Ye){o.scrollable&&Ur(),Ye.preventDefault()},zr=function(){return[ne.current,Ee.current].reduce(function(Ye,wt){return wt?Ye+le.getWidth(wt):Ye},0)},Jr=function(){var Ye=le.getWidth(Q.current)-zr(),wt=Q.current.scrollLeft-Ye;Q.current.scrollLeft=wt<=0?0:wt},In=function(){var Ye=le.getWidth(Q.current)-zr(),wt=Q.current.scrollLeft+Ye,Ht=Q.current.scrollWidth-Ye;Q.current.scrollLeft=wt>=Ht?Ht:wt},tn=function(){m(!0),C(!1),k([]),o.onTabChange?o.onTabChange({index:_e}):H(o.activeIndex)};S.useEffect(function(){Pr(),Ur()}),Go(function(){s||l(ms())}),pn(function(){if(pe.isNotEmpty(x)){var Kt=$e(x[x.length-1]);Kt&&it(null,Kt.tab,Kt.index)}},[x]),pn(function(){o.activeIndex!==$&&Br({index:o.activeIndex})},[o.activeIndex]),S.useImperativeHandle(t,function(){return{props:o,reset:tn,getElement:function(){return G.current}}});var vr=function(Ye,wt){switch(Ye.preventDefault(),Ye.stopPropagation(),Ye.code){case"Space":case"NumpadEnter":case"Enter":ot(Ye,wt);break}},at=function(Ye,wt){var Ht=Ct(wt),ur=uf.getCProps(Ye),Nr=ur.headerStyle,dn=ur.headerClassName,Ln=ur.style,Zn=ur.className,mn=ur.disabled,Re=ur.leftIcon,Qe=ur.rightIcon,Ce=ur.header,Te=ur.headerTemplate,et=ur.closable,ht=ur.closeIcon,jt=s+"_header_"+wt,tr=s+wt+"_content",Ft=mn||!Ht?-1:0,Je=Re&&nn.getJSXIcon(Re,void 0,{props:o}),vt=r({className:Ae("tab.headertitle")},Ke(Ye,"headertitle",wt)),Vt=S.createElement("span",vt,Ce),nr=Qe&&nn.getJSXIcon(Qe,void 0,{props:o}),Gt=r({className:Ae("tab.closeIcon"),onClick:function(me){return ot(me,wt)},onKeyDown:function(me){return vr(me,wt)},tabIndex:0,"aria-label":Bo("close")||"Close"},Ke(Ye,"closeIcon",wt)),sr=ht||S.createElement(Ic,Gt),br=et?nn.getJSXIcon(sr,Uv({},Gt),{props:o}):null,Xr=r({id:jt,role:"tab",className:Ae("tab.headeraction"),tabIndex:Ft,"aria-controls":tr,"aria-selected":Ht,"aria-disabled":mn,onClick:function(me){return it(me,Ye,wt)},onKeyDown:function(me){return tt(me,Ye,wt)}},Ke(Ye,"headeraction",wt)),Mr=S.createElement("a",Xr,Je,Vt,nr,br,S.createElement(Co,null));if(Te){var Bt={className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(me){return it(me,Ye,wt)},onKeyDown:function(me){return tt(me,Ye,wt)},leftIconElement:Je,titleElement:Vt,rightIconElement:nr,element:Mr,props:o,index:wt,selected:Ht,ariaControls:tr};Mr=pe.getJSXElement(Te,Bt)}var Z=r({ref:function(me){return de.current["tab_".concat(wt)]=me},className:Ae("tab.header",{selected:Ht,disabled:mn,headerClassName:dn,_className:Zn}),style:Pe("tab.header",{headerStyle:Nr,_style:Ln}),role:"presentation"},Ke(Ye,"root",wt),Ke(Ye,"header",wt));return S.createElement("li",Z,Mr)},xt=function(){return S.Children.map(o.children,function(Ye,wt){if(yt(Ye))return at(Ye,wt)})},ft=function(){var Ye=xt(),wt=r({id:s+"_navcontent",ref:Q,className:Ae("navcontent"),style:o.style,onScroll:jr},re("navcontent")),Ht=r({ref:Y,className:Ae("nav"),role:"tablist"},re("nav")),ur=r({ref:he,"aria-hidden":"true",role:"presentation",className:Ae("inkbar")},re("inkbar"));return S.createElement("div",wt,S.createElement("ul",Ht,Ye,S.createElement("li",ur)))},Tt=function(){var Ye=r({className:Ae("panelcontainer"),style:o.panelContainerStyle},re("panelcontainer")),wt=S.Children.map(o.children,function(Ht,ur){if(yt(Ht)&&(!o.renderActiveOnly||Ct(ur))){var Nr=Ct(ur),dn=s+ur+"_content",Ln=s+"_header_"+ur,Zn=r({id:dn,className:Ae("tab.content",{props:o,selected:Nr,getTabProp:st,tab:Ht,isSelected:Ct,shouldUseTab:yt,index:ur}),style:Pe("tab.content",{props:o,getTabProp:st,tab:Ht,isSelected:Ct,shouldUseTab:yt,index:ur}),role:"tabpanel","aria-labelledby":Ln},uf.getCOtherProps(Ht),Ke(Ht,"root",ur),Ke(Ht,"content",ur));return S.createElement("div",Zn,o.renderActiveOnly?Nr&&st(Ht,"children"):st(Ht,"children"))}});return S.createElement("div",Ye,wt)},rt=function(){var Ye=r({"aria-hidden":"true"},re("previcon")),wt=o.prevButton||S.createElement(jL,Ye),Ht=nn.getJSXIcon(wt,Uv({},Ye),{props:o}),ur=r({ref:ne,type:"button",className:Ae("prevbutton"),"aria-label":Bo("prevPageLabel"),onClick:function(dn){return Jr()}},re("prevbutton"));return o.scrollable&&!p?S.createElement("button",ur,Ht,S.createElement(Co,null)):null},ge=function(){var Ye=r({"aria-hidden":"true"},re("nexticon")),wt=o.nextButton||S.createElement(hg,Ye),Ht=nn.getJSXIcon(wt,Uv({},Ye),{props:o}),ur=r({ref:Ee,type:"button",className:Ae("nextbutton"),"aria-label":Bo("nextPageLabel"),onClick:function(dn){return In()}},re("nextbutton"));if(o.scrollable&&!v)return S.createElement("button",ur,Ht,S.createElement(Co,null))},be=r({id:s,ref:G,style:o.style,className:pt(o.className,Ae("root"))},Bv.getOtherProps(o),re("root")),We=r({className:Ae("navcontainer")},re("navcontainer")),qt=ft(),Zt=Tt(),Xt=rt(),Cr=ge();return S.createElement("div",be,S.createElement("div",We,Xt,qt,Cr),Zt)});mI.displayName="TabPanel";UL.displayName="TabView";var gI=function(){};gI.displayName="Column";function vI(){return vI=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},vI.apply(null,arguments)}var HL=S.memo(S.forwardRef(function(e,t){var r=kn.getPTI(e);return S.createElement("svg",vI({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),S.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99994 14C6.91097 14.0004 6.82281 13.983 6.74064 13.9489C6.65843 13.9148 6.58387 13.8646 6.52133 13.8013L1.10198 8.38193C0.982318 8.25351 0.917175 8.08367 0.920272 7.90817C0.923368 7.73267 0.994462 7.56523 1.11858 7.44111C1.24269 7.317 1.41014 7.2459 1.58563 7.2428C1.76113 7.23971 1.93098 7.30485 2.0594 7.42451L6.32263 11.6877V0.677419C6.32263 0.497756 6.394 0.325452 6.52104 0.198411C6.64808 0.0713706 6.82039 0 7.00005 0C7.17971 0 7.35202 0.0713706 7.47906 0.198411C7.6061 0.325452 7.67747 0.497756 7.67747 0.677419V11.6877L11.9407 7.42451C12.0691 7.30485 12.2389 7.23971 12.4144 7.2428C12.5899 7.2459 12.7574 7.317 12.8815 7.44111C13.0056 7.56523 13.0767 7.73267 13.0798 7.90817C13.0829 8.08367 13.0178 8.25351 12.8981 8.38193L7.47875 13.8013C7.41621 13.8646 7.34164 13.9148 7.25944 13.9489C7.17727 13.983 7.08912 14.0004 7.00015 14C7.00012 14 7.00009 14 7.00005 14C7.00001 14 6.99998 14 6.99994 14Z",fill:"currentColor"}))}));HL.displayName="ArrowDownIcon";function yI(){return yI=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},yI.apply(null,arguments)}var $L=S.memo(S.forwardRef(function(e,t){var r=kn.getPTI(e);return S.createElement("svg",yI({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),S.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.51551 13.799C6.64205 13.9255 6.813 13.9977 6.99193 14C7.17087 13.9977 7.34182 13.9255 7.46835 13.799C7.59489 13.6725 7.66701 13.5015 7.66935 13.3226V2.31233L11.9326 6.57554C11.9951 6.63887 12.0697 6.68907 12.1519 6.72319C12.2341 6.75731 12.3223 6.77467 12.4113 6.77425C12.5003 6.77467 12.5885 6.75731 12.6707 6.72319C12.7529 6.68907 12.8274 6.63887 12.89 6.57554C13.0168 6.44853 13.0881 6.27635 13.0881 6.09683C13.0881 5.91732 13.0168 5.74514 12.89 5.61812L7.48846 0.216594C7.48274 0.210436 7.4769 0.204374 7.47094 0.198411C7.3439 0.0713707 7.1716 0 6.99193 0C6.81227 0 6.63997 0.0713707 6.51293 0.198411C6.50704 0.204296 6.50128 0.210278 6.49563 0.216354L1.09386 5.61812C0.974201 5.74654 0.909057 5.91639 0.912154 6.09189C0.91525 6.26738 0.986345 6.43483 1.11046 6.55894C1.23457 6.68306 1.40202 6.75415 1.57752 6.75725C1.75302 6.76035 1.92286 6.6952 2.05128 6.57554L6.31451 2.31231V13.3226C6.31685 13.5015 6.38898 13.6725 6.51551 13.799Z",fill:"currentColor"}))}));$L.displayName="ArrowUpIcon";function bI(){return bI=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},bI.apply(null,arguments)}var WL=S.memo(S.forwardRef(function(e,t){var r=kn.getPTI(e);return S.createElement("svg",bI({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),S.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z",fill:"currentColor"}))}));WL.displayName="AngleDoubleLeftIcon";function SI(){return SI=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},SI.apply(null,arguments)}var zL=S.memo(S.forwardRef(function(e,t){var r=kn.getPTI(e);return S.createElement("svg",SI({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),S.createElement("path",{d:"M3.58659 4.5007C3.68513 4.50023 3.78277 4.51945 3.87379 4.55723C3.9648 4.59501 4.04735 4.65058 4.11659 4.7207L7.11659 7.7207L10.1166 4.7207C10.2619 4.65055 10.4259 4.62911 10.5843 4.65956C10.7427 4.69002 10.8871 4.77074 10.996 4.88976C11.1049 5.00877 11.1726 5.15973 11.1889 5.32022C11.2052 5.48072 11.1693 5.6422 11.0866 5.7807L7.58659 9.2807C7.44597 9.42115 7.25534 9.50004 7.05659 9.50004C6.85784 9.50004 6.66722 9.42115 6.52659 9.2807L3.02659 5.7807C2.88614 5.64007 2.80725 5.44945 2.80725 5.2507C2.80725 5.05195 2.88614 4.86132 3.02659 4.7207C3.09932 4.64685 3.18675 4.58911 3.28322 4.55121C3.37969 4.51331 3.48305 4.4961 3.58659 4.5007Z",fill:"currentColor"}))}));zL.displayName="AngleDownIcon";function EI(){return EI=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},EI.apply(null,arguments)}var KL=S.memo(S.forwardRef(function(e,t){var r=kn.getPTI(e);return S.createElement("svg",EI({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),S.createElement("path",{d:"M10.4134 9.49931C10.3148 9.49977 10.2172 9.48055 10.1262 9.44278C10.0352 9.405 9.95263 9.34942 9.88338 9.27931L6.88338 6.27931L3.88338 9.27931C3.73811 9.34946 3.57409 9.3709 3.41567 9.34044C3.25724 9.30999 3.11286 9.22926 3.00395 9.11025C2.89504 8.99124 2.82741 8.84028 2.8111 8.67978C2.79478 8.51928 2.83065 8.35781 2.91338 8.21931L6.41338 4.71931C6.55401 4.57886 6.74463 4.49997 6.94338 4.49997C7.14213 4.49997 7.33276 4.57886 7.47338 4.71931L10.9734 8.21931C11.1138 8.35994 11.1927 8.55056 11.1927 8.74931C11.1927 8.94806 11.1138 9.13868 10.9734 9.27931C10.9007 9.35315 10.8132 9.41089 10.7168 9.44879C10.6203 9.48669 10.5169 9.5039 10.4134 9.49931Z",fill:"currentColor"}))}));KL.displayName="AngleUpIcon";function h0(){return h0=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h0.apply(null,arguments)}function Hm(e){"@babel/helpers - typeof";return Hm=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Hm(e)}function xZ(e,t){if(Hm(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(Hm(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function DZ(e){var t=xZ(e,"string");return Hm(t)=="symbol"?t:t+""}function NZ(e,t,r){return(t=DZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var MZ={root:function(t){var r=t.props,n=t.isFilled,o=t.context;return pt("p-inputtext p-component",{"p-disabled":r.disabled,"p-filled":n,"p-invalid":r.invalid,"p-variant-filled":r.variant?r.variant==="filled":o&&o.inputStyle==="filled"})}},Hv=Ar.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,variant:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,iconPosition:null},css:{classes:MZ}});function ZN(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function XN(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ZN(Object(r),!0).forEach(function(n){NZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ZN(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}var z0=S.memo(S.forwardRef(function(e,t){var r=Vr(),n=S.useContext(qr),o=Hv.getProps(e,n),i=Hv.setMetaData(XN(XN({props:o},o.__parentMetadata),{},{context:{disabled:o.disabled,iconPosition:o.iconPosition}})),a=i.ptm,s=i.cx,l=i.isUnstyled;go(Hv.css.styles,l,{name:"inputtext",styled:!0});var c=S.useRef(t),d=function(R){o.onKeyDown&&o.onKeyDown(R),o.keyfilter&&uu.onKeyPress(R,o.keyfilter,o.validateOnly)},p=function(R){o.onBeforeInput&&o.onBeforeInput(R),o.keyfilter&&uu.onBeforeInput(R,o.keyfilter,o.validateOnly)},m=function(R){var x=R.target,k=!0;o.keyfilter&&o.validateOnly&&(k=uu.validate(R,o.keyfilter)),o.onInput&&o.onInput(R,k),pe.isNotEmpty(x.value)?le.addClass(x,"p-filled"):le.removeClass(x,"p-filled")},y=function(R){o.onPaste&&o.onPaste(R),o.keyfilter&&uu.onPaste(R,o.keyfilter,o.validateOnly)};S.useEffect(function(){pe.combinedRefs(c,t)},[c,t]);var b=S.useMemo(function(){return pe.isNotEmpty(o.value)||pe.isNotEmpty(o.defaultValue)},[o.value,o.defaultValue]),v=pe.isNotEmpty(o.tooltip);S.useEffect(function(){var A;b||(A=c.current)!==null&&A!==void 0&&A.value?le.addClass(c.current,"p-filled"):le.removeClass(c.current,"p-filled")},[o.disabled,b]);var C=r({className:pt(o.className,s("root",{context:n,isFilled:b})),onBeforeInput:p,onInput:m,onKeyDown:d,onPaste:y},Hv.getOtherProps(o),a("root"));return S.createElement(S.Fragment,null,S.createElement("input",h0({ref:c},C)),v&&S.createElement(kl,h0({target:c,content:o.tooltip,pt:a("tooltip")},o.tooltipOptions)))}));z0.displayName="InputText";function Gh(){return Gh=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Gh.apply(null,arguments)}function CI(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function kZ(e){if(Array.isArray(e))return CI(e)}function LZ(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function GL(e,t){if(e){if(typeof e=="string")return CI(e,t);var r={}.toString.call(e).slice(8,-1);return r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set"?Array.from(e):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?CI(e,t):void 0}}function FZ(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function jZ(e){return kZ(e)||LZ(e)||GL(e)||FZ()}function $m(e){"@babel/helpers - typeof";return $m=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},$m(e)}function VZ(e,t){if($m(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if($m(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function BZ(e){var t=VZ(e,"string");return $m(t)=="symbol"?t:t+""}function UZ(e,t,r){return(t=BZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function HZ(e){if(Array.isArray(e))return e}function $Z(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var n,o,i,a,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,t!==0)for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(d){c=!0,o=d}finally{try{if(!l&&r.return!=null&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}function WZ(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.

package/dist/index.js

@@ -45563,7 +45563,14 @@ const RZ = () => {
         children: /* @__PURE__ */ ae.jsx("video-player", { ref: p, className: "w-full h-full" })
       }
     ),
-    (o == null ? void 0 : o.bVideoOn) && /* @__PURE__ */ ae.jsx("video-player-container", { className: "w-full h-full", style: { display: A.selfView ? "block" : "none" }, children: /* @__PURE__ */ ae.jsx("video-player", { className: "w-full h-full", ref: m }) }),
+    /* @__PURE__ */ ae.jsx(
+      "video-player-container",
+      {
+        className: "w-full h-full",
+        style: { display: A.selfView && (o != null && o.bVideoOn) ? "block" : "none" },
+        children: /* @__PURE__ */ ae.jsx("video-player", { className: "w-full h-full", ref: m })
+      }
+    ),
     A.videoOff && /* @__PURE__ */ ae.jsx(DZ, { userName: e.displayName })
   ] });
 }, MZ = () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.35",
+  "version": "0.1.36",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",