https://e-learning-prototype.netlify.app/assets/ConversationPage-1e5c5141.js

1import{I as p,aZ as Re,a_ as y,a$ as D,b0 as xn,b1 as vn,b2 as Tn,b3 as pe,a9 as l,b4 as Pn,b5 as an,b6 as De,b7 as kn,ao as q,ah as Ue,ad as Ae,aQ as En,ag as ne,am as G,al as Ve,aH as wn,aG as Cn,ab as Mt,aI as Sn,ar as dt,aJ as ie,aR as je,b8 as ae,b9 as Ft,aK as fe,aX as Rn,aY as jn}from"./index-51c884ce.js";function $e(e){if(typeof window>"u")return e;const t=p.useRef(null);return p.useLayoutEffect(()=>{t.current=e}),p.useCallback((...n)=>{var o;(o=t.current)===null||o===void 0||o.call(t,...n)},[])}const Wt={};function $n(e,t){Wt[e]||(Wt[e]=!0,console.error("[material-ui-popup-state] WARNING",t))}const On={isOpen:!1,setAnchorElUsed:!1,anchorEl:void 0,anchorPosition:void 0,hovered:!1,focused:!1,_openEventType:null,_childPopupState:null,_deferNextOpen:!1,_deferNextClose:!1};function In({parentPopupState:e,popupId:t,variant:n,disableAutoFocus:o}){const r=p.useRef(!0);p.useEffect(()=>(r.current=!0,()=>{r.current=!1}),[]);const[s,i]=p.useState(On),a=p.useCallback(b=>{r.current&&i(b)},[]),c=p.useCallback(b=>a(d=>({...d,setAnchorElUsed:!0,anchorEl:b??void 0})),[]),f=$e(b=>(s.isOpen?u(b):v(b),s)),v=$e(b=>{const d=b instanceof Element?void 0:b,g=b instanceof Element?b:(b==null?void 0:b.currentTarget)instanceof Element?b.currentTarget:void 0;if((d==null?void 0:d.type)==="touchstart"){a(O=>({...O,_deferNextOpen:!0}));return}const C=d==null?void 0:d.clientX,$=d==null?void 0:d.clientY,R=typeof C=="number"&&typeof $=="number"?{left:C,top:$}:void 0,A=O=>{if(!b&&!O.setAnchorElUsed&&n!=="dialog"&&$n("missingEventOrAnchorEl","eventOrAnchorEl should be defined if setAnchorEl is not used"),e){if(!e.isOpen)return O;setTimeout(()=>e._setChildPopupState(T))}const w={...O,isOpen:!0,anchorPosition:R,hovered:(d==null?void 0:d.type)==="mouseover"||O.hovered,focused:(d==null?void 0:d.type)==="focus"||O.focused,_openEventType:d==null?void 0:d.type};return d!=null&&d.currentTarget?O.setAnchorElUsed||(w.anchorEl=d==null?void 0:d.currentTarget):g&&(w.anchorEl=g),w};a(O=>O._deferNextOpen?(setTimeout(()=>a(A),0),{...O,_deferNextOpen:!1}):A(O))}),m=b=>{const{_childPopupState:d}=b;return setTimeout(()=>{d==null||d.close(),e==null||e._setChildPopupState(null)}),{...b,isOpen:!1,hovered:!1,focused:!1}},u=$e(b=>{const d=b instanceof Element?void 0:b;if((d==null?void 0:d.type)==="touchstart"){a(g=>({...g,_deferNextClose:!0}));return}a(g=>g._deferNextClose?(setTimeout(()=>a(m),0),{...g,_deferNextClose:!1}):m(g))}),k=p.useCallback((b,d)=>{b?v(d):u(d)},[]),x=$e(b=>{const{relatedTarget:d}=b;a(g=>g.hovered&&!(d instanceof Element&&ht(d,T))?g.focused?{...g,hovered:!1}:m(g):g)}),h=$e(b=>{if(!b)return;const{relatedTarget:d}=b;a(g=>g.focused&&!(d instanceof Element&&ht(d,T))?g.hovered?{...g,focused:!1}:m(g):g)}),P=p.useCallback(b=>a(d=>({...d,_childPopupState:b})),[]),T={...s,setAnchorEl:c,popupId:t,variant:n,open:v,close:u,toggle:f,setOpen:k,onBlur:h,onMouseLeave:x,disableAutoFocus:o??!!(s.hovered||s.focused),_setChildPopupState:P};return T}function An({isOpen:e,popupId:t,variant:n}){return{...n==="popover"?{"aria-haspopup":!0,"aria-controls":e&&t!=null?t:void 0}:n==="popper"?{"aria-describedby":e&&t!=null?t:void 0}:void 0}}function _n(e){const{open:t,onMouseLeave:n}=e;return{...An(e),onTouchStart:t,onMouseOver:t,onMouseLeave:n}}function Bn({isOpen:e,anchorEl:t,anchorPosition:n,close:o,popupId:r,onMouseLeave:s,disableAutoFocus:i,_openEventType:a}){return{id:r,anchorEl:t,anchorPosition:n,anchorReference:a==="contextmenu"?"anchorPosition":"anchorEl",open:e,onClose:o,onMouseLeave:s,...i&&{disableAutoFocus:!0,disableEnforceFocus:!0,disableRestoreFocus:!0}}}function Mn(e,{popupId:t}){if(!t)return null;const n=typeof e.getRootNode=="function"?e.getRootNode():document;return typeof n.getElementById=="function"?n.getElementById(t):null}function ht(e,t){const{anchorEl:n,_childPopupState:o}=t;return Nt(n,e)||Nt(Mn(e,t),e)||o!=null&&ht(e,o)}function Nt(e,t){if(!e)return!1;for(;t;){if(t===e)return!0;t=t.parentElement}return!1}function ln({children:e,popupId:t,variant:n,parentPopupState:o,disableAutoFocus:r}){const s=In({popupId:t,variant:n,parentPopupState:o,disableAutoFocus:r}),i=e(s);return i??null}ln.propTypes={children:Re.func.isRequired,popupId:Re.string,variant:Re.oneOf(["popover","popper"]).isRequired,parentPopupState:Re.object,disableAutoFocus:Re.bool};const Fn={black:"#000",white:"#fff"},Fe=Fn,Wn={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},ye=Wn,Nn={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff"},xe=Nn,Ln={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},ve=Ln,Hn={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea"},Te=Hn,zn={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},Pe=zn,Kn={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},Oe=Kn,Dn={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},Un=Dn;function ke(e){return e!==null&&typeof e=="object"&&e.constructor===Object}function cn(e){if(!ke(e))return e;const t={};return Object.keys(e).forEach(n=>{t[n]=cn(e[n])}),t}function le(e,t,n={clone:!0}){const o=n.clone?y({},e):e;return ke(e)&&ke(t)&&Object.keys(t).forEach(r=>{r!=="__proto__"&&(ke(t[r])&&r in e&&ke(e[r])?o[r]=le(e[r],t[r],n):n.clone?o[r]=ke(t[r])?cn(t[r]):t[r]:o[r]=t[r])}),o}function we(e){let t="https://mui.com/production-error/?code="+e;for(let n=1;n<arguments.length;n+=1)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified MUI error #"+e+"; visit "+t+" for the full message."}function _e(e){if(typeof e!="string")throw new Error(we(7));return e.charAt(0).toUpperCase()+e.slice(1)}function Lt(...e){return e.reduce((t,n)=>n==null?t:function(...r){t.apply(this,r),n.apply(this,r)},()=>{})}function Gn(e,t=166){let n;function o(...r){const s=()=>{e.apply(this,r)};clearTimeout(n),n=setTimeout(s,t)}return o.clear=()=>{clearTimeout(n)},o}function re(e){return e&&e.ownerDocument||document}function We(e){return re(e).defaultView||window}function gt(e,t){typeof e=="function"?e(t):e&&(e.current=t)}const Xn=typeof window<"u"?p.useLayoutEffect:p.useEffect,bt=Xn;function Ht(e){const t=p.useRef(e);return bt(()=>{t.current=e}),p.useCallback((...n)=>(0,t.current)(...n),[])}function he(...e){return p.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{gt(n,t)})},e)}function Yn(e){const t=e.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}function dn(e,t){const n=y({},t);return Object.keys(e).forEach(o=>{if(o.toString().match(/^(components|slots)$/))n[o]=y({},e[o],n[o]);else if(o.toString().match(/^(componentsProps|slotProps)$/)){const r=e[o]||{},s=t[o];n[o]={},!s||!Object.keys(s)?n[o]=r:!r||!Object.keys(r)?n[o]=s:(n[o]=y({},s),Object.keys(r).forEach(i=>

1{n[o][i]=dn(r[i],s[i])}))}else n[o]===void 0&&(n[o]=e[o])}),n}function Ze(e,t,n=void 0){const o={};return Object.keys(e).forEach(r=>{o[r]=e[r].reduce((s,i)=>{if(i){const a=t(i);a!==""&&s.push(a),n&&n[i]&&s.push(n[i])}return s},[]).join(" ")}),o}const zt=e=>e,qn=()=>{let e=zt;return{configure(t){e=t},generate(t){return e(t)},reset(){e=zt}}},Vn=qn(),Zn=Vn,Jn={active:"active",checked:"checked",completed:"completed",disabled:"disabled",readOnly:"readOnly",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",required:"required",selected:"selected"};function Ne(e,t,n="Mui"){const o=Jn[t];return o?`${n}-${o}`:`${Zn.generate(e)}-${t}`}function Je(e,t,n="Mui"){const o={};return t.forEach(r=>{o[r]=Ne(e,r,n)}),o}const vt="$$material",Qn=["values","unit","step"],eo=e=>{const t=Object.keys(e).map(n=>({key:n,val:e[n]}))||[];return t.sort((n,o)=>n.val-o.val),t.reduce((n,o)=>y({},n,{[o.key]:o.val}),{})};function to(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:n="px",step:o=5}=e,r=D(e,Qn),s=eo(t),i=Object.keys(s);function a(u){return`@media (min-width:${typeof t[u]=="number"?t[u]:u}${n})`}function c(u){return`@media (max-width:${(typeof t[u]=="number"?t[u]:u)-o/100}${n})`}function f(u,k){const x=i.indexOf(k);return`@media (min-width:${typeof t[u]=="number"?t[u]:u}${n}) and (max-width:${(x!==-1&&typeof t[i[x]]=="number"?t[i[x]]:k)-o/100}${n})`}function v(u){return i.indexOf(u)+1<i.length?f(u,i[i.indexOf(u)+1]):a(u)}function m(u){const k=i.indexOf(u);return k===0?a(i[1]):k===i.length-1?c(i[k]):f(u,i[i.indexOf(u)+1]).replace("@media","@media not all and")}return y({keys:i,values:s,up:a,down:c,between:f,only:v,not:m,unit:n},r)}const no={borderRadius:4},oo=no;function Be(e,t){return t?le(e,t,{clone:!1}):e}const Tt={xs:0,sm:600,md:900,lg:1200,xl:1536},Kt={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${Tt[e]}px)`};function ce(e,t,n){const o=e.theme||{};if(Array.isArray(t)){const s=o.breakpoints||Kt;return t.reduce((i,a,c)=>(i[s.up(s.keys[c])]=n(t[c]),i),{})}if(typeof t=="object"){const s=o.breakpoints||Kt;return Object.keys(t).reduce((i,a)=>{if(Object.keys(s.values||Tt).indexOf(a)!==-1){const c=s.up(a);i[c]=n(t[a],a)}else{const c=a;i[c]=t[c]}return i},{})}return n(t)}function ro(e={}){var t;return((t=e.keys)==null?void 0:t.reduce((o,r)=>{const s=e.up(r);return o[s]={},o},{}))||{}}function so(e,t){return e.reduce((n,o)=>{const r=n[o];return(!r||Object.keys(r).length===0)&&delete n[o],n},t)}function Qe(e,t,n=!0){if(!t||typeof t!="string")return null;if(e&&e.vars&&n){const o=`vars.${t}`.split(".").reduce((r,s)=>r&&r[s]?r[s]:null,e);if(o!=null)return o}return t.split(".").reduce((o,r)=>o&&o[r]!=null?o[r]:null,e)}function Xe(e,t,n,o=n){let r;return typeof e=="function"?r=e(n):Array.isArray(e)?r=e[n]||o:r=Qe(e,n)||o,t&&(r=t(r,o,e)),r}function I(e){const{prop:t,cssProperty:n=e.prop,themeKey:o,transform:r}=e,s=i=>{if(i[t]==null)return null;const a=i[t],c=i.theme,f=Qe(c,o)||{};return ce(i,a,m=>{let u=Xe(f,r,m);return m===u&&typeof m=="string"&&(u=Xe(f,r,`${t}${m==="default"?"":_e(m)}`,m)),n===!1?u:{[n]:u}})};return s.propTypes={},s.filterProps=[t],s}function io(e){const t={};return n=>(t[n]===void 0&&(t[n]=e(n)),t[n])}const ao={m:"margin",p:"padding"},lo={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},Dt={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},co=io(e=>{if(e.length>2)if(Dt[e])e=Dt[e];else return[e];const[t,n]=e.split(""),o=ao[t],r=lo[n]||"";return Array.isArray(r)?r.map(s=>o+s):[o+r]}),Pt=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],kt=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"];[...Pt,...kt];function Le(e,t,n,o){var r;const s=(r=Qe(e,t,!1))!=null?r:n;return typeof s=="number"?i=>typeof i=="string"?i:s*i:Array.isArray(s)?i=>typeof i=="string"?i:s[i]:typeof s=="function"?s:()=>{}}function un(e){return Le(e,"spacing",8)}function He(e,t){if(typeof t=="string"||t==null)return t;const n=Math.abs(t),o=e(n);return t>=0?o:typeof o=="number"?-o:`-${o}`}function uo(e,t){return n=>e.reduce((o,r)=>(o[r]=He(t,n),o),{})}function fo(e,t,n,o){if(t.indexOf(n)===-1)return null;const r=co(n),s=uo(r,o),i=e[n];return ce(e,i,s)}function fn(e,t){const n=un(e.theme);return Object.keys(e).map(o=>fo(e,t,o,n)).reduce(Be,{})}function N(e){return fn(e,Pt)}N.propTypes={};N.filterProps=Pt;function L(e){return fn(e,kt)}L.propTypes={};L.filterProps=kt;function po(e=8){if(e.mui)return e;const t=un({spacing:e}),n=(...o)=>(o.length===0?[1]:o).map(s=>{const i=t(s);return typeof i=="number"?`${i}px`:i}).join(" ");return n.mui=!0,n}function et(...e){const t=e.reduce((o,r)=>(r.filterProps.forEach(s=>{o[s]=r}),o),{}),n=o=>Object.keys(o).reduce((r,s)=>t[s]?Be(r,t[s](o)):r,{});return n.propTypes={},n.filterProps=e.reduce((o,r)=>o.concat(r.filterProps),[]),n}function oe(e){return typeof e!="number"?e:`${e}px solid`}const mo=I({prop:"border",themeKey:"borders",transform:oe}),ho=I({prop:"borderTop",themeKey:"borders",transform:oe}),go=I({prop:"borderRight",themeKey:"borders",transform:oe}),bo=I({prop:"borderBottom",themeKey:"borders",transform:oe}),yo=I({prop:"borderLeft",themeKey:"borders",transform:oe}),xo=I({prop:"borderColor",themeKey:"palette"}),vo=I({prop:"borderTopColor",themeKey:"palette"}),To=I({prop:"borderRightColor",themeKey:"palette"}),Po=I({prop:"borderBottomColor",themeKey:"palette"}),ko=I({prop:"borderLeftColor",themeKey:"palette"}),tt=e=>{if(e.borderRadius!==void 0&&e.borderRadius!==null){const t=Le(e.theme,"shape.borderRadius",4),n=o=>({borderRadius:He(t,o)});return ce(e,e.borderRadius,n)}return null};tt.propTypes={};tt.filterProps=["borderRadius"];et(mo,ho,go,bo,yo,xo,vo,To,Po,ko,tt);const nt=e=>{if(e.gap!==void 0&&e.gap!==null){const t=Le(e.theme,"spacing",8),n=o=>({gap:He(t,o)});return ce(e,e.gap,n)}return null};nt.propTypes={};nt.filterProps=["gap"];const ot=e=>{if(e.columnGap!==void 0&&e.columnGap!==null){const t=Le(e.theme,"spacing",8),n=o=>({columnGap:He(t,o)});return ce(e,e.columnGap,n)}return null};ot.propTypes={};ot.filterProps=["columnGap"];const rt=e=>{if(e.rowGap!==void 0&&e.rowGap!==null){const t=Le(e.theme,"spacing",8),n=o=>({rowGap:He(t,o)});return ce(e,e.rowGap,n)}return null};rt.propTypes={};rt.filterProps=["rowGap"];const Eo=I({prop:"gridColumn"}),wo=I({prop:"gridRow"}),Co=I({prop:"gridAutoFlow"}),So=I({prop:"gridAutoColumns"}),Ro=I({prop:"gridAutoRows"}),jo=I({prop:"gridTemplateColumns"}),$o=I({prop:"gridTemplateRows"}),Oo=I({prop:"gridTemplateAreas"}),Io=I({prop:"gridArea"});et(nt,ot,rt,Eo,wo,Co,So,Ro,jo,$o,Oo,Io);function Ee(e,t){return t==="grey"?t:e}const Ao=I({prop:"color",themeKey:"palette",transform:Ee}),_o=I({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:Ee}),Bo=I({prop:"backgroundColor",themeKey:"palette",transform:Ee});et(Ao,_o,Bo);function Z(e){return e<=1&&e!==0?`${e*100}%`:e}const Mo=I({prop:"width",transform:Z}),Et=e=>{if(e.maxWidth!==void 0&&e.maxWidth!==null){const t=n=>{var o,r,s;return{maxWidth:((o=e.theme)==null||(r=o.breakpoints)==null||(s=r.values)==null?void 0:s[n])||Tt[n]||Z(n)}};return ce(e,e.maxWidth,t)}return null};Et.filterProps=["maxWidth"];const Fo=I({prop:"minWidth",transform:Z}),Wo=I({prop:"height",transform:Z}),No=I({prop:"maxHeight",transform:Z}),Lo=I({prop:"minHeight",transform:Z});I({prop:"size",cssProperty:"width",transform:Z});I({prop:"size",cssProperty:"height",transform:Z});const Ho=I({prop:"boxSizing"});et(Mo,Et,Fo,Wo,No,Lo,Ho);const zo={border:{themeKey:"borders",transform:oe},borderTop:{themeKey:"borders",transform:oe},borderRight:{themeKey:"borders",transform:oe},borderBottom:{themeKey:"borders",transform:oe},borderLeft:{themeKey:"borders",transform:oe},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:tt},color:{themeKey:"palette",transform:Ee},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:Ee},backgroundColor:{themeKey:"palette",transform:Ee},p:{style:L},pt:{style:L},pr:{style:L},pb:{style:L},pl:{style:L},px:{style:L},py:{style:L},padding:{style:L},paddingTop:{style:L},paddingRight:{style:L}

1,paddingBottom:{style:L},paddingLeft:{style:L},paddingX:{style:L},paddingY:{style:L},paddingInline:{style:L},paddingInlineStart:{style:L},paddingInlineEnd:{style:L},paddingBlock:{style:L},paddingBlockStart:{style:L},paddingBlockEnd:{style:L},m:{style:N},mt:{style:N},mr:{style:N},mb:{style:N},ml:{style:N},mx:{style:N},my:{style:N},margin:{style:N},marginTop:{style:N},marginRight:{style:N},marginBottom:{style:N},marginLeft:{style:N},marginX:{style:N},marginY:{style:N},marginInline:{style:N},marginInlineStart:{style:N},marginInlineEnd:{style:N},marginBlock:{style:N},marginBlockStart:{style:N},marginBlockEnd:{style:N},displayPrint:{cssProperty:!1,transform:e=>({"@media print":{display:e}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:nt},rowGap:{style:rt},columnGap:{style:ot},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:Z},maxWidth:{style:Et},minWidth:{transform:Z},height:{transform:Z},maxHeight:{transform:Z},minHeight:{transform:Z},boxSizing:{},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}},wt=zo;function Ko(...e){const t=e.reduce((o,r)=>o.concat(Object.keys(r)),[]),n=new Set(t);return e.every(o=>n.size===Object.keys(o).length)}function Do(e,t){return typeof e=="function"?e(t):e}function Uo(){function e(n,o,r,s){const i={[n]:o,theme:r},a=s[n];if(!a)return{[n]:o};const{cssProperty:c=n,themeKey:f,transform:v,style:m}=a;if(o==null)return null;if(f==="typography"&&o==="inherit")return{[n]:o};const u=Qe(r,f)||{};return m?m(i):ce(i,o,x=>{let h=Xe(u,v,x);return x===h&&typeof x=="string"&&(h=Xe(u,v,`${n}${x==="default"?"":_e(x)}`,x)),c===!1?h:{[c]:h}})}function t(n){var o;const{sx:r,theme:s={}}=n||{};if(!r)return null;const i=(o=s.unstable_sxConfig)!=null?o:wt;function a(c){let f=c;if(typeof c=="function")f=c(s);else if(typeof c!="object")return c;if(!f)return null;const v=ro(s.breakpoints),m=Object.keys(v);let u=v;return Object.keys(f).forEach(k=>{const x=Do(f[k],s);if(x!=null)if(typeof x=="object")if(i[k])u=Be(u,e(k,x,s,i));else{const h=ce({theme:s},x,P=>({[k]:P}));Ko(h,x)?u[k]=t({sx:x,theme:s}):u=Be(u,h)}else u=Be(u,e(k,x,s,i))}),so(m,u)}return Array.isArray(r)?r.map(a):a(r)}return t}const pn=Uo();pn.filterProps=["sx"];const Ct=pn,Go=["breakpoints","palette","spacing","shape"];function St(e={},...t){const{breakpoints:n={},palette:o={},spacing:r,shape:s={}}=e,i=D(e,Go),a=to(n),c=po(r);let f=le({breakpoints:a,direction:"ltr",components:{},palette:y({mode:"light"},o),spacing:c,shape:y({},oo,s)},i);return f=t.reduce((v,m)=>le(v,m),f),f.unstable_sxConfig=y({},wt,i==null?void 0:i.unstable_sxConfig),f.unstable_sx=function(m){return Ct({sx:m,theme:this})},f}function Xo(e){return Object.keys(e).length===0}function Yo(e=null){const t=p.useContext(xn);return!t||Xo(t)?e:t}const qo=St();function mn(e=qo){return Yo(e)}const Vo=["variant"];function Ut(e){return e.length===0}function hn(e){const{variant:t}=e,n=D(e,Vo);let o=t||"";return Object.keys(n).sort().forEach(r=>{r==="color"?o+=Ut(o)?e[r]:_e(e[r]):o+=`${Ut(o)?r:_e(r)}${_e(e[r].toString())}`}),o}const Zo=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function Jo(e){return Object.keys(e).length===0}function Qo(e){return typeof e=="string"&&e.charCodeAt(0)>96}const er=(e,t)=>t.components&&t.components[e]&&t.components[e].styleOverrides?t.components[e].styleOverrides:null,tr=(e,t)=>{let n=[];t&&t.components&&t.components[e]&&t.components[e].variants&&(n=t.components[e].variants);const o={};return n.forEach(r=>{const s=hn(r.props);o[s]=r.style}),o},nr=(e,t,n,o)=>{var r,s;const{ownerState:i={}}=e,a=[],c=n==null||(r=n.components)==null||(s=r[o])==null?void 0:s.variants;

1return c&&c.forEach(f=>{let v=!0;Object.keys(f.props).forEach(m=>{i[m]!==f.props[m]&&e[m]!==f.props[m]&&(v=!1)}),v&&a.push(t[hn(f.props)])}),a};function Ge(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const or=St();function Ie({defaultTheme:e,theme:t,themeId:n}){return Jo(t)?e:t[n]||t}function rr(e={}){const{themeId:t,defaultTheme:n=or,rootShouldForwardProp:o=Ge,slotShouldForwardProp:r=Ge}=e,s=i=>Ct(y({},i,{theme:Ie(y({},i,{defaultTheme:n,themeId:t}))}));return s.__mui_systemSx=!0,(i,a={})=>{vn(i,g=>g.filter(C=>!(C!=null&&C.__mui_systemSx)));const{name:c,slot:f,skipVariantsResolver:v,skipSx:m,overridesResolver:u}=a,k=D(a,Zo),x=v!==void 0?v:f&&f!=="Root"||!1,h=m||!1;let P,T=Ge;f==="Root"?T=o:f?T=r:Qo(i)&&(T=void 0);const b=Tn(i,y({shouldForwardProp:T,label:P},k)),d=(g,...C)=>{const $=C?C.map(w=>typeof w=="function"&&w.__emotion_real!==w?j=>w(y({},j,{theme:Ie(y({},j,{defaultTheme:n,themeId:t}))})):w):[];let R=g;c&&u&&$.push(w=>{const j=Ie(y({},w,{defaultTheme:n,themeId:t})),W=er(c,j);if(W){const B={};return Object.entries(W).forEach(([S,E])=>{B[S]=typeof E=="function"?E(y({},w,{theme:j})):E}),u(w,B)}return null}),c&&!x&&$.push(w=>{const j=Ie(y({},w,{defaultTheme:n,themeId:t}));return nr(w,tr(c,j),j,c)}),h||$.push(s);const A=$.length-C.length;if(Array.isArray(g)&&A>0){const w=new Array(A).fill("");R=[...g,...w],R.raw=[...g.raw,...w]}else typeof g=="function"&&g.__emotion_real!==g&&(R=w=>g(y({},w,{theme:Ie(y({},w,{defaultTheme:n,themeId:t}))})));const O=b(R,...$);return i.muiName&&(O.muiName=i.muiName),O};return b.withConfig&&(d.withConfig=b.withConfig),d}}function sr(e){const{theme:t,name:n,props:o}=e;return!t||!t.components||!t.components[n]||!t.components[n].defaultProps?o:dn(t.components[n].defaultProps,o)}function ir({props:e,name:t,defaultTheme:n,themeId:o}){let r=mn(n);return o&&(r=r[o]||r),sr({theme:r,name:t,props:e})}function Rt(e,t=0,n=1){return Math.min(Math.max(t,e),n)}function ar(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let n=e.match(t);return n&&n[0].length===1&&(n=n.map(o=>o+o)),n?`rgb${n.length===4?"a":""}(${n.map((o,r)=>r<3?parseInt(o,16):Math.round(parseInt(o,16)/255*1e3)/1e3).join(", ")})`:""}function me(e){if(e.type)return e;if(e.charAt(0)==="#")return me(ar(e));const t=e.indexOf("("),n=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(n)===-1)throw new Error(we(9,e));let o=e.substring(t+1,e.length-1),r;if(n==="color"){if(o=o.split(" "),r=o.shift(),o.length===4&&o[3].charAt(0)==="/"&&(o[3]=o[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(r)===-1)throw new Error(we(10,r))}else o=o.split(",");return o=o.map(s=>parseFloat(s)),{type:n,values:o,colorSpace:r}}function st(e){const{type:t,colorSpace:n}=e;let{values:o}=e;return t.indexOf("rgb")!==-1?o=o.map((r,s)=>s<3?parseInt(r,10):r):t.indexOf("hsl")!==-1&&(o[1]=`${o[1]}%`,o[2]=`${o[2]}%`),t.indexOf("color")!==-1?o=`${n} ${o.join(" ")}`:o=`${o.join(", ")}`,`${t}(${o})`}function lr(e){e=me(e);const{values:t}=e,n=t[0],o=t[1]/100,r=t[2]/100,s=o*Math.min(r,1-r),i=(f,v=(f+n/30)%12)=>r-s*Math.max(Math.min(v-3,9-v,1),-1);let a="rgb";const c=[Math.round(i(0)*255),Math.round(i(8)*255),Math.round(i(4)*255)];return e.type==="hsla"&&(a+="a",c.push(t[3])),st({type:a,values:c})}function Gt(e){e=me(e);let t=e.type==="hsl"||e.type==="hsla"?me(lr(e)).values:e.values;return t=t.map(n=>(e.type!=="color"&&(n/=255),n<=.03928?n/12.92:((n+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function cr(e,t){const n=Gt(e),o=Gt(t);return(Math.max(n,o)+.05)/(Math.min(n,o)+.05)}function Xt(e,t){return e=me(e),t=Rt(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,st(e)}function dr(e,t){if(e=me(e),t=Rt(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]*=1-t;return st(e)}function ur(e,t){if(e=me(e),t=Rt(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;else if(e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(1-e.values[n])*t;return st(e)}function fr(e,t){return y({toolbar:{minHeight:56,[e.up("xs")]:{"@media (orientation: landscape)":{minHeight:48}},[e.up("sm")]:{minHeight:64}}},t)}const pr=["mode","contrastThreshold","tonalOffset"],Yt={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:Fe.white,default:Fe.white},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackgroun

1d:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},ut={text:{primary:Fe.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:"#121212",default:"#121212"},action:{active:Fe.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function qt(e,t,n,o){const r=o.light||o,s=o.dark||o*1.5;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:t==="light"?e.light=ur(e.main,r):t==="dark"&&(e.dark=dr(e.main,s)))}function mr(e="light"){return e==="dark"?{main:ve[200],light:ve[50],dark:ve[400]}:{main:ve[700],light:ve[400],dark:ve[800]}}function hr(e="light"){return e==="dark"?{main:xe[200],light:xe[50],dark:xe[400]}:{main:xe[500],light:xe[300],dark:xe[700]}}function gr(e="light"){return e==="dark"?{main:ye[500],light:ye[300],dark:ye[700]}:{main:ye[700],light:ye[400],dark:ye[800]}}function br(e="light"){return e==="dark"?{main:Te[400],light:Te[300],dark:Te[700]}:{main:Te[700],light:Te[500],dark:Te[900]}}function yr(e="light"){return e==="dark"?{main:Pe[400],light:Pe[300],dark:Pe[700]}:{main:Pe[800],light:Pe[500],dark:Pe[900]}}function xr(e="light"){return e==="dark"?{main:Oe[400],light:Oe[300],dark:Oe[700]}:{main:"#ed6c02",light:Oe[500],dark:Oe[900]}}function vr(e){const{mode:t="light",contrastThreshold:n=3,tonalOffset:o=.2}=e,r=D(e,pr),s=e.primary||mr(t),i=e.secondary||hr(t),a=e.error||gr(t),c=e.info||br(t),f=e.success||yr(t),v=e.warning||xr(t);function m(h){return cr(h,ut.text.primary)>=n?ut.text.primary:Yt.text.primary}const u=({color:h,name:P,mainShade:T=500,lightShade:b=300,darkShade:d=700})=>{if(h=y({},h),!h.main&&h[T]&&(h.main=h[T]),!h.hasOwnProperty("main"))throw new Error(we(11,P?` (${P})`:"",T));if(typeof h.main!="string")throw new Error(we(12,P?` (${P})`:"",JSON.stringify(h.main)));return qt(h,"light",b,o),qt(h,"dark",d,o),h.contrastText||(h.contrastText=m(h.main)),h},k={dark:ut,light:Yt};return le(y({common:y({},Fe),mode:t,primary:u({color:s,name:"primary"}),secondary:u({color:i,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:u({color:a,name:"error"}),warning:u({color:v,name:"warning"}),info:u({color:c,name:"info"}),success:u({color:f,name:"success"}),grey:Un,contrastThreshold:n,getContrastText:m,augmentColor:u,tonalOffset:o},k[t]),r)}const Tr=["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"];function Pr(e){return Math.round(e*1e5)/1e5}const Vt={textTransform:"uppercase"},Zt='"Roboto", "Helvetica", "Arial", sans-serif';function kr(e,t){const n=typeof t=="function"?t(e):t,{fontFamily:o=Zt,fontSize:r=14,fontWeightLight:s=300,fontWeightRegular:i=400,fontWeightMedium:a=500,fontWeightBold:c=700,htmlFontSize:f=16,allVariants:v,pxToRem:m}=n,u=D(n,Tr),k=r/14,x=m||(T=>`${T/f*k}rem`),h=(T,b,d,g,C)=>y({fontFamily:o,fontWeight:T,fontSize:x(b),lineHeight:d},o===Zt?{letterSpacing:`${Pr(g/b)}em`}:{},C,v),P={h1:h(s,96,1.167,-1.5),h2:h(s,60,1.2,-.5),h3:h(i,48,1.167,0),h4:h(i,34,1.235,.25),h5:h(i,24,1.334,0),h6:h(a,20,1.6,.15),subtitle1:h(i,16,1.75,.15),subtitle2:h(a,14,1.57,.1),body1:h(i,16,1.5,.15),body2:h(i,14,1.43,.15),button:h(a,14,1.75,.4,Vt),caption:h(i,12,1.66,.4),overline:h(i,12,2.66,1,Vt),inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}};return le(y({htmlFontSize:f,pxToRem:x,fontFamily:o,fontSize:r,fontWeightLight:s,fontWeightRegular:i,fontWeightMedium:a,fontWeightBold:c},P),u,{clone:!1})}const Er=.2,wr=.14,Cr=.12;function F(...e){return[`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Er})`,`${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${wr})`,`${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Cr})`].join(",")}const Sr=["none",F(0,2,1,-1,0,1,1,0,0,1,3,0),F(0,3,1,-2,0,2,2,0,0,1,5,0),F(0,3,3,-2,0,3,4,0,0,1,8,0),F(0,2,4,-1,0,4,5,0,0,1,10,0),F(0,3,5,-1,0,5,8,0,0,1,14,0),F(0,3,5,-1,0,6,10,0,0,1,18,0),F(0,4,5,-2,0,7,10,1,0,2,16,1),F(0,5,5,-3,0,8,10,1,0,3,14,2),F(0,5,6,-3,0,9,12,1,0,3,16,2),F(0,6,6,-3,0,10,14,1,0,4,18,3),F(0,6,7,-4,0,11,15,1,0,4,20,3),F(0,7,8,-4,0,12,17,2,0,5,22,4),F(0,7,8,-4,0,13,19,2,0,5,24,4),F(0,7,9,-4,0,14,21,2,0,5,26,4),F(0,8,9,-5,0,15,22,2,0,6,28,5),F(0,8,10,-5,0,16,24,2,0,6,30,5),F(0,8,11,-5,0,17,26,2,0,6,32,5),F(0,9,11,-5,0,18,28,2,0,7,34,6),F(0,9,12,-6,0,19,29,2,0,7,36,6

1),F(0,10,13,-6,0,20,31,3,0,8,38,7),F(0,10,13,-6,0,21,33,3,0,8,40,7),F(0,10,14,-6,0,22,35,3,0,8,42,7),F(0,11,14,-7,0,23,36,3,0,9,44,8),F(0,11,15,-7,0,24,38,3,0,9,46,8)],Rr=Sr,jr=["duration","easing","delay"],$r={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},Or={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function Jt(e){return`${Math.round(e)}ms`}function Ir(e){if(!e)return 0;const t=e/36;return Math.round((4+15*t**.25+t/5)*10)}function Ar(e){const t=y({},$r,e.easing),n=y({},Or,e.duration);return y({getAutoHeightDuration:Ir,create:(r=["all"],s={})=>{const{duration:i=n.standard,easing:a=t.easeInOut,delay:c=0}=s;return D(s,jr),(Array.isArray(r)?r:[r]).map(f=>`${f} ${typeof i=="string"?i:Jt(i)} ${a} ${typeof c=="string"?c:Jt(c)}`).join(",")}},e,{easing:t,duration:n})}const _r={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},Br=_r,Mr=["breakpoints","mixins","spacing","palette","transitions","typography","shape"];function Fr(e={},...t){const{mixins:n={},palette:o={},transitions:r={},typography:s={}}=e,i=D(e,Mr);if(e.vars)throw new Error(we(18));const a=vr(o),c=St(e);let f=le(c,{mixins:fr(c.breakpoints,n),palette:a,shadows:Rr.slice(),typography:kr(a,s),transitions:Ar(r),zIndex:y({},Br)});return f=le(f,i),f=t.reduce((v,m)=>le(v,m),f),f.unstable_sxConfig=y({},wt,i==null?void 0:i.unstable_sxConfig),f.unstable_sx=function(m){return Ct({sx:m,theme:this})},f}const Wr=Fr(),jt=Wr;function gn(){const e=mn(jt);return e[vt]||e}function it({props:e,name:t}){return ir({props:e,name:t,defaultTheme:jt,themeId:vt})}const Nr=e=>Ge(e)&&e!=="classes",Lr=rr({themeId:vt,defaultTheme:jt,rootShouldForwardProp:Nr}),Ce=Lr,Hr=e=>{let t;return e<1?t=5.11916*e**2:t=4.5*Math.log(e+1)+2,(t/100).toFixed(2)},Qt=Hr;function $t(e){return typeof e=="string"}function zr(e,t,n){return e===void 0||$t(e)?t:y({},t,{ownerState:y({},t.ownerState,n)})}const Kr={disableDefaultClasses:!1},Dr=p.createContext(Kr);function Ur(e){const{disableDefaultClasses:t}=p.useContext(Dr);return n=>t?"":e(n)}function Gr(e,t=[]){if(e===void 0)return{};const n={};return Object.keys(e).filter(o=>o.match(/^on[A-Z]/)&&typeof e[o]=="function"&&!t.includes(o)).forEach(o=>{n[o]=e[o]}),n}function yt(e,t){return typeof e=="function"?e(t):e}function en(e){if(e===void 0)return{};const t={};return Object.keys(e).filter(n=>!(n.match(/^on[A-Z]/)&&typeof e[n]=="function")).forEach(n=>{t[n]=e[n]}),t}function Xr(e){const{getSlotProps:t,additionalProps:n,externalSlotProps:o,externalForwardedProps:r,className:s}=e;if(!t){const k=pe(r==null?void 0:r.className,o==null?void 0:o.className,s,n==null?void 0:n.className),x=y({},n==null?void 0:n.style,r==null?void 0:r.style,o==null?void 0:o.style),h=y({},n,r,o);return k.length>0&&(h.className=k),Object.keys(x).length>0&&(h.style=x),{props:h,internalRef:void 0}}const i=Gr(y({},r,o)),a=en(o),c=en(r),f=t(i),v=pe(f==null?void 0:f.className,n==null?void 0:n.className,s,r==null?void 0:r.className,o==null?void 0:o.className),m=y({},f==null?void 0:f.style,n==null?void 0:n.style,r==null?void 0:r.style,o==null?void 0:o.style),u=y({},f,n,c,a);return v.length>0&&(u.className=v),Object.keys(m).length>0&&(u.style=m),{props:u,internalRef:f.ref}}const Yr=["elementType","externalSlotProps","ownerState"];function Ye(e){var t;const{elementType:n,externalSlotProps:o,ownerState:r}=e,s=D(e,Yr),i=yt(o,r),{props:a,internalRef:c}=Xr(y({},s,{externalSlotProps:i})),f=he(c,i==null?void 0:i.ref,(t=e.additionalProps)==null?void 0:t.ref);return zr(n,y({},a,{ref:f}),r)}const qr=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'].join(",");function Vr(e){const t=parseInt(e.getAttribute("tabindex")||"",10);return Number.isNaN(t)?e.contentEditable==="true"||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t}function Zr(e){if(e.tagName!=="INPUT"||e.type!=="radio"||!e.name)return!1;const t=o=>e.ownerDocument.querySelector(`input[type="radio"]${o}`);let n=t(`[name="${e.name}"]:checked`);return n||(n=t(`[name="${e.name}"]`)),n!==e}function Jr(e){return!(e.disabled||e.tagName==="INPUT"&&e.type==="hidden"||Zr(e))}function Qr(e){const t=[],n=[];

1return Array.from(e.querySelectorAll(qr)).forEach((o,r)=>{const s=Vr(o);s===-1||!Jr(o)||(s===0?t.push(o):n.push({documentOrder:r,tabIndex:s,node:o}))}),n.sort((o,r)=>o.tabIndex===r.tabIndex?o.documentOrder-r.documentOrder:o.tabIndex-r.tabIndex).map(o=>o.node).concat(t)}function es(){return!0}function ts(e){const{children:t,disableAutoFocus:n=!1,disableEnforceFocus:o=!1,disableRestoreFocus:r=!1,getTabbable:s=Qr,isEnabled:i=es,open:a}=e,c=p.useRef(!1),f=p.useRef(null),v=p.useRef(null),m=p.useRef(null),u=p.useRef(null),k=p.useRef(!1),x=p.useRef(null),h=he(t.ref,x),P=p.useRef(null);p.useEffect(()=>{!a||!x.current||(k.current=!n)},[n,a]),p.useEffect(()=>{if(!a||!x.current)return;const d=re(x.current);return x.current.contains(d.activeElement)||(x.current.hasAttribute("tabIndex")||x.current.setAttribute("tabIndex","-1"),k.current&&x.current.focus()),()=>{r||(m.current&&m.current.focus&&(c.current=!0,m.current.focus()),m.current=null)}},[a]),p.useEffect(()=>{if(!a||!x.current)return;const d=re(x.current),g=R=>{const{current:A}=x;if(A!==null){if(!d.hasFocus()||o||!i()||c.current){c.current=!1;return}if(!A.contains(d.activeElement)){if(R&&u.current!==R.target||d.activeElement!==u.current)u.current=null;else if(u.current!==null)return;if(!k.current)return;let j=[];if((d.activeElement===f.current||d.activeElement===v.current)&&(j=s(x.current)),j.length>0){var O,w;const W=!!((O=P.current)!=null&&O.shiftKey&&((w=P.current)==null?void 0:w.key)==="Tab"),B=j[0],S=j[j.length-1];typeof B!="string"&&typeof S!="string"&&(W?S.focus():B.focus())}else A.focus()}}},C=R=>{P.current=R,!(o||!i()||R.key!=="Tab")&&d.activeElement===x.current&&R.shiftKey&&(c.current=!0,v.current&&v.current.focus())};d.addEventListener("focusin",g),d.addEventListener("keydown",C,!0);const $=setInterval(()=>{d.activeElement&&d.activeElement.tagName==="BODY"&&g(null)},50);return()=>{clearInterval($),d.removeEventListener("focusin",g),d.removeEventListener("keydown",C,!0)}},[n,o,r,i,a,s]);const T=d=>{m.current===null&&(m.current=d.relatedTarget),k.current=!0,u.current=d.target;const g=t.props.onFocus;g&&g(d)},b=d=>{m.current===null&&(m.current=d.relatedTarget),k.current=!0};return l.jsxs(p.Fragment,{children:[l.jsx("div",{tabIndex:a?0:-1,onFocus:b,ref:f,"data-testid":"sentinelStart"}),p.cloneElement(t,{ref:h,onFocus:T}),l.jsx("div",{tabIndex:a?0:-1,onFocus:b,ref:v,"data-testid":"sentinelEnd"})]})}function ns(e){return typeof e=="function"?e():e}const os=p.forwardRef(function(t,n){const{children:o,container:r,disablePortal:s=!1}=t,[i,a]=p.useState(null),c=he(p.isValidElement(o)?o.ref:null,n);if(bt(()=>{s||a(ns(r)||document.body)},[r,s]),bt(()=>{if(i&&!s)return gt(n,i),()=>{gt(n,null)}},[n,i,s]),s){if(p.isValidElement(o)){const f={ref:c};return p.cloneElement(o,f)}return l.jsx(p.Fragment,{children:o})}return l.jsx(p.Fragment,{children:i&&Pn.createPortal(o,i)})}),rs=os;function ss(e){const t=re(e);return t.body===e?We(e).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}function Me(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function tn(e){return parseInt(We(e).getComputedStyle(e).paddingRight,10)||0}function is(e){const n=["TEMPLATE","SCRIPT","STYLE","LINK","MAP","META","NOSCRIPT","PICTURE","COL","COLGROUP","PARAM","SLOT","SOURCE","TRACK"].indexOf(e.tagName)!==-1,o=e.tagName==="INPUT"&&e.getAttribute("type")==="hidden";return n||o}function nn(e,t,n,o,r){const s=[t,n,...o];[].forEach.call(e.children,i=>{const a=s.indexOf(i)===-1,c=!is(i);a&&c&&Me(i,r)})}function ft(e,t){let n=-1;return e.some((o,r)=>t(o)?(n=r,!0):!1),n}function as(e,t){const n=[],o=e.container;if(!t.disableScrollLock){if(ss(o)){const i=Yn(re(o));n.push({value:o.style.paddingRight,property:"padding-right",el:o}),o.style.paddingRight=`${tn(o)+i}px`;const a=re(o).querySelectorAll(".mui-fixed");[].forEach.call(a,c=>{n.push({value:c.style.paddingRight,property:"padding-right",el:c}),c.style.paddingRight=`${tn(c)+i}px`})}let s;if(o.parentNode instanceof DocumentFragment)s=re(o).body;else{const i=o.parentElement,a=We(o);s=(i==null?void 0:i.nodeName)==="HTML"&&a.getComputedStyle(i).overflowY==="scroll"?i:o}n.push({value:s.style.overflow,property:"overflow",el:s},{value:s.style.overflowX,property:"overflow-x",el:s},{value:s.style.overflowY,property:"overflow-y",el:s}),s.style.overflow="hidden"}return()=>

1{n.forEach(({value:s,el:i,property:a})=>{s?i.style.setProperty(a,s):i.style.removeProperty(a)})}}function ls(e){const t=[];return[].forEach.call(e.children,n=>{n.getAttribute("aria-hidden")==="true"&&t.push(n)}),t}class cs{constructor(){this.containers=void 0,this.modals=void 0,this.modals=[],this.containers=[]}add(t,n){let o=this.modals.indexOf(t);if(o!==-1)return o;o=this.modals.length,this.modals.push(t),t.modalRef&&Me(t.modalRef,!1);const r=ls(n);nn(n,t.mount,t.modalRef,r,!0);const s=ft(this.containers,i=>i.container===n);return s!==-1?(this.containers[s].modals.push(t),o):(this.containers.push({modals:[t],container:n,restore:null,hiddenSiblings:r}),o)}mount(t,n){const o=ft(this.containers,s=>s.modals.indexOf(t)!==-1),r=this.containers[o];r.restore||(r.restore=as(r,n))}remove(t,n=!0){const o=this.modals.indexOf(t);if(o===-1)return o;const r=ft(this.containers,i=>i.modals.indexOf(t)!==-1),s=this.containers[r];if(s.modals.splice(s.modals.indexOf(t),1),this.modals.splice(o,1),s.modals.length===0)s.restore&&s.restore(),t.modalRef&&Me(t.modalRef,n),nn(s.container,t.mount,t.modalRef,s.hiddenSiblings,!1),this.containers.splice(r,1);else{const i=s.modals[s.modals.length-1];i.modalRef&&Me(i.modalRef,!1)}return o}isTopModal(t){return this.modals.length>0&&this.modals[this.modals.length-1]===t}}function ds(e){return Ne("MuiModal",e)}Je("MuiModal",["root","hidden","backdrop"]);const us=["children","closeAfterTransition","container","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","manager","onBackdropClick","onClose","onKeyDown","open","onTransitionEnter","onTransitionExited","slotProps","slots"],fs=e=>{const{open:t,exited:n}=e;return Ze({root:["root",!t&&n&&"hidden"],backdrop:["backdrop"]},Ur(ds))};function ps(e){return typeof e=="function"?e():e}function ms(e){return e?e.props.hasOwnProperty("in"):!1}const hs=new cs,gs=p.forwardRef(function(t,n){var o,r;const{children:s,closeAfterTransition:i=!1,container:a,disableAutoFocus:c=!1,disableEnforceFocus:f=!1,disableEscapeKeyDown:v=!1,disablePortal:m=!1,disableRestoreFocus:u=!1,disableScrollLock:k=!1,hideBackdrop:x=!1,keepMounted:h=!1,manager:P=hs,onBackdropClick:T,onClose:b,onKeyDown:d,open:g,onTransitionEnter:C,onTransitionExited:$,slotProps:R={},slots:A={}}=t,O=D(t,us),w=P,[j,W]=p.useState(!g),B=p.useRef({}),S=p.useRef(null),E=p.useRef(null),M=he(E,n),z=ms(s),V=(o=t["aria-hidden"])!=null?o:!0,X=()=>re(S.current),U=()=>(B.current.modalRef=E.current,B.current.mountNode=S.current,B.current),J=()=>{w.mount(U(),{disableScrollLock:k}),E.current&&(E.current.scrollTop=0)},se=Ht(()=>{const H=ps(a)||X().body;w.add(U(),H),E.current&&J()}),de=p.useCallback(()=>w.isTopModal(U()),[w]),ge=Ht(H=>{S.current=H,!(!H||!E.current)&&(g&&de()?J():Me(E.current,V))}),Q=p.useCallback(()=>{w.remove(U(),V)},[w,V]);p.useEffect(()=>()=>{Q()},[Q]),p.useEffect(()=>{g?se():(!z||!i)&&Q()},[g,Q,z,i,se]);const ee=y({},t,{closeAfterTransition:i,disableAutoFocus:c,disableEnforceFocus:f,disableEscapeKeyDown:v,disablePortal:m,disableRestoreFocus:u,disableScrollLock:k,exited:j,hideBackdrop:x,keepMounted:h}),Se=fs(ee),at=()=>{W(!1),C&&C()},ze=()=>{W(!0),$&&$(),i&&Q()},lt=H=>{H.target===H.currentTarget&&(T&&T(H),b&&b(H,"backdropClick"))},ct=H=>{d&&d(H),!(H.key!=="Escape"||!de())&&(v||(H.stopPropagation(),b&&b(H,"escapeKeyDown")))},_={};s.props.tabIndex===void 0&&(_.tabIndex="-1"),z&&(_.onEnter=Lt(at,s.props.onEnter),_.onExited=Lt(ze,s.props.onExited));const K=(r=A.root)!=null?r:"div",Y=Ye({elementType:K,externalSlotProps:R.root,externalForwardedProps:O,additionalProps:{ref:M,role:"presentation",onKeyDown:ct},className:Se.root,ownerState:ee}),be=A.backdrop,ue=Ye({elementType:be,externalSlotProps:R.backdrop,additionalProps:{"aria-hidden":!0,onClick:lt,open:g},className:Se.backdrop,ownerState:ee});return!h&&!g&&(!z||j)?null:l.jsx(rs,{ref:ge,container:a,disablePortal:m,children:l.jsxs(K,y({},Y,{children:[!x&&be?l.jsx(be,y({},ue)):null,l.jsx(ts,{disableEnforceFocus:f,disableAutoFocus:c,disableRestoreFocus:u,isEnabled:de,open:g,children:p.cloneElement(s,_)})]}))})}),bs=gs,bn=e=>e.scrollTop;function qe(e,t){var n,o;const{timeout:r,easing:s,style:i={}}=e;return{duration:(n=i.transitionDuration)!=null?n:typeof r=="number"?r:r[t.mode]||0,easing:(o=i.transitionTimingFunction)!=null?o:typeof s=="object"?s[t.mode]:s,delay:i.transitionDelay}}function ys(e){return Ne("MuiPaper",e)}Je("MuiPaper",["root","rounded","outlined","elevation","elevation0","elevation1","elevation2","elevation3","elevation4","elevation5","elevation6","elevation7","elevation8","elevation9","elevation10","elevation11","elevation12","elevation13","elevation14","elevation15","elevation16","elevation17","elevation18","elevation19","elevation20","elevation21","elevation22","elevation23","elevation24"]);const xs=["className","component","elevation","square","variant"],vs=e=>{const{square:t,elevation:n,variant:o,classes:r}=e,s={root:["root",o,!t&&"rounded",o==="elevation"&&`elevation${n}`]};return Ze(s,ys,r)},Ts=Ce("div",{name:"MuiPaper",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;

1return[t.root,t[n.variant],!n.square&&t.rounded,n.variant==="elevation"&&t[`elevation${n.elevation}`]]}})(({theme:e,ownerState:t})=>{var n;return y({backgroundColor:(e.vars||e).palette.background.paper,color:(e.vars||e).palette.text.primary,transition:e.transitions.create("box-shadow")},!t.square&&{borderRadius:e.shape.borderRadius},t.variant==="outlined"&&{border:`1px solid ${(e.vars||e).palette.divider}`},t.variant==="elevation"&&y({boxShadow:(e.vars||e).shadows[t.elevation]},!e.vars&&e.palette.mode==="dark"&&{backgroundImage:`linear-gradient(${Xt("#fff",Qt(t.elevation))}, ${Xt("#fff",Qt(t.elevation))})`},e.vars&&{backgroundImage:(n=e.vars.overlays)==null?void 0:n[t.elevation]}))}),Ps=p.forwardRef(function(t,n){const o=it({props:t,name:"MuiPaper"}),{className:r,component:s="div",elevation:i=1,square:a=!1,variant:c="elevation"}=o,f=D(o,xs),v=y({},o,{component:s,elevation:i,square:a,variant:c}),m=vs(v);return l.jsx(Ts,y({as:s,ownerState:v,className:pe(m.root,r),ref:n},f))}),ks=Ps,Es=["addEndListener","appear","children","easing","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"],ws={entering:{opacity:1},entered:{opacity:1}},Cs=p.forwardRef(function(t,n){const o=gn(),r={enter:o.transitions.duration.enteringScreen,exit:o.transitions.duration.leavingScreen},{addEndListener:s,appear:i=!0,children:a,easing:c,in:f,onEnter:v,onEntered:m,onEntering:u,onExit:k,onExited:x,onExiting:h,style:P,timeout:T=r,TransitionComponent:b=an}=t,d=D(t,Es),g=p.useRef(null),C=he(g,a.ref,n),$=S=>E=>{if(S){const M=g.current;E===void 0?S(M):S(M,E)}},R=$(u),A=$((S,E)=>{bn(S);const M=qe({style:P,timeout:T,easing:c},{mode:"enter"});S.style.webkitTransition=o.transitions.create("opacity",M),S.style.transition=o.transitions.create("opacity",M),v&&v(S,E)}),O=$(m),w=$(h),j=$(S=>

1{const E=qe({style:P,timeout:T,easing:c},{mode:"exit"});S.style.webkitTransition=o.transitions.create("opacity",E),S.style.transition=o.transitions.create("opacity",E),k&&k(S)}),W=$(x),B=S=>{s&&s(g.current,S)};return l.jsx(b,y({appear:i,in:f,nodeRef:g,onEnter:A,onEntered:O,onEntering:R,onExit:j,onExited:W,onExiting:w,addEndListener:B,timeout:T},d,{children:(S,E)=>p.cloneElement(a,y({style:y({opacity:0,visibility:S==="exited"&&!f?"hidden":void 0},ws[S],P,a.props.style),ref:C},E))}))}),Ss=Cs;function Rs(e){return Ne("MuiBackdrop",e)}Je("MuiBackdrop",["root","invisible"]);const js=["children","className","component","components","componentsProps","invisible","open","slotProps","slots","TransitionComponent","transitionDuration"],$s=e=>{const{classes:t,invisible:n}=e;return Ze({root:["root",n&&"invisible"]},Rs,t)},Os=Ce("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.invisible&&t.invisible]}})(({ownerState:e})=>y({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},e.invisible&&{backgroundColor:"transparent"})),Is=p.forwardRef(function(t,n){var o,r,s;const i=it({props:t,name:"MuiBackdrop"}),{children:a,className:c,component:f="div",components:v={},componentsProps:m={},invisible:u=!1,open:k,slotProps:x={},slots:h={},TransitionComponent:P=Ss,transitionDuration:T}=i,b=D(i,js),d=y({},i,{component:f,invisible:u}),g=$s(d),C=(o=x.root)!=null?o:m.root;return l.jsx(P,y({in:k,timeout:T},b,{children:l.jsx(Os,y({"aria-hidden":!0},C,{as:(r=(s=h.root)!=null?s:v.Root)!=null?r:f,className:pe(g.root,c,C==null?void 0:C.className),ownerState:y({},d,C==null?void 0:C.ownerState),classes:g,ref:n,children:a}))}))}),As=Is,_s=["BackdropComponent","BackdropProps","classes","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onBackdropClick","onClose","open","slotProps","slots","theme"],Bs=Ce("div",{name:"MuiModal",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.open&&n.exited&&t.hidden]}})(({theme:e,ownerState:t})=>y({position:"fixed",zIndex:(e.vars||e).zIndex.modal,right:0,bottom:0,top:0,left:0},!t.open&&t.exited&&{visibility:"hidden"})),Ms=Ce(As,{name:"MuiModal",slot:"Backdrop",overridesResolver:(e,t)=>t.backdrop})({zIndex:-1}),Fs=p.forwardRef(function(t,n){var o,r,s,i,a,c;const f=it({name:"MuiModal",props:t}),{BackdropComponent:v=Ms,BackdropProps:m,classes:u,className:k,closeAfterTransition:x=!1,children:h,container:P,component:T,components:b={},componentsProps:d={},disableAutoFocus:g=!1,disableEnforceFocus:C=!1,disableEscapeKeyDown:$=!1,disablePortal:R=!1,disableRestoreFocus:A=!1,disableScrollLock:O=!1,hideBackdrop:w=!1,keepMounted:j=!1,onBackdropClick:W,onClose:B,open:S,slotProps:E,slots:M,theme:z}=f,V=D(f,_s),[X,U]=p.useState(!0),J={container:P,closeAfterTransition:x,disableAutoFocus:g,disableEnforceFocus:C,disableEscapeKeyDown:$,disablePortal:R,disableRestoreFocus:A,disableScrollLock:O,hideBackdrop:w,keepMounted:j,onBackdropClick:W,onClose:B,open:S},se=y({},f,J,{exited:X}),de=(o=(r=M==null?void 0:M.root)!=null?r:b.Root)!=null?o:Bs,ge=(s=(i=M==null?void 0:M.backdrop)!=null?i:b.Backdrop)!=null?s:v,Q=(a=E==null?void 0:E.root)!=null?a:d.root,ee=(c=E==null?void 0:E.backdrop)!=null?c:d.backdrop;return l.jsx(bs,y({slots:{root:de,backdrop:ge},slotProps:{root:()=>y({},yt(Q,se),!$t(de)&&{as:T,theme:z},{className:pe(k,Q==null?void 0:Q.className,u==null?void 0:u.root,!se.open&&se.exited&&(u==null?void 0:u.hidden))}),backdrop:()=>y({},m,yt(ee,se),{className:pe(ee==null?void 0:ee.className,m==null?void 0:m.className,u==null?void 0:u.backdrop)})},onTransitionEnter:()=>U(!1),onTransitionExited:()=>U(!0),ref:n},V,J,{children:h}))}),Ws=Fs,Ns=["addEndListener","appear","children","easing","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"];function xt(e){return`scale(${e}, ${e**2})`}const Ls={entering:{opacity:1,transform:xt(1)},entered:{opacity:1,transform:"none"}},pt=typeof navigator<"u"&&/^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent)&&/(os |version\/)15(.|_)4/i.test(navigator.userAgent),yn=p.forwardRef(function(t,n){const{addEndListener:o,appear:r=!0,children:s,easing:i,in:a,onEnter:c,onEntered:f,onEntering:v,onExit:m,onExited:u,onExiting:k,style:x,timeout:h="auto",TransitionComponent:P=an}=t,T=D(t,Ns),b=p.useRef(),d=p.useRef(),g=gn(),C=p.useRef(null),$=he(C,s.ref,n),R=E=>M=>{if(E){const z=C.current;M===void 0?E(z):E(z,M)}},A=R(v),O=R((E,M)=>{bn(E);const{duration:z,delay:V,easing:X}=qe({style:x,timeout:h,easing:i},{mode:"enter"});let U;h==="auto"?(U=g.transitions.getAutoHeightDuration(E.clientHeight),d.current=U):U=z,E.style.transition=[g.transitions.create("opacity",{duration:U,delay:V}),g.transitions.create("transform",{duration:pt?U:U*.666,delay:V,easing:X})].join(","),c&&c(E,M)}),w=R(f),j=R(k),W=R(E=>{const{duration:M,delay:z,easing:V}=qe({style:x,timeout:h,easing:i},{mode:"exit"});let X;h==="auto"?(X=g.transitions.getAutoHeightDuration(E.clientHeight),d.current=X):X=M,E.style.transition=[g.transitions.create("opacity",{duration:X,delay:z}),g.transitions.create("transform",{duration:pt?X:X*.666,delay:pt?z:z||X*.333,easing:V})].join(","),E.style.opacity=0,E.style.transform=xt(.75),m&&m(E)}),B=R(u),S=E=>{h==="auto"&&(b.current=setTimeout(E,d.current||0)),o&&o(C.current,E)};return p.useEffect(()=>()=>{clearTimeout(b.current)},[]),l.jsx(P,y({appear:r,in:a,nodeRef:C,onEnter:O,onEntered:w,onEntering:A,onExit:W,onExited:B,onExiting:j,addEndListener:S,timeout:h==="auto"?null:h},T,{children:(E,M)=>p.cloneElement(s,y({style:y({opacity:0,transform:xt(.75),visibility:E==="exited"&&!a?"hidden":void 0},Ls[E],x,s.props.style),ref:$},M))}))});yn.muiSupportAuto=!0;const Hs=yn;function zs(e){return Ne("MuiPopover",e)}Je("MuiPopover",["root","paper"]);const Ks=["onEntering"],Ds=["action","anchorEl","anchorOrigin","anchorPosition","anchorReference","children","className","container","elevation","marginThreshold","open","PaperProps","

1slots","slotProps","transformOrigin","TransitionComponent","transitionDuration","TransitionProps"],Us=["slotProps"];function on(e,t){let n=0;return typeof t=="number"?n=t:t==="center"?n=e.height/2:t==="bottom"&&(n=e.height),n}function rn(e,t){let n=0;return typeof t=="number"?n=t:t==="center"?n=e.width/2:t==="right"&&(n=e.width),n}function sn(e){return[e.horizontal,e.vertical].map(t=>typeof t=="number"?`${t}px`:t).join(" ")}function mt(e){return typeof e=="function"?e():e}const Gs=e=>{const{classes:t}=e;return Ze({root:["root"],paper:["paper"]},zs,t)},Xs=Ce(Ws,{name:"MuiPopover",slot:"Root",overridesResolver:(e,t)=>t.root})({}),Ys=Ce(ks,{name:"MuiPopover",slot:"Paper",overridesResolver:(e,t)=>t.paper})({position:"absolute",overflowY:"auto",overflowX:"hidden",minWidth:16,minHeight:16,maxWidth:"calc(100% - 32px)",maxHeight:"calc(100% - 32px)",outline:0}),qs=p.forwardRef(function(t,n){var o,r,s;const i=it({props:t,name:"MuiPopover"}),{action:a,anchorEl:c,anchorOrigin:f={vertical:"top",horizontal:"left"},anchorPosition:v,anchorReference:m="anchorEl",children:u,className:k,container:x,elevation:h=8,marginThreshold:P=16,open:T,PaperProps:b={},slots:d,slotProps:g,transformOrigin:C={vertical:"top",horizontal:"left"},TransitionComponent:$=Hs,transitionDuration:R="auto",TransitionProps:{onEntering:A}={}}=i,O=D(i.TransitionProps,Ks),w=D(i,Ds),j=(o=g==null?void 0:g.paper)!=null?o:b,W=p.useRef(),B=he(W,j.ref),S=y({},i,{anchorOrigin:f,anchorReference:m,elevation:h,marginThreshold:P,externalPaperSlotProps:j,transformOrigin:C,TransitionComponent:$,transitionDuration:R,TransitionProps:O}),E=Gs(S),M=p.useCallback(()=>{if(m==="anchorPosition")return v;const _=mt(c),Y=(_&&_.nodeType===1?_:re(W.current).body).getBoundingClientRect();return{top:Y.top+on(Y,f.vertical),left:Y.left+rn(Y,f.horizontal)}},[c,f.horizontal,f.vertical,v,m]),z=p.useCallback(_=>({vertical:on(_,C.vertical),horizontal:rn(_,C.horizontal)}),[C.horizontal,C.vertical]),V=p.useCallback(_=>{const K={width:_.offsetWidth,height:_.offsetHeight},Y=z(K);if(m==="none")return{top:null,left:null,transformOrigin:sn(Y)};const be=M();let ue=be.top-Y.vertical,H=be.left-Y.horizontal;const Ot=ue+K.height,It=H+K.width,At=We(mt(c)),_t=At.innerHeight-P,Bt=At.innerWidth-P;if(ue<P){const te=ue-P;ue-=te,Y.vertical+=te}else if(Ot>_t){const te=Ot-_t;ue-=te,Y.vertical+=te}if(H<P){const te=H-P;H-=te,Y.horizontal+=te}else if(It>Bt){const te=It-Bt;H-=te,Y.horizontal+=te}return{top:`${Math.round(ue)}px`,left:`${Math.round(H)}px`,transformOrigin:sn(Y)}},[c,m,M,z,P]),[X,U]=p.useState(T),J=p.useCallback(()=>{const _=W.current;if(!_)return;const K=V(_);K.top!==null&&(_.style.top=K.top),K.left!==null&&(_.style.left=K.left),_.style.transformOrigin=K.transformOrigin,U(!0)},[V]),se=(_,K)=>{A&&A(_,K),J()},de=()=>{U(!1)};p.useEffect(()=>{T&&J()}),p.useImperativeHandle(a,()=>T?{updatePosition:()=>{J()}}:null,[T,J]),p.useEffect(()=>{if(!T)return;const _=Gn(()=>{J()}),K=We(c);return K.addEventListener("resize",_),()=>{_.clear(),K.removeEventListener("resize",_)}},[c,T,J]);let ge=R;R==="auto"&&!$.muiSupportAuto&&(ge=void 0);const Q=x||(c?re(mt(c)).body:void 0),ee=(r=d==null?void 0:d.root)!=null?r:Xs,Se=(s=d==null?void 0:d.paper)!=null?s:Ys,at=Ye({elementType:Se,externalSlotProps:y({},j,{style:X?j.style:y({},j.style,{opacity:0})}),additionalProps:{elevation:h,ref:B},ownerState:S,className:pe(E.paper,j==null?void 0:j.className)}),ze=Ye({elementType:ee,externalSlotProps:(g==null?void 0:g.root)||{},externalForwardedProps:w,additionalProps:{ref:n,slotProps:{backdrop:{invisible:!0}},container:Q,open:T},ownerState:S,className:pe(E.root,k)}),{slotProps:lt}=ze,ct=D(ze,Us);return l.jsx(ee,y({},ct,!$t(ee)&&{slotProps:lt},{children:l.jsx($,y({appear:!0,in:T,onEntering:se,onExited:de,timeout:ge},O,{children:l.jsx(Se,y({},at,{children:u}))}))}))}),Vs=qs,Zs=p.forwardRef(function(t,n){var o;return p.createElement(Vs,y({},t,{ref:n,style:{pointerEvents:"none",...t.style},PaperProps:{...t.PaperProps,style:{pointerEvents:"auto",...(o=t.PaperProps)===null||o===void 0?void 0:o.style}}}))}),Js=Zs,Qs=Ve("div")(()=>({display:"inline-block",cursor:"pointer",overflow:"visible",zIndex:1,":hover":{zIndex:2,filter:"drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 0 5px #000)"}})),ei=Ve("span")(()=>({":hover":{backgroundColor:"#D6E4FF",borderRadius:1}})),ti=Ve("div")(()=>({position:"absolute",overflow:"hidden auto",top:0,left:0,right:0,zIndex:-1,bottom:0,outline:"0px",backdropFilter:"blur(20px)",backgroundColor:"rgba(255, 255, 255, 0.9)",backgroundImage:"url(/assets/e-book/cyan-blur.png), url(/assets/e-book/red-blur.png)",backgroundRepeat:"no-repeat, no-repeat",backgroundPosition:"right top, left bottom",backgroundSize:"50%, 50%",padding:"4px",boxShadow:"rgba(145, 158, 171, 0.24) 0px 0px 2px 0px, rgba(145, 158, 171, 0.24) -20px 20px 40px -4px",borderRadius:"10px"})),ni=Ve(q)(()=>({}));function Ke({id:e,sx:t,textSx:n,hideText:o,textBgImage:r,textBgPosition:s,text:i,onPlay:a,transcript:c,isPlaying:f,seek:v,translateMode:m,translateData:u,...k}){const x=p.useRef(),[h]=De("/assets/e-book/conversation.mp3",{sprite:u==null?void 0:u.reduce((P,T,b)=>

1({...P,[T.word+b]:[T.startTime*1e3,(T.endTime-T.startTime)*1e3]}),{})});return p.useEffect(()=>(x.current=new kn(e,{...k,preserveDrawingBuffer:!1,showLoading:!1,backgroundColor:"#00000000",showControls:!1,premultipliedAlpha:!0,mipmaps:!1,alpha:!0,animation:"idle"}),()=>{var P;(P=x.current)==null||P.dispose()}),[]),l.jsxs(Qs,{sx:t,onClick:()=>{var P;m||((P=x.current)==null||P.setAnimation("action",!1),a==null||a(),setTimeout(()=>{var T;(T=x.current)==null||T.setAnimation("idle",!0)},6e3))},children:[l.jsx(ni,{id:e,height:"100%",sx:{height:"100%"}}),!o&&l.jsxs(q,{sx:{position:"absolute",justifyContent:"center",alignItems:"center",...s==="top"?{top:"-56%",left:"25%"}:{bottom:"-30%",right:"27%"},p:2,...n},children:[l.jsx(Ue,{sx:{height:180},src:r}),l.jsx(Ae,{variant:"h5",sx:{position:"absolute",top:"auto",left:30,right:30},children:m?u==null?void 0:u.map((P,T)=>l.jsx(ln,{variant:"popover",popupId:"demo-popup-popover",children:b=>l.jsxs(l.Fragment,{children:[l.jsxs(ei,{..._n(b),children:[P.word," "]},T),l.jsx(Js,{...Bn(b),anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:l.jsxs(En,{sx:{minWidth:200,position:"relative",p:2},children:[l.jsx(Ae,{variant:"h6",sx:{zIndex:1},children:"Translate"}),l.jsxs(q,{direction:"row",spacing:1,alignItems:"center",children:[l.jsx(Ae,{color:"secondary.dark",sx:{zIndex:1},children:P==null?void 0:P.word}),l.jsx(ne,{sx:{minWidth:36,paddingLeft:0,paddingRight:0},onClick:()=>h({id:P.word+T}),children:l.jsx(G,{icon:"fluent:speaker-2-16-filled",color:"secondary.dark"})})]}),l.jsx(Ae,{sx:{zIndex:1},children:P==null?void 0:P.translate}),l.jsx(ti,{})]})})]})})):i==null?void 0:i.split(" ").map((P,T)=>{var g;const b=(g=c==null?void 0:c[T])==null?void 0:g.startTime,d=f&&v&&b&&v>b;return l.jsxs("span",{style:{color:d?"#1939B7":"inherit",filter:d?"drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 0 5px #000)":"none"},children:[P," "]},T)})})]})]})}function ri(){const{themeStretch:e}=wn(),[t]=De("/assets/e-book/title.mp3"),[n,{sound:o}]=De("/assets/e-book/conversation.mp3",{onend:()=>x(!1)}),r={minh:[18130,8290],mary:[28150,7050],lucy:[37220,7370],ben:[45200,5880]},[s,{sound:i,stop:a}]=De("/assets/e-book/conversation.mp3",{sprite:r}),[c,f]=p.useState(0),v=B=>c*1e3>=r[B][0]&&c*1e3<=r[B][0]+r[B][1];p.useEffect(()=>{setInterval(()=>{(i==null?void 0:i.seek())!==void 0&&f((i==null?void 0:i.seek())||0)},300)},[i]);const[m,u]=p.useState(!1),[k,x]=p.useState(!1),[h,P]=p.useState(!1),[T,b]=p.useState(!1),[d,g]=p.useState(!1),[C,$]=p.useState(null),R=B=>{$(B.currentTarget)},A=()=>{$(null)},[O,w]=p.useState(null),j=B=>{w(B.currentTarget)},W=()=>{w(null)};return l.jsxs(q,{sx:{position:"relative",overflow:"hidden",height:"100vh"},children:[l.jsx(Cn,{children:l.jsx("title",{children:"Interactive Page | E-Learning"})}),l.jsxs(Mt,{sx:{py:1.5,zIndex:2},maxWidth:e?!1:"xl",children:[l.jsx(Sn,{sx:{...dt({color:"#fff",opacity:.5}),pl:2,pr:.5,py:.5,borderRadius:1,zIndex:1},links:[{name:"E-Learning",href:ie.root},{name:"Thư Viện",href:ie.library},{name:"E-Book Prototype",href:ie["e-book"]},{name:"Conversation Page",href:ie["conversation-page"]}],action:l.jsx(ne,{component:je,to:ie["e-book"],startIcon:l.jsx(G,{icon:"typcn:arrow-back-outline"}),color:"secondary",children:"Quay lại"})}),l.jsx(Ue,{src:"/assets/e-book/U1_L1_1.png",onClick:t,sx:{width:300,top:-20,px:1,py:.5,borderRadius:2,zIndex:1,cursor:"pointer",...dt({color:"#fff",opacity:.5})}})]}),l.jsx(Mt,{sx:{py:1.5,zIndex:2,mt:2},maxWidth:e?!1:"xl",children:l.jsxs(q,{direction:{sm:"column",md:"row"},spacing:{xs:8,md:4},children:[l.jsxs(q,{flex:1,sx:{position:"relative"},children:[l.jsx(Ue,{sx:{objectFit:"contain",borderRadius:2},src:"/assets/e-book/11_t_638155884724325287.png"}),l.jsx(Ke,{id:"minh",jsonUrl:"/assets/e-book/4.1a_minh.json",atlasUrl:"/assets/e-book/4.1a_minh.atlas",sx:{position:"absolute",left:"-10%",top:"23.7%",height:"83.5%"},textBgImage:"/assets/e-book/con-1.png",text:"Hello. I'm Minh. I'm from Viet Nam. Where are you from?",textBgPosition:"top",isPlaying:v("minh"),hideText:h,transcript:[{startTime:18.2},{startTime:19.18},{startTime:21.18},{startTime:22.05},{startTime:22.55},{startTime:23.02},{startTime:23.55},{startTime:25},{startTime:25.15},{startTime:25.55},{startTime:26}],translateMode:T,translateData:[{word:"Hello.",translate:"Xin chào.",startTime:18.2,endTime:19.5},{word:"I'm Minh.",translate:"Tôi là Minh.",startTime:19.5,endTime:21.18},{word:"I'm from Viet Nam.",translate:"Tôi đến từ Việt Nam.",startTime:21.3,endTime:23.9},{word:"Where are you from?",translate:"Bạn đến từ đâu?",startTime:23.9,endTime:26.55}],seek:c,onPlay:()=>{a(),s({id:"minh"})}}),l.jsx(Ke,{id:"mary",jsonUrl:"/assets/e-book/4.1a_mary.json",atlasUrl:"/assets/e-book/4.1a_mary.atlas",sx:{position:"absolute",right:"-15%",top:"23.5%",height:"83.5%"},textBgImage:"/assets/e-book/con-2.png",text:"Hello, Minh. I'm Mary. I'm from America.",textBgPosition:"bottom",isPlaying:v("mary"),hideText:h,seek:c,transcript:[{startTime:28.2},{startTime:29},{startTime:30},{startTime:31},{startTime:33},{startTime:34},{startTime:35}],translateMode:T,translateData:[{word:"Hello, Minh.",translate:"Xin chào, Minh.",startTime:28.2,endTime:30},{word:"I'm Mary.",translate:"Tôi là Mary.",startTime:30,endTime:33},{word:"I'm from America.",translate:"Tôi đến từ Mỹ.",startTime:33,endTime:35}],onPlay:()=>{a(),s({id:"mary"})}})]}),l.jsxs(q,{flex:1,sx:{position:"relative"},children:[l.jsx(Ue,{sx:{objectFit:"contain",borderRadius:2},src:"/assets/e-book/22_t_638155884754329482.png"}),l.jsx(Ke,{id:"lucy",jsonUrl:"/assets/e-book/4.1b_lucy.json",atlasUrl:"/assets/e-book/4.1b_lucy.atlas",sx:{position:"absolute",left:"-24%",top:"23.7%",height:"83.5%"},textBgImage:"/assets/e-book/con-3.png",text:"Hi. I'm Lucy. I'm from Britain. Where are you from?",textBgPosition:"top",hideText:h,textSx:{left:"42%"},isPlaying:v("lucy"),translateMode:T,translateData:[{word:"Hi.",translate:"Xin chào.",startTime:37.7,endTime:39},{word:"I'm Lucy.",translate:"Tôi là Lucy.",startTime:39,endTime:40.23},{word:"I'm from Britain.",translate:"Tôi đến từ Anh.",startTime:40.23,endTime:42.33},{word:"Where are you from?",translate:"Bạn đến từ đâu?",startTime:42.33,endTime:45.22}],transcript:[{startTime:37.7},{startTime:38.23},{startTime:39.23},{startTime:40.23},{startTime:40.77},{startTime:41.23},{startTime:42.33},{startTime:42.88},{startTime:43},{startTime:43.22}],seek:c,onPlay:()=>{a(),s({id:"lucy"})}}),l.jsx(Ke,{id:"ben",jsonUrl:"/assets/e-book/4.1b_ben.json",atlasUrl:"/assets/e-book/4.1b_ben.atlas",sx:{position:"absolute",right:"-15%",top:"23.5%",height:"83.5%"},textBgImage:"/assets/e-book/con-4.png",text:"Hi Lucy. I'm Ben. I'm from Australia.",textBgPosition:"bottom",isPlaying:v("ben"),hideText:h,seek:c,translateMode:T,translateData:[{word:"Hi Lucy.",translate:"Xin chào Lucy.",startTime:45.77,endTime:47},{word:"I'm Ben.",translate:"Tôi là Ben.",startTime:47,endTime:48.23},{word:"I'm from Australia.",translate:"Tôi đến từ Úc.",startTime:48.55,endTime:50.85}],transcript:[{startTime:45.77},{startTime:46},{startTime:47},{startTime:47.23},{startTime:48.23},{startTime:49.14},{startTime:49.77}],onPlay:()=>{a(),s({id:"ben"})}})]})]})}),m&&l.jsx(q,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:1,backgroundColor:"rgba(0,0,0,1)"}}),l.jsxs(q,{direction:"row",sx:{...dt({color:"#84A9FF",opacity:.5}),position:"absolute",bottom:0,left:0,right:0,zIndex:3},p:1,spacing:2,alignItems:"space-between",children:[l.jsxs(q,{direction:"row",spacing:1,children:[l.jsx(ae,{title:"Menu",children:l.jsx(ne,{variant:"soft",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},onClick:R,children:l.jsx(G,{icon:"mingcute:menu-fill"})})}),l.jsx(Ft,{arrow:"bottom-left",disabledArrow:!0,open:C,onClose:A,children:l.jsxs(q,{spacing:.75,children:[l.jsxs(fe,{onClick:()=>A(),sx:{fontWeight:"bold !important"},children:[l.jsx(G,{icon:"mingcute:quill-pen-fill"}),"Open Note"]}),l.jsxs(fe,{onClick:()=>A(),sx:{fontWeight:"bold !important"},children:[l.jsx(G,{icon:"mingcute:drawing-board-fill"}),"Open Drawing Board"]}),l.jsxs(fe,{onClick:()=>A(),sx:{fontWeight:"bold !important"},children:[l.jsx(G,{icon:"mingcute:flashlight-fill"}),"Spotlight"]}),l.jsxs(fe,{sx:{fontWeight:"bold !important"},children:[l.jsx(G,{icon:"mingcute:bug-line"}),"Report"]})]})}),l.jsx(ae,{title:"Toggle display",children:l.jsx(ne,{variant:"soft",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},onClick:()=>u(!m),children:l.jsx(G,{icon:m?"mingcute:eye-fill":"mingcute:eye-close-fill"})})}),l.jsx(ae,{title:"Timer",children:l.jsx(ne,{variant:"soft",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},children:l.jsx(G,{icon:"mingcute:time-line"})})}),l.jsx(ae,{title:"Translate",children:l.jsx(ne,{variant:T?"contained":"soft",onClick:()=>b(!T),color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},children:l.jsx(G,{icon:"mingcute:translate-2-line"})})})]}),l.jsxs(q,{direction:"row",spacing:1,flexGrow:1,justifyContent:"center",children:[l.jsx(ae,{title:"Play all",children:l.jsx(ne,{variant:"contained",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},onClick:()=>{a(),k?(o.pause(),x(!1)):(o.play(),x(!0))},children:l.jsx(G,{icon:k?"mingcute:pause-circle-line":"mingcute:play-circle-line"})})}),l.jsx(ae,{title:"Toggle text",children:l.jsx(ne,{variant:h?"outlined":"contained",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},onClick:()=>P(!h),children:l.jsx(G,{icon:"mingcute:text-fill"})})})]}),l.jsxs(q,{direction:"row",spacing:1,alignItems:"center",children:[l.jsx(ae,{title:"Previous page",children:l.jsx(ne,{variant:"soft",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},component:je,to:ie["interactive-page"],children:l.jsx(G,{icon:"mingcute:arrow-left-fill"})})}),l.jsx(Ae,{variant:"body2",color:"secondary",fontWeight:"bold",children:"2/3"}),l.jsx(ae,{title:"Next page",children:l.jsx(ne,{variant:"soft",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},component:je,to:ie["complete-sentences"],children:l.jsx(G,{icon:"mingcute:arrow-right-fill"})})}),l.jsx(ae,{title:"Contents",children:l.jsx(ne,{variant:"soft",color:"secondary",sx:{minWidth:35,maxWidth:35,paddingLeft:0,paddingRight:0},onClick:j,children:l.jsx(G,{icon:"mingcute:list-ordered-line"})})}),l.jsx(Ft,{arrow:"bottom-right",disabledArrow:!0,open:O,onClose:W,children:l.jsxs(q,{spacing:.75,children:[l.jsx(fe,{onClick:()=>W(),sx:{fontWeight:"bold !important"},component:je,to:ie["interactive-page"],children:"Prototype 1. Interactive Page"}),l.jsx(fe,{onClick:()=>W(),sx:{fontWeight:"bold !important"},selected:!0,children:"Prototype 2. Conversation Page"}),l.jsx(fe,{onClick:()=>W(),sx:{fontWeight:"bold !important"},component:je,to:ie["complete-sentences"],children:"Prototype 3. Complete Sentences"}),l.jsxs(fe,{sx:{fontWeight:"bold !important"},onClick:()=>{W(),g(!0)},children:[l.jsx(G,{icon:"mingcute:translate-2-line"}),"Glossary"]})]})})]})]}),l.jsx(Rn,{data:jn,open:d,onClose:()=>g(!1)})]})}export{ri as default};