You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2 lines
20 KiB

(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{249:function(e,t,a){"use strict";a.d(t,"a",(function(){return g}));var o=a(13),n=a.n(o),i=a(230),s=a(150),r=a(148),l=a(129),c=a(201),m=a(124),u=a(122),d=a(121),h=a(163);const p="mx_profile_displayname",b="mx_profile_avatar_url";class g extends c.a{constructor(){super(m.a,{displayName:window.localStorage.getItem(p)||void 0,avatarUrl:window.localStorage.getItem(b)||void 0}),n()(this,"monitoredUser",void 0),n()(this,"onProfileUpdate",Object(r.throttle)((async()=>{const e=await this.matrixClient.getProfileInfo(this.matrixClient.getUserId());e.displayname?window.localStorage.setItem(p,e.displayname):window.localStorage.removeItem(p),e.avatar_url?window.localStorage.setItem(b,e.avatar_url):window.localStorage.removeItem(b),await this.updateState({displayName:e.displayname,avatarUrl:e.avatar_url,fetchedAt:Date.now()})}),200,{trailing:!0,leading:!0})),n()(this,"onStateEvents",(async e=>{const t=u.a.get().getUserId();e.getType()===l.b.RoomMember&&e.getSender()===t&&e.getStateKey()===t&&await this.onProfileUpdate()}))}static get instance(){return g.internalInstance}get displayName(){return this.matrixClient?this.matrixClient.isGuest()?Object(d.a)("Guest"):this.state.displayName?this.state.displayName:this.matrixClient.getUserId():this.state.displayName||null}get isProfileInfoFetched(){return!!this.state.fetchedAt}get avatarMxc(){return this.state.avatarUrl||null}getHttpAvatarUrl(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(!this.avatarMxc)return null;const t=Object(h.b)(this.avatarMxc);return!e||e<=0?t.srcHttp:t.getSquareThumbnailHttp(e)}async onNotReady(){var e;this.monitoredUser&&(this.monitoredUser.removeListener(i.b.DisplayName,this.onProfileUpdate),this.monitoredUser.removeListener(i.b.AvatarUrl,this.onProfileUpdate)),null===(e=this.matrixClient)||void 0===e||e.removeListener(s.b.Events,this.onStateEvents),await this.reset({})}async onReady(){const e=this.matrixClient.getUserId();this.monitoredUser=this.matrixClient.getUser(e),this.monitoredUser&&(this.monitoredUser.on(i.b.DisplayName,this.onProfileUpdate),this.monitoredUser.on(i.b.AvatarUrl,this.onProfileUpdate)),this.matrixClient.on(s.b.Events,this.onStateEvents),await this.onProfileUpdate()}async onAction(e){}}n()(g,"internalInstance",(()=>{const e=new g;return e.start(),e})())},640:function(e,t,a){"use strict";a.d(t,"a",(function(){return b}));var o=a(130),n=a.n(o),i=a(132),s=a.n(i),r=a(120),l=a.n(r),c=a(126),m=a.n(c),u=a(147),d=a(650),h=a(173);const p=["title","children","className","iconClassName"],b=e=>{let{title:t,children:a,className:o,iconClassName:i}=e,c=s()(e,p);return!!Object(r.useContext)(d.a)?l.a.createElement(h.b,n()({},c,{iconClassName:i,label:t})):l.a.createElement(u.a,n()({},c,{title:t,className:m()(o,i)}),a)}},650:function(e,t,a){"use strict";a.d(t,"a",(function(){return fe}));var o=a(13),n=a.n(o),i=a(130),s=a.n(i),r=a(126),l=a.n(r),c=a(187),m=a(120),u=a.n(m),d=a(170),h=a(121),p=a(147),b=a(640),g=a(124),v=a(144),_=a(149),C=a(133),y=a(534),k=a.n(y),E=a(1),x=a(146),O=a(127),f=a(241),j=a(269),M=a(229),w=a(123),N=a(616),S=a(161),L=a(279);const P={fifteenMins:9e5,oneHour:36e5,eightHours:288e5},T=P.fifteenMins,U=e=>Object(h.a)("Share for %(duration)s",{duration:Object(S.b)(e)});var B=e=>{let{timeout:t,onChange:a}=e;const o=Object.values(P).map((e=>({key:e.toString(),duration:e,label:U(e)})));Object.values(P).includes(t)||o.push({key:t.toString(),duration:t,label:U(t)});return u.a.createElement(L.a,{id:"live-duration","data-testid":"live-duration-dropdown",label:U(t),value:t.toString(),onOptionChange:e=>{a(+e)},className:"mx_LiveDurationDropdown"},o.map((e=>{let{key:t,label:a}=e;return u.a.createElement("div",{"data-test-id":`live-duration-option-${t}`,key:t},a)})))},I=a(270),R=a(30),D=a(154),F=a(131),A=a(338),G=a(271);let H;!function(e){e.Own="Own",e.Pin="Pin",e.Live="Live"}(H||(H={}));const W=(e,t,a)=>{const{modalParams:o,errorMessage:n}="M_FORBIDDEN"===e.errcode?(e=>{const t=e===H.Live?"Insufficient permissions to start sharing your live location":"Insufficient permissions to send your location";return{modalParams:{title:Object(h.a)("You don't have permission to share locations"),description:Object(h.a)("You need to have the right permissions in order to share locations in this room."),button:Object(h.a)("OK"),hasCancelButton:!1,onFinished:()=>{}},errorMessage:t}})(a):((e,t)=>{const a=e===H.Live?"We couldn't start sharing your live location":"We couldn't send your location";return{modalParams:{title:Object(h.a)("We couldn't send your location"),description:Object(h.a)("%(brand)s could not send your location. Please try again later.",{brand:F.b.get().brand}),button:Object(h.a)("Try again"),cancelButton:Object(h.a)("Cancel"),onFinished:e=>{e&&t()}},errorMessage:a}})(a,t);E.a.error(n,e),O.b.createDialog(D.a,o)};var V=a(850);const q=e=>e===H.Own||e===H.Live;class z extends u.a.Component{constructor(e){super(e),n()(this,"context",void 0),n()(this,"map",null),n()(this,"geolocate",null),n()(this,"marker",null),n()(this,"getMarkerId",(()=>"mx_MLocationPicker_marker")),n()(this,"addMarkerToMap",(()=>{var e;this.marker=new k.a.Marker({element:null!==(e=document.getElementById(this.getMarkerId()))&&void 0!==e?e:void 0,anchor:"bottom",offset:[0,-1]}).setLngLat(new k.a.LngLat(0,0)).addTo(this.map)})),n()(this,"updateStyleUrl",(e=>{var t;const a=null===(t=Object(f.h)(e))||void 0===t?void 0:t.map_style_url;var o;a&&(null===(o=this.map)||void 0===o||o.setStyle(a))})),n()(this,"onGeolocate",(e=>{var t;this.marker||this.addMarkerToMap(),this.setState({position:Object(j.b)(e)}),null===(t=this.marker)||void 0===t||t.setLngLat(new k.a.LngLat(e.coords.longitude,e.coords.latitude))})),n()(this,"onClick",(e=>{var t;this.marker||this.addMarkerToMap(),null===(t=this.marker)||void 0===t||t.setLngLat(e.lngLat),this.setState({position:{timestamp:Date.now(),latitude:e.lngLat.lat,longitude:e.lngLat.lng}})})),n()(this,"onGeolocateError",(e=>{var t;(E.a.error("Could not fetch location",e),q(this.props.shareType)&&(this.props.onFinished(),O.b.createDialog(v.a,{title:Object(h.a)("Could not fetch location"),description:Object(M.j)(e.code)})),this.geolocate)&&(null===(t=this.map)||void 0===t||t.removeControl(this.geolocate))})),n()(this,"onTimeoutChange",(e=>{this.setState({timeout:e})})),n()(this,"onOk",(()=>{const{timeout:e,position:t}=this.state;this.props.onChoose(t?{uri:Object(j.f)(t),timestamp:t.timestamp,timeout:e}:{timeout:e}),this.props.onFinished()})),this.state={position:void 0,timeout:T,error:void 0}}componentDidMount(){this.context.on(x.b.ClientWellKnown,this.updateStyleUrl);try{if(this.map=new k.a.Map({container:"mx_LocationPicker_map",style:Object(M.d)(),center:[0,0],zoom:1}),this.geolocate=new k.a.GeolocateControl({positionOptions:{enableHighAccuracy:!0},trackUserLocation:!1}),this.map.addControl(this.geolocate),this.map.on("error",(e=>{E.a.error("Failed to load map: check map_style_url in config.json has a valid URL and API key",e.error),this.setState({error:M.a.MapStyleUrlNotReachable})})),this.map.on("load",(()=>{this.geolocate.trigger()})),this.geolocate.on("error",this.onGeolocateError),q(this.props.shareType)&&this.geolocate.on("geolocate",this.onGeolocate),this.props.shareType===H.Pin){const e=new k.a.NavigationControl({showCompass:!1,showZoom:!0});this.map.addControl(e,"bottom-right"),this.map.on("click",this.onClick)}}catch(e){E.a.error("Failed to render map",e);const t=(null==e?void 0:e.message)===M.a.MapStyleUrlNotConfigured?M.a.MapStyleUrlNotConfigured:M.a.Default;this.setState({error:t})}}componentWillUnmount(){var e,t,a;null===(e=this.geolocate)||void 0===e||e.off("error",this.onGeolocateError),null===(t=this.geolocate)||void 0===t||t.off("geolocate",this.onGeolocate),null===(a=this.map)||void 0===a||a.off("click",this.onClick),this.context.off(x.b.ClientWellKnown,this.updateStyleUrl)}render(){return this.state.error?u.a.createElement("div",{className:"mx_LocationPicker mx_LocationPicker_hasError"},u.a.createElement(N.a,{error:this.state.error,onFinished:this.props.onFinished})):u.a.createElement("div",{className:"mx_LocationPicker"},u.a.createElement("div",{id:"mx_LocationPicker_map"}),this.props.shareType===H.Pin&&u.a.createElement("div",{className:"mx_LocationPicker_pinText"},u.a.createElement("span",null,this.state.position?Object(h.a)("Click to move the pin"):Object(h.a)("Click to drop a pin"))),u.a.createElement("div",{className:"mx_LocationPicker_footer"},u.a.createElement("form",{onSubmit:this.onOk},this.props.shareType===H.Live&&u.a.createElement(B,{onChange:this.onTimeoutChange,timeout:this.state.timeout}),u.a.createElement(w.a,{"data-testid":"location-picker-submit-button",type:"submit",element:"button",kind:"primary",className:"mx_LocationPicker_submitButton",disabled:!this.state.position,onClick:this.onOk},Object(h.a)("Share location")))),u.a.createElement("div",{id:this.getMarkerId()},!!this.marker&&u.a.createElement(V.a,{roomMember:q(this.props.shareType)?this.props.sender:void 0,useMemberColor:this.props.shareType===H.Live})))}}n()(z,"contextType",C.a);var K,$=z,Y=a(125);function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},J.apply(this,arguments)}function Q(e){return m.createElement("svg",J({fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 8 14",role:"presentation","aria-hidden":!0},e),K||(K=m.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.637.707c.39.39.391 1.025.002 1.417L2.705 7.089l4.95 4.95c.39.39.392 1.025.002 1.417a.996.996 0 01-1.412.002L.59 7.8a1.004 1.004 0 01-.003-1.416L6.225.709A.996.996 0 017.637.707z",fill:"currentColor"})))}var Z=a(461);var X=e=>{let{onBack:t,onCancel:a,displayBack:o}=e;return u.a.createElement("div",{className:"mx_ShareDialogButtons"},o&&u.a.createElement(w.a,{className:"mx_ShareDialogButtons_button left","data-testid":"share-dialog-buttons-back","aria-label":Object(h.a)("Back"),onClick:t,element:"button"},u.a.createElement(Q,{className:"mx_ShareDialogButtons_button-icon"})),u.a.createElement(w.a,{className:"mx_ShareDialogButtons_button right","data-testid":"share-dialog-buttons-cancel","aria-label":Object(h.a)("Close"),onClick:a,element:"button"},u.a.createElement(Z.a,{className:"mx_ShareDialogButtons_button-icon"})))},ee=a(132),te=a.n(ee),ae=a(249),oe=a(191),ne=a(176),ie=a(612),se=a(339);const re=["onClick","label","shareType"],le=()=>{const e=Object(m.useContext)(C.a).getUserId(),t=ae.a.instance.displayName,a=ae.a.instance.getHttpAvatarUrl(36);return u.a.createElement("div",{className:`mx_ShareType_option-icon ${H.Own}`},u.a.createElement(oe.a,{idName:e,name:t,url:a,width:36,height:36,resizeMethod:"crop",className:"mx_UserMenu_userAvatar_BaseAvatar"}))},ce=e=>{let{onClick:t,label:a,shareType:o}=e,n=te()(e,re);return u.a.createElement(w.a,s()({element:"button",className:"mx_ShareType_option",onClick:t},n),o===H.Own&&u.a.createElement(le,null),o===H.Pin&&u.a.createElement(ie.a,{className:`mx_ShareType_option-icon ${H.Pin}`}),o===H.Live&&u.a.createElement(se.a,{className:`mx_ShareType_option-icon ${H.Live}`}),a)};var me=e=>{let{setShareType:t,enabledShareTypes:a}=e;const o={[H.Own]:Object(h.a)("My current location"),[H.Live]:Object(h.a)("My live location"),[H.Pin]:Object(h.a)("Drop a Pin")};return u.a.createElement("div",{className:"mx_ShareType"},u.a.createElement(ie.a,{className:"mx_ShareType_badge"}),u.a.createElement(ne.a,{className:"mx_ShareType_heading",size:"h3"},Object(h.a)("What location type do you want to share?")),u.a.createElement("div",{className:"mx_ShareType_wrapper_options"},a.map((e=>u.a.createElement(ce,{key:e,onClick:()=>t(e),label:o[e],shareType:e,"data-test-id":`share-location-option-${e}`})))))},ue=a(234);const de=e=>{let{onSubmit:t}=e;const[a,o]=Object(m.useState)(!1);return u.a.createElement("div",{"data-testid":"location-picker-enable-live-share",className:"mx_EnableLiveShare"},u.a.createElement(se.a,{className:"mx_EnableLiveShare_icon"}),u.a.createElement(ne.a,{className:"mx_EnableLiveShare_heading",size:"h3"},Object(h.a)("Live location sharing")),u.a.createElement("p",{className:"mx_EnableLiveShare_description"},Object(h.a)("Please note: this is a labs feature using a temporary implementation. This means you will not be able to delete your location history, and advanced users will be able to see your location history even after you stop sharing your live location with this room.")),u.a.createElement(ue.a,{"data-testid":"enable-live-share-toggle",value:a,onChange:o,label:Object(h.a)("Enable live location sharing")}),u.a.createElement(w.a,{"data-testid":"enable-live-share-submit",className:"mx_EnableLiveShare_button",element:"button",kind:"primary",onClick:t,disabled:!a},Object(h.a)("OK")))};var he=a(166),pe=a(137);var be=e=>{let{menuPosition:t,onFinished:a,sender:o,roomId:n,openMenu:i,relation:r}=e;const l=Object(m.useContext)(C.a),c=(e=>{const t=[H.Own];return e||t.push(H.Live),t.push(H.Pin),t})(r),p=Object(he.a)("feature_location_share_live"),b=c.length>1,[g,v]=Object(m.useState)(b?void 0:H.Own),y=ae.a.instance.displayName,k=g===H.Live?((e,t,a,o)=>async e=>{let{timeout:n}=e;const i=Object(h.a)("%(displayName)s's live location",{displayName:a});try{await A.a.instance.createLiveBeacon(t,Object(I.makeBeaconInfoContent)(null!=n?n:3e5,!0,i,R.a.Self))}catch(e){W(e,o,H.Live)}})(0,n,y,i):((e,t,a,o,n)=>async i=>{let{uri:s,timestamp:r}=i;if(s)try{const n=(null==o?void 0:o.rel_type)===d.d.name?o.event_id:null,i=a===H.Pin?R.a.Pin:R.a.Self,l=Object(I.makeLocationContent)(void 0,s,r,void 0,i);await Object(G.a)(t,(t=>e.sendMessage(t,n,l)),e)}catch(e){W(e,n,a)}})(l,n,g,r,i),E=g===H.Live&&!p;return u.a.createElement(_.n,s()({},t,{onFinished:a,managed:!1}),u.a.createElement("div",{className:"mx_LocationShareMenu"},E&&u.a.createElement(de,{onSubmit:()=>{Y.b.setValue("feature_location_share_live",void 0,pe.a.DEVICE,!0)}}),!E&&!!g&&u.a.createElement($,{sender:o,shareType:g,onChoose:k,onFinished:a}),!g&&u.a.createElement(me,{setShareType:v,enabledShareTypes:c}),u.a.createElement(X,{displayBack:!!g&&b,onBack:()=>v(void 0),onCancel:a})))};var ge=e=>{let{roomId:t,sender:a,menuPosition:o,relation:n}=e;const i=Object(m.useContext)(fe),[s,r,c,d]=Object(_.q)(),p=e=>{d(e),null==i||i()};let g;if(s){const e=null!=o?o:Object(_.i)(r.current.getBoundingClientRect());g=u.a.createElement(be,{menuPosition:e,onFinished:p,sender:a,roomId:t,openMenu:c,relation:n})}const v=l()("mx_MessageComposer_button",{mx_MessageComposer_button_highlight:s});return u.a.createElement(u.a.Fragment,null,u.a.createElement(b.a,{className:v,iconClassName:"mx_MessageComposer_location",onClick:c,title:Object(h.a)("Location"),inputRef:r}),g)},ve=a(755),_e=a(122),Ce=a(283),ye=a(138),ke=a(236),Ee=a(293),xe=a(173),Oe=a(908);const fe=Object(m.createContext)(null);function je(e){return u.a.createElement(Oe.a,{key:"emoji_button",addEmoji:e.addEmoji,menuPosition:e.menuPosition,className:"mx_MessageComposer_button"})}function Me(){return u.a.createElement(Se,{key:"controls_upload"})}const we=Object(m.createContext)(null),Ne=e=>{let{roomId:t,relation:a,children:o}=e;const n=Object(m.useContext)(C.a),i=Object(m.useContext)(ye.b),s=Object(m.useRef)(),r=()=>{var e;n.isGuest()?g.a.dispatch({action:"require_registration"}):null===(e=s.current)||void 0===e||e.click()};Object(ke.a)(g.a,(e=>{i.timelineRenderingType===e.context&&"upload_file"===e.action&&r()}));return u.a.createElement(we.Provider,{value:r},o,u.a.createElement("input",{ref:s,type:"file",style:{display:"none"},multiple:!0,onClick:Ee.a,onChange:e=>{0!==e.target.files.length&&(Ce.a.sharedInstance().sendContentListToRoom(Array.from(e.target.files),t,a,n,i.timelineRenderingType),e.target.value="")}}))},Se=()=>{const e=Object(m.useContext)(fe),t=Object(m.useContext)(we);return u.a.createElement(b.a,{className:"mx_MessageComposer_button",iconClassName:"mx_MessageComposer_upload",onClick:()=>{null==t||t(),null==e||e()},title:Object(h.a)("Attachment")})};function Le(e){return e.showStickersButton?u.a.createElement(b.a,{id:"stickersButton",key:"controls_stickers",className:"mx_MessageComposer_button",iconClassName:"mx_MessageComposer_stickers",onClick:()=>e.setStickerPickerOpen(!e.isStickerPickerOpen),title:e.isStickerPickerOpen?Object(h.a)("Hide stickers"):Object(h.a)("Sticker")}):null}const Pe=e=>e.showVoiceBroadcastButton?u.a.createElement(b.a,{key:"start_voice_broadcast",className:"mx_MessageComposer_button",iconClassName:"mx_MessageComposer_voiceBroadcast",onClick:e.onStartVoiceBroadcastClick,title:Object(h.a)("Voice broadcast")}):null;function Te(e,t){return t?null:u.a.createElement(b.a,{key:"voice_message_send",className:"mx_MessageComposer_button",iconClassName:"mx_MessageComposer_voiceMessage",onClick:e.onRecordStartEndClick,title:Object(h.a)("Voice Message")})}function Ue(e,t){return u.a.createElement(Be,{key:"polls",room:e,relation:t})}class Be extends u.a.PureComponent{constructor(){super(...arguments),n()(this,"context",void 0),n()(this,"onCreateClick",(()=>{var e;null===(e=this.context)||void 0===e||e.call(this);if(this.props.room.currentState.maySendEvent(c.e.name,_e.a.get().getUserId())){var t;const e=(null===(t=this.props.relation)||void 0===t?void 0:t.rel_type)===d.d.name?this.props.relation.event_id:null;O.b.createDialog(ve.a,{room:this.props.room,threadId:e},"mx_CompoundDialog",!1,!0)}else O.b.createDialog(v.a,{title:Object(h.a)("Permission Required"),description:Object(h.a)("You do not have permission to start polls in this room.")})}))}render(){var e;return(null===(e=this.props.relation)||void 0===e?void 0:e.rel_type)===d.d.name?null:u.a.createElement(b.a,{className:"mx_MessageComposer_button",iconClassName:"mx_MessageComposer_poll",onClick:this.onCreateClick,title:Object(h.a)("Poll")})}}function Ie(e,t,a,o){const n=t.getMember(o.getUserId());return e.showLocationButton&&n?u.a.createElement(ge,{key:"location",roomId:a,relation:e.relation,sender:n,menuPosition:e.menuPosition}):null}function Re(e){let{isRichTextEnabled:t,onClick:a}=e;const o=t?Object(h.a)("Hide formatting"):Object(h.a)("Show formatting");return u.a.createElement(b.a,{className:"mx_MessageComposer_button",iconClassName:l()({mx_MessageComposer_plain_text:!t,mx_MessageComposer_rich_text:t}),onClick:a,title:o})}n()(Be,"contextType",fe);t.b=e=>{const t=Object(m.useContext)(C.a),{room:a,roomId:o,narrow:n}=Object(m.useContext)(ye.b),i=Object(he.b)("feature_wysiwyg_composer");if(e.haveRecording)return null;let r,c;n?(r=[i?u.a.createElement(Re,{key:"composerModeButton",isRichTextEnabled:e.isRichTextEnabled,onClick:e.onComposerModeClick}):je(e)],c=[Me(),Le(e),Te(e,n),Pe(e),e.showPollsButton?Ue(a,e.relation):null,Ie(e,a,o,t)]):(r=[i?u.a.createElement(Re,{key:"composerModeButton",isRichTextEnabled:e.isRichTextEnabled,onClick:e.onComposerModeClick}):je(e),Me()],c=[Le(e),Te(e,n),Pe(e),e.showPollsButton?Ue(a,e.relation):null,Ie(e,a,o,t)]),r=r.filter((e=>e)),c=c.filter((e=>e));const d=l()({mx_MessageComposer_button:!0,mx_MessageComposer_buttonMenu:!0,mx_MessageComposer_closeButtonMenu:e.isMenuOpen});return u.a.createElement(Ne,{roomId:o,relation:e.relation},r,c.length>0&&u.a.createElement(p.a,{className:d,onClick:e.toggleButtonMenu,title:Object(h.a)("More options")}),e.isMenuOpen&&u.a.createElement(xe.e,s()({onFinished:e.toggleButtonMenu},e.menuPosition,{wrapperClassName:"mx_MessageComposer_Menu",compact:!0}),u.a.createElement(fe.Provider,{value:e.toggleButtonMenu},u.a.createElement(xe.c,null,c))))}},908:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var o=a(130),n=a.n(o),i=a(126),s=a.n(i),r=a(120),l=a.n(r),c=a(121),m=a(149),u=a(930),d=a(640),h=a(650);function p(e){let{addEmoji:t,menuPosition:a,className:o}=e;const i=Object(r.useContext)(h.a),[p,b,g,v]=Object(m.q)();let _=null;if(p&&b.current){const e=null!=a?a:Object(m.i)(b.current.getBoundingClientRect());_=l.a.createElement(m.n,n()({},e,{onFinished:()=>{v(),null==i||i()},managed:!1}),l.a.createElement(u.d,{onChoose:t,showQuickReactions:!0}))}const C=s()("mx_EmojiButton",o,{mx_EmojiButton_highlight:p});return l.a.createElement(l.a.Fragment,null,l.a.createElement(d.a,{className:C,iconClassName:"mx_EmojiButton_icon",onClick:g,title:Object(c.a)("Emoji"),inputRef:b}),_)}}}]);
//# sourceMappingURL=10.js.map