@snapcall/stream-ui 1.14.0 → 1.14.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stream-ui.esm.js +8 -4
- package/dist/stream-ui.js +8 -4
- package/dist/stream-ui.umd.js +2 -2
- package/dist/types.d.ts +2 -1
- package/package.json +1 -1
package/dist/stream-ui.esm.js
CHANGED
|
@@ -13096,8 +13096,11 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options })=>{
|
|
|
13096
13096
|
setPlan(event.detail.plan);
|
|
13097
13097
|
setPermissions(event.detail.permissions);
|
|
13098
13098
|
setSelfPeerId(peerId);
|
|
13099
|
-
setVideoRecording(event.detail.videoRecording
|
|
13100
|
-
|
|
13099
|
+
setVideoRecording(event.detail.videoRecording || {
|
|
13100
|
+
requested: false,
|
|
13101
|
+
started: false
|
|
13102
|
+
});
|
|
13103
|
+
if (event.detail.videoRecording?.requested) (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.recording"), {
|
|
13101
13104
|
duration: 11000,
|
|
13102
13105
|
icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4731637db263b767$export$d9f09da0f8d1c822), {}),
|
|
13103
13106
|
messageStyle: {
|
|
@@ -13736,11 +13739,12 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
|
|
|
13736
13739
|
setProfile: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setProfile.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
|
|
13737
13740
|
/* Should not be documented */ setConfig: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setConfig.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
|
|
13738
13741
|
setLogLevel: (level)=>(0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039).setLogLevel(level),
|
|
13739
|
-
getPermissions: ()=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).getPermissions()
|
|
13742
|
+
getPermissions: ()=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).getPermissions(),
|
|
13743
|
+
streamerClient: (0, $c9e496369b59be7a$export$2f377c2162fd02b2)
|
|
13740
13744
|
};
|
|
13741
13745
|
window.streamUI = $24075a5d702d64b3$export$3f94917203ab7078;
|
|
13742
13746
|
// Backward compatibility
|
|
13743
|
-
window.snapcallAPI = {
|
|
13747
|
+
window.snapcallAPI = window.snapcallAPI || {
|
|
13744
13748
|
join: (...args)=>{
|
|
13745
13749
|
console.warn("snapcallAPI.join is deprecated, please use streamUI.joinRoom instead!");
|
|
13746
13750
|
return $24075a5d702d64b3$export$3f94917203ab7078.joinRoom(...args);
|
package/dist/stream-ui.js
CHANGED
|
@@ -13101,8 +13101,11 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options })=>{
|
|
|
13101
13101
|
setPlan(event.detail.plan);
|
|
13102
13102
|
setPermissions(event.detail.permissions);
|
|
13103
13103
|
setSelfPeerId(peerId);
|
|
13104
|
-
setVideoRecording(event.detail.videoRecording
|
|
13105
|
-
|
|
13104
|
+
setVideoRecording(event.detail.videoRecording || {
|
|
13105
|
+
requested: false,
|
|
13106
|
+
started: false
|
|
13107
|
+
});
|
|
13108
|
+
if (event.detail.videoRecording?.requested) (0, $84c6cbcbb594d072$export$3a57e165650c636f)(t("notifications.recording"), {
|
|
13106
13109
|
duration: 11000,
|
|
13107
13110
|
icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $24108d3063533819$export$d9f09da0f8d1c822), {}),
|
|
13108
13111
|
messageStyle: {
|
|
@@ -13741,11 +13744,12 @@ const $e68207026aca356b$export$3f94917203ab7078 = {
|
|
|
13741
13744
|
setProfile: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).setProfile.bind((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2)),
|
|
13742
13745
|
/* Should not be documented */ setConfig: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).setConfig.bind((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2)),
|
|
13743
13746
|
setLogLevel: (level)=>(0, $d0c6baf97675ab49$export$2e2bcd8739ae039).setLogLevel(level),
|
|
13744
|
-
getPermissions: ()=>(0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getPermissions()
|
|
13747
|
+
getPermissions: ()=>(0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getPermissions(),
|
|
13748
|
+
streamerClient: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2)
|
|
13745
13749
|
};
|
|
13746
13750
|
window.streamUI = $e68207026aca356b$export$3f94917203ab7078;
|
|
13747
13751
|
// Backward compatibility
|
|
13748
|
-
window.snapcallAPI = {
|
|
13752
|
+
window.snapcallAPI = window.snapcallAPI || {
|
|
13749
13753
|
join: (...args)=>{
|
|
13750
13754
|
console.warn("snapcallAPI.join is deprecated, please use streamUI.joinRoom instead!");
|
|
13751
13755
|
return $e68207026aca356b$export$3f94917203ab7078.joinRoom(...args);
|
package/dist/stream-ui.umd.js
CHANGED
|
@@ -2215,7 +2215,7 @@ and limitations under the License.
|
|
|
2215
2215
|
font-weight: 500;
|
|
2216
2216
|
font-size: 14px;
|
|
2217
2217
|
font-family: 'Lato';
|
|
2218
|
-
`,Zb=()=>{const{t:e}=Fi();return(0,a.jsx)($b,{children:(0,a.jsxs)(Kb,{children:[(0,a.jsx)(Wb,{}),(0,a.jsx)(Gb,{children:e("loader.connection")})]})})},Qb=(()=>{try{const e=localStorage.getItem("stream_ui_theme");return e||"dark"}catch(e){return console.warn(e),"dark"}})(),Yb=wi(),Jb=new sb;let Xb=-1;var ew=({options:e})=>{const{t:t}=Fi(),[n,i]=(0,je.useState)(void 0),o=(0,je.useRef)(null),s=(0,je.useRef)(null),c=(0,je.useRef)(null),[l,d]=(0,je.useState)(e.recorder?.enabled?"recorder":"loading"),[u,p]=(0,je.useState)(!1),[f,m]=(0,je.useState)(!1),[g,y]=(0,je.useState)(!1),[b,w]=(0,je.useState)(!1),[x,S]=(0,je.useState)(!1),[_,k]=(0,je.useState)(Qb),[C,E]=(0,je.useState)(e.language||Yb),[P,R]=(0,je.useState)({}),[T,j]=(0,je.useState)(!0),[O,M]=(0,je.useState)(!1),[L,D]=(0,je.useState)(!1),[I,A]=(0,je.useState)(!0),[N,F]=(0,je.useState)(!1),[z,B]=Tc(o.current),[U,V]=(0,je.useState)(!1),[H,q]=(0,je.useState)(!1),[W,$]=(0,je.useState)({requested:!1,started:!1}),[K,G]=(0,je.useState)(!1),[Z,Q]=(0,je.useState)([]),[Y,J]=(0,je.useState)(void 0),X=(z||window.screen.width)>(B||window.screen.height)?"landscape":"portrait",ee="dark"===_?Df:Lf,te=e=>{"localVideoAvailable"===e.type?M(!0):M(!1)},re=e=>{"screenshareEnabled"===e.type?D(!0):D(!1)},ne=e=>{"microphoneMute"===e.type?j(!0):j(!1)},ie=()=>{$({requested:!0,started:!0})},oe=()=>{$({requested:!1,started:!1})},ae=(0,je.useCallback)((()=>{$({requested:!0,started:!1}),G(!0),Ir(t("notifications.recording"),{duration:1e4,icon:(0,a.jsx)(zs,{}),messageStyle:{fontWeight:600}})}),[t]),se=e=>{const t=e.detail.label;Ir(`Connected to ${t}`,{duration:3e3,icon:(0,a.jsx)(Mc,{}),messageStyle:{fontWeight:600}})},ce=e=>{const{profile:t}=e.detail;R(t)},le=()=>{Wf(),d("ended"),j(!0),M(!1),D(!1),F(!1)},de=()=>{Wf(),d("terminated")},ue=()=>{d("expired")},pe=e=>{const{success:t,email:n}=e.detail;t?(A(!0),n&&h.identify(null,{email:n})):r(v)("An error occured while trying to join the room as an agent",{className:"error"})},he=e=>{const t=Date.now();"USERLIMIT"!==e.detail.code?-1!==Xb&&Xb+2e4>t||(Xb=t,Ir(`A critical error has occurred (error ${e.detail.code}).`,{icon:hd,button:{text:"Reload",action:()=>{window.location.reload()}},duration:2e4})):d("full")};return(0,je.useEffect)((()=>{try{localStorage.setItem("stream_ui_theme",_)}catch(e){console.warn(e)}}),[_]),(0,je.useEffect)((()=>{try{localStorage.setItem("stream_ui_language",C),Si.changeLanguage(C)}catch(e){console.warn(e)}}),[C]),(0,je.useEffect)((()=>(Qa.addEventListener("localVideoAvailable",te),Qa.addEventListener("localVideoUnavailable",te),Qa.addEventListener("screenshareEnabled",re),Qa.addEventListener("screenshareDisabled",re),Qa.addEventListener("microphoneEnabled",ne),Qa.addEventListener("microphoneMute",ne),Qa.addEventListener("microphoneUnmute",ne),Qa.addEventListener("defaultAudioDeviceChange",se),Qa.addEventListener("selfProfileUpdate",ce),Qa.addEventListener("terminateRoom",de),Qa.addEventListener("leaveRoom",le),Qa.addEventListener("invalidRoom",ue),Qa.addEventListener("agentIdentity",pe),Qa.addEventListener("criticalError",he),Qa.addEventListener("videoRecordingStarted",ie),Qa.addEventListener("videoRecordingStopped",oe),Qa.addEventListener("videoRecordingRequested",ae),()=>{Qa.removeEventListener("localVideoAvailable",te),Qa.removeEventListener("localVideoUnavailable",te),Qa.removeEventListener("screenshareEnabled",re),Qa.removeEventListener("screenshareDisabled",re),Qa.removeEventListener("microphoneEnabled",ne),Qa.removeEventListener("microphoneMute",ne),Qa.removeEventListener("microphoneUnmute",ne),Qa.removeEventListener("defaultAudioDeviceChange",se),Qa.removeEventListener("selfProfileUpdate",ce),Qa.removeEventListener("terminateRoom",de),Qa.removeEventListener("leaveRoom",le),Qa.removeEventListener("invalidRoom",ue),Qa.removeEventListener("agentIdentity",pe),Qa.removeEventListener("criticalError",he),Qa.removeEventListener("videoRecordingStarted",ie),Qa.removeEventListener("videoRecordingStopped",oe),Qa.removeEventListener("videoRecordingRequested",ae)})),[ae]),(0,je.useEffect)((()=>{const r=async r=>{const n=r.detail.peerId;if(J(r.detail.plan),Q(r.detail.permissions),i(n),$(r.detail.videoRecording),r.detail.videoRecording
|
|
2218
|
+
`,Zb=()=>{const{t:e}=Fi();return(0,a.jsx)($b,{children:(0,a.jsxs)(Kb,{children:[(0,a.jsx)(Wb,{}),(0,a.jsx)(Gb,{children:e("loader.connection")})]})})},Qb=(()=>{try{const e=localStorage.getItem("stream_ui_theme");return e||"dark"}catch(e){return console.warn(e),"dark"}})(),Yb=wi(),Jb=new sb;let Xb=-1;var ew=({options:e})=>{const{t:t}=Fi(),[n,i]=(0,je.useState)(void 0),o=(0,je.useRef)(null),s=(0,je.useRef)(null),c=(0,je.useRef)(null),[l,d]=(0,je.useState)(e.recorder?.enabled?"recorder":"loading"),[u,p]=(0,je.useState)(!1),[f,m]=(0,je.useState)(!1),[g,y]=(0,je.useState)(!1),[b,w]=(0,je.useState)(!1),[x,S]=(0,je.useState)(!1),[_,k]=(0,je.useState)(Qb),[C,E]=(0,je.useState)(e.language||Yb),[P,R]=(0,je.useState)({}),[T,j]=(0,je.useState)(!0),[O,M]=(0,je.useState)(!1),[L,D]=(0,je.useState)(!1),[I,A]=(0,je.useState)(!0),[N,F]=(0,je.useState)(!1),[z,B]=Tc(o.current),[U,V]=(0,je.useState)(!1),[H,q]=(0,je.useState)(!1),[W,$]=(0,je.useState)({requested:!1,started:!1}),[K,G]=(0,je.useState)(!1),[Z,Q]=(0,je.useState)([]),[Y,J]=(0,je.useState)(void 0),X=(z||window.screen.width)>(B||window.screen.height)?"landscape":"portrait",ee="dark"===_?Df:Lf,te=e=>{"localVideoAvailable"===e.type?M(!0):M(!1)},re=e=>{"screenshareEnabled"===e.type?D(!0):D(!1)},ne=e=>{"microphoneMute"===e.type?j(!0):j(!1)},ie=()=>{$({requested:!0,started:!0})},oe=()=>{$({requested:!1,started:!1})},ae=(0,je.useCallback)((()=>{$({requested:!0,started:!1}),G(!0),Ir(t("notifications.recording"),{duration:1e4,icon:(0,a.jsx)(zs,{}),messageStyle:{fontWeight:600}})}),[t]),se=e=>{const t=e.detail.label;Ir(`Connected to ${t}`,{duration:3e3,icon:(0,a.jsx)(Mc,{}),messageStyle:{fontWeight:600}})},ce=e=>{const{profile:t}=e.detail;R(t)},le=()=>{Wf(),d("ended"),j(!0),M(!1),D(!1),F(!1)},de=()=>{Wf(),d("terminated")},ue=()=>{d("expired")},pe=e=>{const{success:t,email:n}=e.detail;t?(A(!0),n&&h.identify(null,{email:n})):r(v)("An error occured while trying to join the room as an agent",{className:"error"})},he=e=>{const t=Date.now();"USERLIMIT"!==e.detail.code?-1!==Xb&&Xb+2e4>t||(Xb=t,Ir(`A critical error has occurred (error ${e.detail.code}).`,{icon:hd,button:{text:"Reload",action:()=>{window.location.reload()}},duration:2e4})):d("full")};return(0,je.useEffect)((()=>{try{localStorage.setItem("stream_ui_theme",_)}catch(e){console.warn(e)}}),[_]),(0,je.useEffect)((()=>{try{localStorage.setItem("stream_ui_language",C),Si.changeLanguage(C)}catch(e){console.warn(e)}}),[C]),(0,je.useEffect)((()=>(Qa.addEventListener("localVideoAvailable",te),Qa.addEventListener("localVideoUnavailable",te),Qa.addEventListener("screenshareEnabled",re),Qa.addEventListener("screenshareDisabled",re),Qa.addEventListener("microphoneEnabled",ne),Qa.addEventListener("microphoneMute",ne),Qa.addEventListener("microphoneUnmute",ne),Qa.addEventListener("defaultAudioDeviceChange",se),Qa.addEventListener("selfProfileUpdate",ce),Qa.addEventListener("terminateRoom",de),Qa.addEventListener("leaveRoom",le),Qa.addEventListener("invalidRoom",ue),Qa.addEventListener("agentIdentity",pe),Qa.addEventListener("criticalError",he),Qa.addEventListener("videoRecordingStarted",ie),Qa.addEventListener("videoRecordingStopped",oe),Qa.addEventListener("videoRecordingRequested",ae),()=>{Qa.removeEventListener("localVideoAvailable",te),Qa.removeEventListener("localVideoUnavailable",te),Qa.removeEventListener("screenshareEnabled",re),Qa.removeEventListener("screenshareDisabled",re),Qa.removeEventListener("microphoneEnabled",ne),Qa.removeEventListener("microphoneMute",ne),Qa.removeEventListener("microphoneUnmute",ne),Qa.removeEventListener("defaultAudioDeviceChange",se),Qa.removeEventListener("selfProfileUpdate",ce),Qa.removeEventListener("terminateRoom",de),Qa.removeEventListener("leaveRoom",le),Qa.removeEventListener("invalidRoom",ue),Qa.removeEventListener("agentIdentity",pe),Qa.removeEventListener("criticalError",he),Qa.removeEventListener("videoRecordingStarted",ie),Qa.removeEventListener("videoRecordingStopped",oe),Qa.removeEventListener("videoRecordingRequested",ae)})),[ae]),(0,je.useEffect)((()=>{const r=async r=>{const n=r.detail.peerId;if(J(r.detail.plan),Q(r.detail.permissions),i(n),$(r.detail.videoRecording||{requested:!1,started:!1}),r.detail.videoRecording?.requested&&Ir(t("notifications.recording"),{duration:11e3,icon:(0,a.jsx)(zs,{}),messageStyle:{fontWeight:600}}),!e.recorder?.enabled)try{e.headless||await $f(e),F(!0)}catch(e){V(!0),console.error("User interaction trigger failed",e)}finally{d("streaming")}};return Qa.addEventListener("enterRoom",r),()=>{Qa.removeEventListener("enterRoom",r)}}),[e,t]),(0,a.jsx)(fb,{client:Jb,children:(0,a.jsx)(Ya.Provider,{value:{videoRecording:W,setVideoRecording:$,headless:Boolean(e.headless),plan:Y,permissions:Z,selfPeerId:n,streamUIContainerRef:o,videosContainerRef:s,remoteTilesContainerRef:c,streamState:l,setStreamState:d,isQuickConnectPopupVisible:u,setIsQuickConnectPopupVisible:p,isSettingsMenuVisible:f,setIsSettingsMenuVisible:m,isYoutubePopupVisible:g,setIsYoutubePopupVisible:y,isLinksharePopupVisible:b,setIsLinksharePopupVisible:w,isVirtualBackgroundPopupVisible:x,setIsVirtualBackgroundPopupVisible:S,isBlockedFeaturePopupOpen:H,setBlockedFeaturePopupOpen:q,isRecordingStartPopupOpen:K,setRecordingStartPopupOpen:G,theme:_,setTheme:k,language:C,setLanguage:E,options:e,profile:P,muted:T,streaming:O,screensharing:L,isAgent:I,userInteractionTriggered:N,orientation:X},children:(0,a.jsxs)(ur,{theme:ee,children:[(0,a.jsx)(Kf,{}),(0,a.jsx)(If,{}),(0,a.jsxs)(Gf,{ref:o,children:["loading"===l&&(0,a.jsx)(Zb,{}),(0,a.jsx)(Mf,{}),(0,a.jsx)(Cc,{}),U&&(0,a.jsx)(Uf,{close:()=>{F(!0),V(!1)}}),"recorder"===l&&(0,a.jsx)(qb,{}),("streaming"===l||"loading"===l)&&(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(ns,{children:[(0,a.jsx)(Rc,{}),(0,a.jsx)(bd,{}),(0,a.jsx)(Ud,{}),(0,a.jsx)(bf,{})]})}),("ended"===l||"terminated"===l||"full"===l||"expired"===l)&&(0,a.jsx)(Cf,{})]})]})})})};window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments)};je=o("85Hg2");var tw=()=>(0,a.jsx)("svg",{width:"72",height:"72",viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsxs)("g",{clipPath:"url(#greetingSnapcallLogo)",children:[(0,a.jsx)("path",{d:"M0 36C0 6.354 6.354 0 36 0s36 6.354 36 36-6.354 36-36 36S0 65.646 0 36Z",fill:"#000"}),(0,a.jsx)("path",{d:"M36.225 57.428c2.367 0 4.35-1.964 3.62-4.215a13.38 13.38 0 0 0-3.133-5.203c-2.432-2.498-5.73-3.902-9.17-3.902-3.44 0-6.74 1.404-9.172 3.902a13.381 13.381 0 0 0-3.132 5.203c-.731 2.25 1.252 4.215 3.62 4.215h17.367ZM35.775 14.572c-2.367 0-4.35 1.965-3.62 4.216a13.381 13.381 0 0 0 3.133 5.203c2.432 2.498 5.73 3.901 9.17 3.901 3.44 0 6.74-1.403 9.172-3.901a13.375 13.375 0 0 0 3.132-5.203c.731-2.252-1.252-4.216-3.62-4.216H35.776ZM44.459 53.143c0 2.367 1.971 4.352 4.204 3.566a12.924 12.924 0 0 0 4.967-3.182c2.432-2.498 3.799-5.886 3.799-9.419 0-3.533-1.367-6.921-3.8-9.42a12.923 12.923 0 0 0-4.966-3.181c-2.233-.786-4.204 1.2-4.204 3.566v18.07ZM27.541 18.857c0-2.367-1.971-4.352-4.204-3.566a12.923 12.923 0 0 0-4.967 3.182c-2.432 2.498-3.799 5.886-3.799 9.42 0 3.532 1.367 6.92 3.8 9.418a12.923 12.923 0 0 0 4.966 3.182c2.233.786 4.204-1.2 4.204-3.566v-18.07Z",fill:"#fff"})]})});const rw=yr.div`
|
|
2219
2219
|
height: 100%;
|
|
2220
2220
|
display: flex;
|
|
2221
2221
|
flex-direction: column;
|
|
@@ -2395,4 +2395,4 @@ and limitations under the License.
|
|
|
2395
2395
|
background-color: #fff;
|
|
2396
2396
|
color: #1d1c20;
|
|
2397
2397
|
height: 100%;
|
|
2398
|
-
`;var xw=({onGreetingDone:e})=>{const{t:t}=Fi(),[r,{width:n,height:i}]=Oc(),o=(0,je.useRef)(null),s=(0,je.useRef)(null),[c,l]=(0,je.useState)(void 0),[d,u]=(0,je.useState)(!1),[p,h]=(0,je.useState)(!1),f=n>=i,m=async e=>{try{const t=await navigator.mediaDevices.getUserMedia(e),r=t.getVideoTracks()[0],n=t.getAudioTracks()[0];r&&l(r),n&&u(!0),n?.stop()}catch(e){console.error("Get User Media Failed: ",e)}},g=(0,je.useCallback)((async()=>{c?(c.stop(),l(void 0)):await m({video:!0})}),[c]),v=(0,je.useCallback)((async()=>{d?u(!1):await m({audio:!0})}),[d]);if((0,je.useEffect)((()=>{s.current&&(s.current.srcObject=c?new MediaStream([c]):null)}),[s,c,n,i]),(0,je.useEffect)((()=>{m({audio:!0,video:!0})}),[]),!0===p)return(0,a.jsx)(ww,{children:(0,a.jsx)("img",{src:"https://stream-assets.snapcall.io/animations/snapcall-logo-animation.gif",alt:"Snapcall logo animation",height:40})});const y=Boolean(c);return(0,a.jsxs)(rw,{ref:r,children:[(0,a.jsx)(Kf,{}),(0,a.jsx)(tw,{}),(0,a.jsx)(nw,{children:t("greeting.mainTitle")}),(0,a.jsxs)(iw,{children:[f&&(0,a.jsxs)(ow,{children:[(0,a.jsx)(aw,{webcamEnabled:y,ref:s,autoPlay:!0}),(0,a.jsxs)(lw,{webcamEnabled:y,children:[(0,a.jsxs)(sw,{children:[!d&&(0,a.jsx)(cw,{children:(0,a.jsx)(Mc,{status:!d})}),!y&&(0,a.jsx)(cw,{children:(0,a.jsx)(Lc,{status:!y})})]}),(0,a.jsx)(uw,{children:(0,a.jsx)(Hs,{})})]}),(0,a.jsxs)(dw,{children:[(0,a.jsx)(uw,{onClick:v,danger:!d,children:(0,a.jsx)(Mc,{status:!d})}),(0,a.jsx)(uw,{onClick:g,danger:!y,children:(0,a.jsx)(Lc,{status:!y})})]})]}),(0,a.jsxs)(pw,{children:[f&&(0,a.jsx)(hw,{children:t("greeting.sideTitle")}),(0,a.jsx)(fw,{children:t("greeting.sideDescription")}),(0,a.jsx)(mw,{ref:o,name:"displayName",type:"text",placeholder:t("greeting.namePlaceholder"),autoFocus:!0}),(0,a.jsx)(gw,{onClick:()=>{const t=o.current?.value,r=Boolean(c);c?.stop(),h(!0),setTimeout((()=>{e({cameraEnabled:r,micEnabled:d,displayName:t})}),4e3)},children:t("greeting.nameSubmit")})]})]}),(0,a.jsxs)(vw,{children:[(0,a.jsx)(yw,{children:t("greeting.footerTitle")}),(0,a.jsx)(bw,{children:t("greeting.footerDescription")})]})]})};const Sw={headless:!1,recorder:{enabled:!1,defaultMode:"photo",defaultMedia:"camera"},sharedURL:window.location.href,showMenuButton:!0,settingsShortcuts:[{id:"pip",displayType:"icon"}],controls:{microphone:{available:!0,enabled:!0},camera:{available:!0,enabled:!1},screenshare:{available:!0}},streamApiURL:String("https://apistream.snapcall.io"),tracking:!1},_w={init:({element:e,...t})=>{if("boolean"==typeof t.recorder&&(t.recorder={enabled:t.recorder,defaultMode:"photo",defaultMedia:"camera"}),e?.nodeType!==window.Node.ELEMENT_NODE)throw new Error('The "element" property must be a valid element!');const n=m(Sw,t),i=s(e);let o=null;o=(0,a.jsxs)(a.Fragment,{children:[t.recorder?.enabled&&(0,a.jsx)("style",{children:r('*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}')}),(0,a.jsx)("style",{children:r("*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-\\[-85px\\]{bottom:-85px}.left-\\[calc\\(50\\%-243px\\)\\]{left:calc(50% - 243px)}.bottom-\\[-65px\\]{bottom:-65px}.left-\\[calc\\(50\\%-43px\\)\\]{left:calc(50% - 43px)}.top-0{top:0}.left-0{left:0}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[100\\]{z-index:100}.m-\\[10px\\]{margin:10px}.mx-\\[20px\\]{margin-left:20px;margin-right:20px}.ml-\\[10px\\]{margin-left:10px}.mt-\\[10px\\]{margin-top:10px}.mt-\\[50px\\]{margin-top:50px}.mb-\\[9px\\]{margin-bottom:9px}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-full{height:100%}.h-0{height:0}.h-\\[86px\\]{height:86px}.h-\\[150px\\]{height:150px}.h-\\[60px\\]{height:60px}.h-\\[56px\\]{height:56px}.h-\\[64px\\]{height:64px}.h-\\[72px\\]{height:72px}.h-\\[24px\\]{height:24px}.h-\\[70px\\]{height:70px}.h-\\[62px\\]{height:62px}.h-\\[40px\\]{height:40px}.h-1\\/3{height:33.3333%}.h-\\[235px\\]{height:235px}.h-\\[93px\\]{height:93px}.h-screen{height:100vh}.h-fit{height:-moz-fit-content;height:-moz-fit-content;height:fit-content}.h-\\[30px\\]{height:30px}.max-h-\\[100\\%\\]{max-height:100%}.max-h-\\[inherit\\]{max-height:inherit}.max-h-\\[70px\\]{max-height:70px}.max-h-\\[90\\%\\]{max-height:90%}.min-h-0{min-height:0}.w-full{width:100%}.w-\\[486px\\]{width:486px}.w-0{width:0}.w-\\[86px\\]{width:86px}.w-\\[60px\\]{width:60px}.w-\\[56px\\]{width:56px}.w-\\[64px\\]{width:64px}.w-\\[72px\\]{width:72px}.w-\\[24px\\]{width:24px}.w-\\[70px\\]{width:70px}.w-\\[62px\\]{width:62px}.w-\\[50\\%\\]{width:50%}.w-\\[76px\\]{width:76px}.w-1\\/3{width:33.3333%}.w-screen{width:100vw}.w-\\[360px\\]{width:360px}.w-\\[450px\\]{width:450px}.w-\\[320px\\]{width:320px}.w-\\[30px\\]{width:30px}.w-\\[135px\\]{width:135px}.min-w-\\[200px\\]{min-width:200px}.min-w-\\[24px\\]{min-width:24px}.min-w-full{min-width:100%}.max-w-\\[1116px\\]{max-width:1116px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[600px\\]{max-width:600px}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[70px\\]{max-width:70px}.max-w-\\[90\\%\\]{max-width:90%}.flex-1{flex:1}.flex-auto{flex:auto}.flex-grow{flex-grow:1}.translate-y-\\[200\\%\\]{--tw-translate-y:200%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-\\[0\\.4\\]{--tw-scale-x:.4;--tw-scale-y:.4;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-x-\\[-1\\]{--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[7px\\]{gap:7px}.gap-\\[5px\\]{gap:5px}.gap-2\\.5{gap:.625rem}.gap-2{gap:.5rem}.gap-\\[10px\\]{gap:10px}.gap-5{gap:1.25rem}.gap-\\[20px\\]{gap:20px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-\\[15px\\]{border-radius:15px}.rounded-full{border-radius:9999px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[60px\\]{border-radius:60px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-t-\\[15px\\]{border-top-left-radius:15px;border-top-right-radius:15px}.border{border-width:1px}.border-\\[7px\\]{border-width:7px}.border-\\[4px\\]{border-width:4px}.border-\\[3px\\]{border-width:3px}.border-\\[2px\\]{border-width:2px}.border-b-\\[7px\\]{border-bottom-width:7px}.border-t{border-top-width:1px}.border-secondaryLight{--tw-border-opacity:1;border-color:rgb(179 179 179/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-\\[\\#E5484D\\]{--tw-border-opacity:1;border-color:rgb(229 72 77/var(--tw-border-opacity))}.border-\\[\\#FFFFF\\]{border-color:#FFFFF}.border-\\[white\\]{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-secondaryVLight{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-b-\\[\\#E5484D\\]{--tw-border-opacity:1;border-bottom-color:rgb(229 72 77/var(--tw-border-opacity))}.bg-\\[\\#000\\],.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-primaryLight{--tw-bg-opacity:1;background-color:rgb(86 86 86/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(29 28 32/var(--tw-bg-opacity))}.bg-graySelected{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-tertiarySelected{--tw-bg-opacity:1;background-color:rgb(216 216 216/var(--tw-bg-opacity))}.bg-tertiary{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-mainBlueSelected{--tw-bg-opacity:1;background-color:rgb(0 90 218/var(--tw-bg-opacity))}.bg-mainBlue{--tw-bg-opacity:1;background-color:rgb(0 106 255/var(--tw-bg-opacity))}.bg-black\\/\\[\\.6\\]{background-color:#0009}.bg-\\[\\#565656\\]{--tw-bg-opacity:1;background-color:rgb(86 86 86/var(--tw-bg-opacity))}.bg-\\[\\#E5484D\\]{--tw-bg-opacity:1;background-color:rgb(229 72 77/var(--tw-bg-opacity))}.bg-\\[\\#f12828\\]{--tw-bg-opacity:1;background-color:rgb(241 40 40/var(--tw-bg-opacity))}.bg-\\[\\#171717\\]{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-underlay{background-color:#00000040}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#C7DEFF\\]{--tw-bg-opacity:1;background-color:rgb(199 222 255/var(--tw-bg-opacity))}.bg-\\[\\#f3f3f3\\]{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity))}.bg-secondaryVLight{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.bg-opacity-90{--tw-bg-opacity:.9}.bg-\\[url\\(\\'https\\:\\/\\/cdn\\.snapcall\\.io\\/img\\/assist\\/gradient-bg\\.jpg\\'\\)\\]{background-image:url(https://cdn.snapcall.io/img/assist/gradient-bg.jpg)}.bg-cover{background-size:cover}.object-cover{object-fit:cover}.p-2\\.5{padding:.625rem}.p-2{padding:.5rem}.p-\\[3px\\]{padding:3px}.p-\\[12px\\]{padding:12px}.p-\\[15px\\]{padding:15px}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-\\[125px\\]{padding-top:125px;padding-bottom:125px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-\\[9px\\]{padding-top:9px;padding-bottom:9px}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-\\[25px\\]{padding-top:25px;padding-bottom:25px}.px-\\[60px\\]{padding-left:60px;padding-right:60px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.pt-2\\.5{padding-top:.625rem}.pt-2{padding-top:.5rem}.pb-2\\.5{padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.pt-\\[14px\\]{padding-top:14px}.pb-\\[20px\\]{padding-bottom:20px}.pb-\\[25px\\]{padding-bottom:25px}.pb-\\[9px\\]{padding-bottom:9px}.pt-\\[20px\\]{padding-top:20px}.text-center{text-align:center}.text-base{letter-spacing:-.02em;font-size:16px;line-height:19px}.text-sm{letter-spacing:-.02em;font-size:14px;line-height:17px}.text-xs{letter-spacing:-.02em;font-size:12px;line-height:14px}.text-\\[112px\\]{font-size:112px}.text-xl{letter-spacing:-.02em;font-size:20px;line-height:24px}.text-lg{letter-spacing:-.02em;font-size:18px;line-height:22px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-normal{font-weight:400}.font-bold{font-weight:700}.leading-\\[20px\\]{line-height:20px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(29 28 32/var(--tw-text-opacity))}.text-mainBlue{--tw-text-opacity:1;color:rgb(0 106 255/var(--tw-text-opacity))}.text-white\\/80{color:#fffc}.text-secondary{--tw-text-opacity:1;color:rgb(134 134 134/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-primaryLight{--tw-text-opacity:1;color:rgb(86 86 86/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-\\[0\\.4\\]{opacity:.4}.opacity-0{opacity:0}.opacity-90{opacity:.9}.outline{outline-style:solid}.ring-\\[3px\\]{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-cta{--tw-ring-opacity:1;--tw-ring-color:rgb(38 138 250/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[transform\\,border-radius\\]{transition-property:transform,border-radius;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.inter{font-family:Inter,sans-serif}@supports (font-variation-settings:normal){.inter{font-family:Inter var,sans-serif}}.first-letter\\:capitalize:first-letter{text-transform:capitalize}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.disabled\\:bg-secondaryLight:disabled{--tw-bg-opacity:1;background-color:rgb(179 179 179/var(--tw-bg-opacity))}.disabled\\:bg-graySelected:disabled{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.disabled\\:text-secondaryLight:disabled{--tw-text-opacity:1;color:rgb(179 179 179/var(--tw-text-opacity))}.disabled\\:opacity-50:disabled{opacity:.5}")})]}),i.render((0,a.jsxs)(a.Fragment,{children:[o,(0,a.jsx)("link",{rel:"preconnect",href:"https://rsms.me/"}),(0,a.jsx)("link",{rel:"stylesheet",href:"https://rsms.me/inter/inter.css"}),(0,a.jsx)(ew,{options:n})]})),n.tracking&&h.init(3111933,6),Ar(i,e)},initGreeting:(e,t)=>{const r=s(e);r.render((0,a.jsx)(xw,{onGreetingDone:t})),Ar(r,e)},setExtraSettingsOptions:e=>{const t=new CustomEvent("streamUISetExtraSettingsOptions",{detail:{extraOptions:e}});window.dispatchEvent(t)},startRecord:Qa.startRecord.bind(Qa),stopRecord:Qa.stopRecord.bind(Qa),sendNotification:Ir,joinRoom:Qa.init.bind(Qa),leaveRoom:Qa.endCall.bind(Qa),terminateRoom:Qa.terminateRoom.bind(Qa),generateToken:Qa.generateToken.bind(Qa),addEventListener:Qa.addEventListener.bind(Qa),removeEventListener:Qa.removeEventListener.bind(Qa),dispatchEvent:Qa.dispatchEvent.bind(Qa),getState:Qa.getState.bind(Qa),setProfile:Qa.setProfile.bind(Qa),setConfig:Qa.setConfig.bind(Qa),setLogLevel:e=>ta.setLogLevel(e),getPermissions:()=>Qa.getPermissions()};window.streamUI=_w,window.snapcallAPI={join:(...e)=>(console.warn("snapcallAPI.join is deprecated, please use streamUI.joinRoom instead!"),_w.joinRoom(...e)),endCall:(...e)=>(console.warn("snapcallAPI.endCall is deprecated, please use streamUI.leaveRoom instead!"),_w.leaveRoom(...e)),terminateRoom:(...e)=>(console.warn("snapcallAPI.terminateRoom is deprecated, please use streamUI.terminateRoom instead!"),_w.terminateRoom(...e)),generateToken:(...e)=>(console.warn("snapcallAPI.generateToken is deprecated, please use streamUI.generateToken instead!"),_w.generateToken(...e)),setDisplayName:(...e)=>(console.warn("snapcallAPI.setDisplayName is deprecated, please use streamUI.joinRoom options instead!"),Qa.setDisplayName(...e))}})();
|
|
2398
|
+
`;var xw=({onGreetingDone:e})=>{const{t:t}=Fi(),[r,{width:n,height:i}]=Oc(),o=(0,je.useRef)(null),s=(0,je.useRef)(null),[c,l]=(0,je.useState)(void 0),[d,u]=(0,je.useState)(!1),[p,h]=(0,je.useState)(!1),f=n>=i,m=async e=>{try{const t=await navigator.mediaDevices.getUserMedia(e),r=t.getVideoTracks()[0],n=t.getAudioTracks()[0];r&&l(r),n&&u(!0),n?.stop()}catch(e){console.error("Get User Media Failed: ",e)}},g=(0,je.useCallback)((async()=>{c?(c.stop(),l(void 0)):await m({video:!0})}),[c]),v=(0,je.useCallback)((async()=>{d?u(!1):await m({audio:!0})}),[d]);if((0,je.useEffect)((()=>{s.current&&(s.current.srcObject=c?new MediaStream([c]):null)}),[s,c,n,i]),(0,je.useEffect)((()=>{m({audio:!0,video:!0})}),[]),!0===p)return(0,a.jsx)(ww,{children:(0,a.jsx)("img",{src:"https://stream-assets.snapcall.io/animations/snapcall-logo-animation.gif",alt:"Snapcall logo animation",height:40})});const y=Boolean(c);return(0,a.jsxs)(rw,{ref:r,children:[(0,a.jsx)(Kf,{}),(0,a.jsx)(tw,{}),(0,a.jsx)(nw,{children:t("greeting.mainTitle")}),(0,a.jsxs)(iw,{children:[f&&(0,a.jsxs)(ow,{children:[(0,a.jsx)(aw,{webcamEnabled:y,ref:s,autoPlay:!0}),(0,a.jsxs)(lw,{webcamEnabled:y,children:[(0,a.jsxs)(sw,{children:[!d&&(0,a.jsx)(cw,{children:(0,a.jsx)(Mc,{status:!d})}),!y&&(0,a.jsx)(cw,{children:(0,a.jsx)(Lc,{status:!y})})]}),(0,a.jsx)(uw,{children:(0,a.jsx)(Hs,{})})]}),(0,a.jsxs)(dw,{children:[(0,a.jsx)(uw,{onClick:v,danger:!d,children:(0,a.jsx)(Mc,{status:!d})}),(0,a.jsx)(uw,{onClick:g,danger:!y,children:(0,a.jsx)(Lc,{status:!y})})]})]}),(0,a.jsxs)(pw,{children:[f&&(0,a.jsx)(hw,{children:t("greeting.sideTitle")}),(0,a.jsx)(fw,{children:t("greeting.sideDescription")}),(0,a.jsx)(mw,{ref:o,name:"displayName",type:"text",placeholder:t("greeting.namePlaceholder"),autoFocus:!0}),(0,a.jsx)(gw,{onClick:()=>{const t=o.current?.value,r=Boolean(c);c?.stop(),h(!0),setTimeout((()=>{e({cameraEnabled:r,micEnabled:d,displayName:t})}),4e3)},children:t("greeting.nameSubmit")})]})]}),(0,a.jsxs)(vw,{children:[(0,a.jsx)(yw,{children:t("greeting.footerTitle")}),(0,a.jsx)(bw,{children:t("greeting.footerDescription")})]})]})};const Sw={headless:!1,recorder:{enabled:!1,defaultMode:"photo",defaultMedia:"camera"},sharedURL:window.location.href,showMenuButton:!0,settingsShortcuts:[{id:"pip",displayType:"icon"}],controls:{microphone:{available:!0,enabled:!0},camera:{available:!0,enabled:!1},screenshare:{available:!0}},streamApiURL:String("https://apistream.snapcall.io"),tracking:!1},_w={init:({element:e,...t})=>{if("boolean"==typeof t.recorder&&(t.recorder={enabled:t.recorder,defaultMode:"photo",defaultMedia:"camera"}),e?.nodeType!==window.Node.ELEMENT_NODE)throw new Error('The "element" property must be a valid element!');const n=m(Sw,t),i=s(e);let o=null;o=(0,a.jsxs)(a.Fragment,{children:[t.recorder?.enabled&&(0,a.jsx)("style",{children:r('*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}')}),(0,a.jsx)("style",{children:r("*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-\\[-85px\\]{bottom:-85px}.left-\\[calc\\(50\\%-243px\\)\\]{left:calc(50% - 243px)}.bottom-\\[-65px\\]{bottom:-65px}.left-\\[calc\\(50\\%-43px\\)\\]{left:calc(50% - 43px)}.top-0{top:0}.left-0{left:0}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[100\\]{z-index:100}.m-\\[10px\\]{margin:10px}.mx-\\[20px\\]{margin-left:20px;margin-right:20px}.ml-\\[10px\\]{margin-left:10px}.mt-\\[10px\\]{margin-top:10px}.mt-\\[50px\\]{margin-top:50px}.mb-\\[9px\\]{margin-bottom:9px}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-full{height:100%}.h-0{height:0}.h-\\[86px\\]{height:86px}.h-\\[150px\\]{height:150px}.h-\\[60px\\]{height:60px}.h-\\[56px\\]{height:56px}.h-\\[64px\\]{height:64px}.h-\\[72px\\]{height:72px}.h-\\[24px\\]{height:24px}.h-\\[70px\\]{height:70px}.h-\\[62px\\]{height:62px}.h-\\[40px\\]{height:40px}.h-1\\/3{height:33.3333%}.h-\\[235px\\]{height:235px}.h-\\[93px\\]{height:93px}.h-screen{height:100vh}.h-fit{height:-moz-fit-content;height:-moz-fit-content;height:fit-content}.h-\\[30px\\]{height:30px}.max-h-\\[100\\%\\]{max-height:100%}.max-h-\\[inherit\\]{max-height:inherit}.max-h-\\[70px\\]{max-height:70px}.max-h-\\[90\\%\\]{max-height:90%}.min-h-0{min-height:0}.w-full{width:100%}.w-\\[486px\\]{width:486px}.w-0{width:0}.w-\\[86px\\]{width:86px}.w-\\[60px\\]{width:60px}.w-\\[56px\\]{width:56px}.w-\\[64px\\]{width:64px}.w-\\[72px\\]{width:72px}.w-\\[24px\\]{width:24px}.w-\\[70px\\]{width:70px}.w-\\[62px\\]{width:62px}.w-\\[50\\%\\]{width:50%}.w-\\[76px\\]{width:76px}.w-1\\/3{width:33.3333%}.w-screen{width:100vw}.w-\\[360px\\]{width:360px}.w-\\[450px\\]{width:450px}.w-\\[320px\\]{width:320px}.w-\\[30px\\]{width:30px}.w-\\[135px\\]{width:135px}.min-w-\\[200px\\]{min-width:200px}.min-w-\\[24px\\]{min-width:24px}.min-w-full{min-width:100%}.max-w-\\[1116px\\]{max-width:1116px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[600px\\]{max-width:600px}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[70px\\]{max-width:70px}.max-w-\\[90\\%\\]{max-width:90%}.flex-1{flex:1}.flex-auto{flex:auto}.flex-grow{flex-grow:1}.translate-y-\\[200\\%\\]{--tw-translate-y:200%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-\\[0\\.4\\]{--tw-scale-x:.4;--tw-scale-y:.4;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.scale-x-\\[-1\\]{--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[7px\\]{gap:7px}.gap-\\[5px\\]{gap:5px}.gap-2\\.5{gap:.625rem}.gap-2{gap:.5rem}.gap-\\[10px\\]{gap:10px}.gap-5{gap:1.25rem}.gap-\\[20px\\]{gap:20px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-\\[15px\\]{border-radius:15px}.rounded-full{border-radius:9999px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[60px\\]{border-radius:60px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-t-\\[15px\\]{border-top-left-radius:15px;border-top-right-radius:15px}.border{border-width:1px}.border-\\[7px\\]{border-width:7px}.border-\\[4px\\]{border-width:4px}.border-\\[3px\\]{border-width:3px}.border-\\[2px\\]{border-width:2px}.border-b-\\[7px\\]{border-bottom-width:7px}.border-t{border-top-width:1px}.border-secondaryLight{--tw-border-opacity:1;border-color:rgb(179 179 179/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-\\[\\#E5484D\\]{--tw-border-opacity:1;border-color:rgb(229 72 77/var(--tw-border-opacity))}.border-\\[\\#FFFFF\\]{border-color:#FFFFF}.border-\\[white\\]{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-secondaryVLight{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-b-\\[\\#E5484D\\]{--tw-border-opacity:1;border-bottom-color:rgb(229 72 77/var(--tw-border-opacity))}.bg-\\[\\#000\\],.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-primaryLight{--tw-bg-opacity:1;background-color:rgb(86 86 86/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(29 28 32/var(--tw-bg-opacity))}.bg-graySelected{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-tertiarySelected{--tw-bg-opacity:1;background-color:rgb(216 216 216/var(--tw-bg-opacity))}.bg-tertiary{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-mainBlueSelected{--tw-bg-opacity:1;background-color:rgb(0 90 218/var(--tw-bg-opacity))}.bg-mainBlue{--tw-bg-opacity:1;background-color:rgb(0 106 255/var(--tw-bg-opacity))}.bg-black\\/\\[\\.6\\]{background-color:#0009}.bg-\\[\\#565656\\]{--tw-bg-opacity:1;background-color:rgb(86 86 86/var(--tw-bg-opacity))}.bg-\\[\\#E5484D\\]{--tw-bg-opacity:1;background-color:rgb(229 72 77/var(--tw-bg-opacity))}.bg-\\[\\#f12828\\]{--tw-bg-opacity:1;background-color:rgb(241 40 40/var(--tw-bg-opacity))}.bg-\\[\\#171717\\]{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-underlay{background-color:#00000040}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#C7DEFF\\]{--tw-bg-opacity:1;background-color:rgb(199 222 255/var(--tw-bg-opacity))}.bg-\\[\\#f3f3f3\\]{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity))}.bg-secondaryVLight{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.bg-opacity-90{--tw-bg-opacity:.9}.bg-\\[url\\(\\'https\\:\\/\\/cdn\\.snapcall\\.io\\/img\\/assist\\/gradient-bg\\.jpg\\'\\)\\]{background-image:url(https://cdn.snapcall.io/img/assist/gradient-bg.jpg)}.bg-cover{background-size:cover}.object-cover{object-fit:cover}.p-2\\.5{padding:.625rem}.p-2{padding:.5rem}.p-\\[3px\\]{padding:3px}.p-\\[12px\\]{padding:12px}.p-\\[15px\\]{padding:15px}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-\\[125px\\]{padding-top:125px;padding-bottom:125px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-\\[9px\\]{padding-top:9px;padding-bottom:9px}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-\\[25px\\]{padding-top:25px;padding-bottom:25px}.px-\\[60px\\]{padding-left:60px;padding-right:60px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.pt-2\\.5{padding-top:.625rem}.pt-2{padding-top:.5rem}.pb-2\\.5{padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.pt-\\[14px\\]{padding-top:14px}.pb-\\[20px\\]{padding-bottom:20px}.pb-\\[25px\\]{padding-bottom:25px}.pb-\\[9px\\]{padding-bottom:9px}.pt-\\[20px\\]{padding-top:20px}.text-center{text-align:center}.text-base{letter-spacing:-.02em;font-size:16px;line-height:19px}.text-sm{letter-spacing:-.02em;font-size:14px;line-height:17px}.text-xs{letter-spacing:-.02em;font-size:12px;line-height:14px}.text-\\[112px\\]{font-size:112px}.text-xl{letter-spacing:-.02em;font-size:20px;line-height:24px}.text-lg{letter-spacing:-.02em;font-size:18px;line-height:22px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-normal{font-weight:400}.font-bold{font-weight:700}.leading-\\[20px\\]{line-height:20px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(29 28 32/var(--tw-text-opacity))}.text-mainBlue{--tw-text-opacity:1;color:rgb(0 106 255/var(--tw-text-opacity))}.text-white\\/80{color:#fffc}.text-secondary{--tw-text-opacity:1;color:rgb(134 134 134/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-primaryLight{--tw-text-opacity:1;color:rgb(86 86 86/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-\\[0\\.4\\]{opacity:.4}.opacity-0{opacity:0}.opacity-90{opacity:.9}.outline{outline-style:solid}.ring-\\[3px\\]{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-cta{--tw-ring-opacity:1;--tw-ring-color:rgb(38 138 250/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[transform\\,border-radius\\]{transition-property:transform,border-radius;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.inter{font-family:Inter,sans-serif}@supports (font-variation-settings:normal){.inter{font-family:Inter var,sans-serif}}.first-letter\\:capitalize:first-letter{text-transform:capitalize}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.disabled\\:bg-secondaryLight:disabled{--tw-bg-opacity:1;background-color:rgb(179 179 179/var(--tw-bg-opacity))}.disabled\\:bg-graySelected:disabled{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.disabled\\:text-secondaryLight:disabled{--tw-text-opacity:1;color:rgb(179 179 179/var(--tw-text-opacity))}.disabled\\:opacity-50:disabled{opacity:.5}")})]}),i.render((0,a.jsxs)(a.Fragment,{children:[o,(0,a.jsx)("link",{rel:"preconnect",href:"https://rsms.me/"}),(0,a.jsx)("link",{rel:"stylesheet",href:"https://rsms.me/inter/inter.css"}),(0,a.jsx)(ew,{options:n})]})),n.tracking&&h.init(3111933,6),Ar(i,e)},initGreeting:(e,t)=>{const r=s(e);r.render((0,a.jsx)(xw,{onGreetingDone:t})),Ar(r,e)},setExtraSettingsOptions:e=>{const t=new CustomEvent("streamUISetExtraSettingsOptions",{detail:{extraOptions:e}});window.dispatchEvent(t)},startRecord:Qa.startRecord.bind(Qa),stopRecord:Qa.stopRecord.bind(Qa),sendNotification:Ir,joinRoom:Qa.init.bind(Qa),leaveRoom:Qa.endCall.bind(Qa),terminateRoom:Qa.terminateRoom.bind(Qa),generateToken:Qa.generateToken.bind(Qa),addEventListener:Qa.addEventListener.bind(Qa),removeEventListener:Qa.removeEventListener.bind(Qa),dispatchEvent:Qa.dispatchEvent.bind(Qa),getState:Qa.getState.bind(Qa),setProfile:Qa.setProfile.bind(Qa),setConfig:Qa.setConfig.bind(Qa),setLogLevel:e=>ta.setLogLevel(e),getPermissions:()=>Qa.getPermissions(),streamerClient:Qa};window.streamUI=_w,window.snapcallAPI=window.snapcallAPI||{join:(...e)=>(console.warn("snapcallAPI.join is deprecated, please use streamUI.joinRoom instead!"),_w.joinRoom(...e)),endCall:(...e)=>(console.warn("snapcallAPI.endCall is deprecated, please use streamUI.leaveRoom instead!"),_w.leaveRoom(...e)),terminateRoom:(...e)=>(console.warn("snapcallAPI.terminateRoom is deprecated, please use streamUI.terminateRoom instead!"),_w.terminateRoom(...e)),generateToken:(...e)=>(console.warn("snapcallAPI.generateToken is deprecated, please use streamUI.generateToken instead!"),_w.generateToken(...e)),setDisplayName:(...e)=>(console.warn("snapcallAPI.setDisplayName is deprecated, please use streamUI.joinRoom options instead!"),Qa.setDisplayName(...e))}})();
|
package/dist/types.d.ts
CHANGED
|
@@ -168,7 +168,7 @@ declare global {
|
|
|
168
168
|
export type SnapcallEvent<T> = CustomEvent<T>;
|
|
169
169
|
export type PeersInfoEvent = SnapcallEvent<{
|
|
170
170
|
videoRecordStarted: boolean;
|
|
171
|
-
videoRecording
|
|
171
|
+
videoRecording?: {
|
|
172
172
|
requested: boolean;
|
|
173
173
|
started: boolean;
|
|
174
174
|
};
|
|
@@ -496,6 +496,7 @@ interface StreamUIMethods {
|
|
|
496
496
|
setConfig: typeof streamerClient.setConfig;
|
|
497
497
|
setLogLevel: (level: number) => void;
|
|
498
498
|
getPermissions: () => Permissions;
|
|
499
|
+
streamerClient: StreamerClient;
|
|
499
500
|
}
|
|
500
501
|
interface ControlSettings {
|
|
501
502
|
available?: boolean;
|