https://dyte-audio.netlify.app/static/js/1901.68ab5fe3.chunk.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[1901],{1901:function(t,e,n){n.r(e),n.d(e,{dyte_setup_screen:function(){return h}});var r=n(4165),i=n(5861),u=n(5671),o=n(3144),a=n(2304),s=n(9013),c=n(2725),l=n(210),d=n(5855),f=n(7622),p=n(4130),D=n(2274),h=function(){function t(e){var n=this;(0,u.Z)(this,t),(0,a.r)(this,e),this.stateUpdate=(0,a.c)(this,"dyteStateUpdate",7),this.join=(0,i.Z)((0,r.Z)().mark((function t(){var e,i;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(""===n.displayName.trim()||n.isJoining){t.next=6;break}return n.isJoining=!0,null===(e=n.meeting)||void 0===e||e.self.setName(n.displayName),p.g.setItem("dyte-display-name",n.displayName),t.next=6,null===(i=n.meeting)||void 0===i?void 0:i.joinRoom();case 6:case"end":return t.stop()}}),t)}))),this.meeting=void 0,this.size=void 0,this.config=c.d,this.iconPack=d.d,this.t=(0,f.u)(),this.displayName=void 0,this.isJoining=!1,this.canEditName=!0}return(0,o.Z)(t,[{key:"connectedCallback",value:function(){this.meetingChanged(this.meeting)}},{key:"meetingChanged",value:function(t){var e,n;null!=t&&(this.canEditName=null===(e=t.self.permissions.canEditDisplayName)||void 0===e||e,this.displayName=(null===(n=t.self.name)||void 0===n?void 0:n.trim())||"")}},{key:"render",value:function(){var t,e,n,r=this,i=""===(null===(t=this.displayName)||void 0===t?void 0:t.trim()),u={meeting:this.meeting,config:this.config,states:D.s,size:this.size,iconPack:this.iconPack,t:this.t};return(0,a.h)(a.H,null,(0,a.h)("div",{class:"container"},(0,a.h)(l.R,{element:"dyte-participant-tile",defaults:u,props:{participant:null===(e=this.meeting)||void 0===e?void 0:e.self,size:"md"},childProps:{participant:null===(n=this.meeting)||void 0===n?void 0:n.self,size:"md"},deepProps:!0}),(0,a.h)("div",{class:"metadata"},""===this.displayName.trim()?(0,a.h)("div",{class:"name"},this.t("setup_screen.join_in_as")):(0,a.h)("div",{class:"label"},(0,a.h)("p",null,this.t("setup_screen.joining_as")),(0,a.h)("div",{class:"name"},(0,s.s)(this.displayName,20))),this.canEditName&&(0,a.h)("input",{placeholder:this.t("setup_screen.your_name"),value:this.displayName,autoFocus:!0,onInput:function(t){r.displayName=t.target.value},onKeyDown:function(t){"Enter"===t.key&&r.join()}}),(0,a.h)("dyte-button",{size:"lg",kind:"wide",onClick:this.join,disabled:i,iconPack:this.iconPack,t:this.t},this.isJoining?(0,a.h)("dyte-spinner",{iconPack:this.iconPack,t:this.t}):this.t("join")))))}}],[{key:"watchers",get:function(){return{meeting:["meetingChanged"]}}}]),t}();h.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif);box-sizing:border-box;padding:var(--dyte-space-4, 16px);height:100%;min-height:100%;width:100%;display:flex;place-items:center;justify-content:center;--dyte-controlbar-button-background-color:rgb(var(--dyte-colors-background-700, 44 44 44))}.container{width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-evenly}.metadata{width:100%;max-width:var(--dyte-space-80, 320px)}.label{display:flex;flex-direction:column;align-items:center}.label p{margin-top:var(--dyte-space-0, 0px);margin-bottom:var(--dyte-space-2, 8px);font-size:14px}.name{margin:var(--dyte-space-0, 0px);margin-bottom:var(--dyte-space-6, 24px);text-align:center;font-size:28px;font-weight:500;letter-spacing:-0.025em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}input{margin-bottom:var(--dyte-space-6, 24px);display:block;height:var(--dyte-space-10, 40px);width:100%;max-width:var(--dyte-space-80, 320px);border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--dyte-space-3, 12px);padding-right:var(--dyte-space-3, 12px);color:rgb(var(--dyte-colors-text-1000, 255 255 255));box-sizing:border-box;font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-moz-placeholder{color:rgb(var(--dyte-colors-text-600, 255 255 255 / 0.52))}input::placeholder{color:rgb(var(--dyte-colors-text-600, 255 255 255 / 0.52))}input{border:var(--dyte-border-width-sm, 1px) solid rgb(var(--dyte-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}

1dyte-spinner{color:rgb(var(--dyte-colors-text-1000, 255 255 255));--icon-size:var(--dyte-space-8, 32px)}:host([size='sm']) .container,:host([size='md']) .container{height:100%;flex-direction:column;justify-content:space-evenly}dyte-camera-toggle{margin-left:var(--dyte-space-1\\.5, 6px)}dyte-participant-tile{height:auto;width:100%;max-width:var(--dyte-space-96, 384px)}"},210:function(t,e,n){n.d(e,{R:function(){return s}});var r=n(9439),i=n(3433),u=n(7762),o=n(2304),a=function(t){var e=t.elements,n=t.defaults,r=t.props,i=void 0===r?{}:r,u=t.deepProps,a=void 0!==u&&u,c=t.elementProps,l=void 0===c?{}:c;return Array.isArray(e)&&0!==e.length?e.map((function(t){return(0,o.h)(s,{element:t,defaults:n,props:i,childProps:a&&i,elementProps:l})})):null},s=function(t,e){var n,s,c=t.element,l=t.defaults,d=t.childProps,f=void 0===d?{}:d,p=t.props,D=void 0===p?{}:p,h=t.onlyChildren,v=void 0!==h&&h,y=t.asHost,g=void 0!==y&&y,m=t.deepProps,b=void 0!==m&&m,E=t.elementProps,F=void 0===E?{}:E,A=l.config,x=l.size,C=l.states,k={};if(Array.isArray(c)){var w=(0,r.Z)(c,2);s=w[0],k=w[1]}else s=c;var B=null===(n=null===A||void 0===A?void 0:A.root)||void 0===n?void 0:n[s];null!=B&&"props"in B&&(D=Object.assign(Object.assign({},B.props),D)),D=Object.assign(Object.assign({},D),k),s in F&&(D=Object.assign(Object.assign({},D),F[s]));var P=function(t){var e=t.element,n=t.size,r=t.states,o=void 0===r?{}:r,a=t.config,s=void 0===a?{}:a,c=[],l=null===s||void 0===s?void 0:s.root[e],d=function(t){c.push(t),"string"===typeof n&&c.push("".concat(t,".").concat(n))};if(d(e),"object"===typeof l&&!Array.isArray(l)&&null!==l){var f=l.state,p=l.states,D=e,h=[];if(Array.isArray(p)){h=p.filter((function(t){return o[t]})),h.sort();var v,y=(0,u.Z)(h);try{for(y.s();!(v=y.n()).done;){var g=v.value;d("".concat(D,".").concat(g))}}catch(A){y.e(A)}finally{y.f()}h.length>1&&d([D].concat((0,i.Z)(h)).join("."))}if("string"===typeof f){var m="".concat(e,"[").concat(f,"=").concat(o[f],"]");d(m);var b,E=(0,u.Z)(h);try{for(E.s();!(b=E.n()).done;){var F=b.value;d("".concat(m,".").concat(F))}}catch(A){E.e(A)}finally{E.f()}h.length>1&&d([m].concat((0,i.Z)(h)).join("."))}}return c}({element:s,size:x,states:C,config:A}),j=function(t){var e=t.selectors,n=t.root;if(!n||!Array.isArray(e))return[];var o,a=[],s=(0,u.Z)(e);try{for(s.s();!(o=s.n()).done;){var c=n[o.value];if(Array.isArray(c))a=(0,i.Z)(c);else if(c){if(c.children&&(a=(0,i.Z)(c.children)),Array.isArray(c.remove)){var l,d=(0,u.Z)(c.remove);try{var f=function(){var t=l.value;a=a.filter((function(e){return"string"===typeof e?e!==t:!Array.isArray(e)||e[0]!==t}))};for(d.s();!(l=d.n()).done;)f()}catch(v){d.e(v)}finally{d.f()}}if(c.addBefore)for(var p=function(){var t,e=(0,r.Z)(h[D],2),n=e[0],u=e[1],o=a.findIndex((function(t){return"string"===typeof t?t===n:!!Array.isArray(t)&&t[0]===n}));o>=0&&(t=a).splice.apply(t,[o,0].concat((0,i.Z)(u)))},D=0,h=Object.entries(c.addBefore);D<h.length;D++)p();Array.isArray(c.add)&&(a=a.concat(c.add)),Array.isArray(c.prepend)&&(a=c.prepend.concat(a))}}}catch(v){s.e(v)}finally{s.f()}return a}({selectors:P,root:A.root});if(v)return(0,o.h)(a,{elements:j,defaults:l,props:f,deepProps:b,elementProps:F});var z=function(t){var e=t.selectors,n=t.styles;if(!Array.isArray(e)||null==n)return{};var r,i={},o=(0,u.Z)(e);try{for(o.s();!(r=o.n()).done;){var a=n[r.value];null!=a&&Object.assign(i,a)}}catch(s){o.e(s)}finally{o.f()}return i}({selectors:P,styles:A.styles});if(g)return(0,o.h)(o.H,Object.assign({},l,{style:z},D),(0,o.h)(a,{elements:j,defaults:l,props:f,deepProps:b,elementProps:F}),e);if(["dyte-header","dyte-controlbar"].includes(s)&&(D.disableRender=!0),s.startsWith("dyte-"))return(0,o.h)(s,Object.assign({},l,{style:z},D),(0,o.h)(a,{elements:j,defaults:l,props:f,deepProps:b,elementProps:F}),e);var Z=s.split("#"),N=(0,r.Z)(Z,2),O=N[0],_=N[1];return(0,o.h)(O,{id:_,style:z},(0,o.h)(a,{elements:j,defaults:l,props:f,deepProps:b,elementProps:F}),e)}},2274:function(t,e,n){n.d(e,{o:function(){return d},s:function(){return l}});var r=n(7762),i=n(2304),u=function(t){return!("isConnected"in t)||t.isConnected},o=function(t,e){var n;return function(){for(var r=arguments.length,i=new Array(r),u=0;u<r;u++)i[u]=arguments[u];n&&clearTimeout(n),n=setTimeout((function(){n=0,t.apply(void 0,i)}),e)}}((function(t){var e,n=(0,r.Z)(t.keys());try{for(n.s();!(e=n.n()).done;){var i=e.value;t.set(i,t.get(i).filter(u))}}catch(o){n.e(o)}finally{n.f()}}),2e3),a=function(t){return"function"===typeof t?t():t},s=function(t,e){var n=t.indexOf(e);n>=0&&(t[n]=t[t.length-1],t.length--)},c=function(t,e){var n=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(t,e){return t!==e},n=a(t),r=new Map(Object.entries(null!==n&&void 0!==n?n:{})),i={dispose:[],get:[],set:[],reset:[]},u=function(){var e;r=new Map(Object.entries(null!==(e=a(t))&&void 0!==e?e:{})),i.reset.forEach((function(t){return t()}))},o=function(t){return i.get.forEach((function(e){return e(t)})),r.get(t)},c=function(t,n){var u=r.get(t);e(n,u,t)&&(r.set(t,n),i.set.forEach((function(e){return e(t,n,u)})))},l="undefined"===typeof Proxy?{}:new Proxy(n,{get:function(t,e){return o(e)},ownKeys:function(t){return Array.from(r.keys())},getOwnPropertyDescriptor:function(){return{enumerable:!0,configurable:!0}},has:function(t,e){return r.has(e)},set:function(t,e,n){return c(e,n),!0}}),d=function(t,e){return i[t].push(e),function(){s(i[t],e)}};return{state:l,get:o,set:c,on:d,onChange:function(e,n){var r=d("set",(function(t,r){t===e&&n(r)})),i=d("reset",(function(){return n(a(t)[e])}));return function(){r(),i()}},use:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var r=e.reduce((function(t,e){return e.set&&t.push(d("set",e.set)),e.get&&t.push(d("get",e.get)),e.reset&&t.push(d("reset",e.reset)),e.dispose&&t.push(d("dispose",e.dispose)),t}),[]);return function(){return r.forEach((function(t){return t()}))}},dispose:function(){i.dispose.forEach((function(t){return t()})),u()},reset:u,forceUpdate:function(t){var e=r.get(t);i.set.forEach((function(n){return n(t,e,e)}))}}}(t,e);return n.use(function(){if("function"!==typeof i.a)return{};var t=new Map;return{dispose:function(){return t.clear()},get:function(e){var n=(0,i.a)();n&&function(t,e,n){var r=t.get(e);r?r.includes(n)||r.push(n):t.set(e,[n])}(t,e,n)},set:function(e){var n=t.get(e);n&&t.set(e,n.filter(i.f)),o(t)},reset:function(){t.forEach((function(t){return t.forEach(i.f)})),o(t)}}}()),n}({}),l=c.state,d=c.onChange},9013:function(t,e,n){n.d(e,{a:function(){return u},f:function(){return o},g:function(){return a},h:function(){return i},s:function(){return r}});var r=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20;return null==t?"":t.length>e?"".concat(t.substring(0,e),"..."):t},i=function(t){return/^(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDED7\uDEDC-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC5\uDECE-\uDEDB\uDEE0-\uDEE8\uDEF0-\uDEF8])+$/.test(t)&&!/^\d+$/.test(t)},u=function(t){return(null===t||void 0===t?void 0:t.trim().toLowerCase().startsWith("javascript:"))?"https://dyte.io":t},o=function(t){return""===(t=null===t||void 0===t?void 0:t.trim())?"Participant":t};function a(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;

1return t.replace(/[^\u00BF-\u1FFF\u2C00-\uD7FF\w\s]/g,"").trim().split(/\s+/).slice(0,e).map((function(t){return t.charAt(0)})).join("").toUpperCase()}}}]);
2//# sourceMappingURL=1901.68ab5fe3.chunk.js.map