hubs/room-MoreMenuPopover-stories.7d828a7e.iframe.bundle.js

/*! For license information please see room-MoreMenuPopover-stories.7d828a7e.iframe.bundle.js.LICENSE.txt */
(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[9110],{"./src/react-components/room/MoreMenuPopover.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MoreMenuPopover_stories});var _path,react=__webpack_require__("./node_modules/react/index.js"),RoomLayout=__webpack_require__("./src/react-components/layout/RoomLayout.js"),Camera=__webpack_require__("./src/react-components/icons/Camera.svg"),Avatar=__webpack_require__("./src/react-components/icons/Avatar.svg"),Scene=__webpack_require__("./src/react-components/icons/Scene.svg");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}var WarningCircle_path,_path2,_path3,Settings=__webpack_require__("./src/react-components/icons/Settings.svg");function WarningCircle_extends(){return WarningCircle_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},WarningCircle_extends.apply(this,arguments)}var Home_path,Home_path2,Home_path3;function Home_extends(){return Home_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},Home_extends.apply(this,arguments)}var Support_path,Support_path2,Support_path3,_path4,_path5,_path6,_path7,_path8,_path9,_path10,TextDocument=__webpack_require__("./src/react-components/icons/TextDocument.svg");function Support_extends(){return Support_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},Support_extends.apply(this,arguments)}var Shield_path;function Shield_extends(){return Shield_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},Shield_extends.apply(this,arguments)}var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),MoreMenuPopover=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/MoreMenuPopover.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(MoreMenuPopover.Z,options);const room_MoreMenuPopover=MoreMenuPopover.Z&&MoreMenuPopover.Z.locals?MoreMenuPopover.Z.locals:void 0;var Popover=__webpack_require__("./src/react-components/popover/Popover.js"),ToolbarButton=__webpack_require__("./src/react-components/input/ToolbarButton.js"),More=__webpack_require__("./src/react-components/icons/More.svg"),lib=__webpack_require__("./node_modules/react-intl/lib/index.js"),useIntl=__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function MoreMenuItem(_ref){let{item,closePopover}=_ref;const Icon=item.icon,imageAlt=(null==Icon?void 0:Icon.alt)&&(0,lib.Em)({id:"{label}.{alt}",defaultMessage:"{alt}"}),intl=(0,useIntl.Z)(),imageAltText=imageAlt&&intl.formatMessage(imageAlt,{label:item.label,alt:Icon.alt}),Row=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[null!=Icon&&Icon.src?(0,jsx_runtime.jsx)("img",{src:Icon.src,alt:imageAltText}):(0,jsx_runtime.jsx)(Icon,{}),(0,jsx_runtime.jsx)("span",{children:item.label})]});return(0,jsx_runtime.jsx)("li",{onClick:closePopover,children:item.href?(0,jsx_runtime.jsx)("a",{className:room_MoreMenuPopover.moreMenuItemTarget,href:item.href,target:item.target||"_blank",rel:"noopener noreferrer",children:Row}):(0,jsx_runtime.jsx)("button",{className:room_MoreMenuPopover.moreMenuItemTarget,onClick:event=>item.onClick(item,event),children:Row})})}function MoreMenuGroup(_ref2){let{group,closePopover}=_ref2;return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("h1",{className:room_MoreMenuPopover.moreMenuGroupLabel,children:group.label}),(0,jsx_runtime.jsx)("ul",{className:room_MoreMenuPopover.moreMenuItemList,children:group.items.map((item=>(0,jsx_runtime.jsx)(MoreMenuItem,{item,closePopover},item.id)))})]})}function MoreMenuPopoverContent(_ref3){let{menu,closePopover}=_ref3;return(0,jsx_runtime.jsx)("div",{className:room_MoreMenuPopover.moreMenuPopover,children:(0,jsx_runtime.jsx)("ul",{children:menu.map((group=>(0,jsx_runtime.jsx)(MoreMenuGroup,{group,closePopover},group.id)))})})}MoreMenuItem.displayName="MoreMenuItem",MoreMenuItem.propTypes={item:prop_types_default().shape({href:prop_types_default().string,target:prop_types_default().string,icon:prop_types_default().oneOfType([prop_types_default().elementType,prop_types_default().shape({src:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().node]),alt:prop_types_default().string})]).isRequired,label:prop_types_default().node.isRequired,onClick:prop_types_default().func}).isRequired,closePopover:prop_types_default().func.isRequired},MoreMenuGroup.displayName="MoreMenuGroup",MoreMenuGroup.propTypes={group:prop_types_default().object.isRequired,closePopover:prop_types_default().func.isRequired},MoreMenuPopoverContent.displayName="MoreMenuPopoverContent",MoreMenuPopoverContent.propTypes={menu:prop_types_default().array.isRequired,closePopover:prop_types_default().func.isRequired};const MoreMenuContext=(0,react.createContext)([!1,()=>{}]);function MoreMenuContextProvider(_ref4){let{initiallyVisible,children}=_ref4;const context=(0,react.useState)(initiallyVisible||!1);return(0,jsx_runtime.jsx)(MoreMenuContext.Provider,{value:context,children})}MoreMenuContextProvider.displayName="MoreMenuContextProvider",MoreMenuContextProvider.propTypes={initiallyVisible:prop_types_default().bool,children:prop_types_default().node};const moreMenuTitle=(0,lib.Em)({id:"more-menu-popover.title",defaultMessage:"More"});function MoreMenuPopoverButton(_ref5){let{menu}=_ref5;const intl=(0,useIntl.Z)(),[visible,setVisible]=(0,react.useContext)(MoreMenuContext),title=intl.formatMessage(moreMenuTitle);return(0,jsx_runtime.jsx)(Popover.J,{title,content:props=>(0,jsx_runtime.jsx)(MoreMenuPopoverContent,_objectSpread({menu},props)),placement:"top-end",offsetDistance:28,isVisible:visible,onChangeVisible:setVisible,children:_ref6=>{let{togglePopover,popoverVisible,triggerRef}=_ref6;return(0,jsx_runtime.jsx)(ToolbarButton.hA,{ref:triggerRef,icon:(0,jsx_runtime.jsx)(More.r,{}),selected:popoverVisible,onClick:togglePopover,label:title})}})}function CompactMoreMenuButton(_ref7){let{className}=_ref7,rest=_objectWithoutProperties(_ref7,_excluded);const intl=(0,useIntl.Z)(),[,setVisible]=(0,react.useContext)(MoreMenuContext);return(0,jsx_runtime.jsx)("button",_objectSpread(_objectSpread({className:classnames_default()(room_MoreMenuPopover.compactButton,className),"aria-label":intl.formatMessage(moreMenuTitle),onClick:e=>{e.stopPropagation(),setVisible(!0)}},rest),{},{children:(0,jsx_runtime.jsx)(More.r,{})}))}MoreMenuPopoverButton.displayName="MoreMenuPopoverButton",MoreMenuPopoverButton.propTypes={menu:prop_types_default().array.isRequired},CompactMoreMenuButton.displayName="CompactMoreMenuButton",CompactMoreMenuButton.propTypes={className:prop_types_default().string},MoreMenuContextProvider.__docgenInfo={description:"",methods:[],displayName:"MoreMenuContextProvider",props:{initiallyVisible:{description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!1}}},MoreMenuPopoverButton.__docgenInfo={description:"",methods:[],displayName:"MoreMenuPopoverButton",props:{menu:{description:"",type:{name:"array"},required:!0}}},CompactMoreMenuButton.__docgenInfo={description:"",methods:[],displayName:"CompactMoreMenuButton",props:{className:{description:"",type:{name:"string"},required:!1}}};var _Base$parameters,_Base$parameters2,_Base$parameters2$doc,constants=__webpack_require__("./src/constants.ts");function MoreMenuPopover_stories_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function MoreMenuPopover_stories_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?MoreMenuPopover_stories_ownKeys(Object(source),!0).forEach((function(key){MoreMenuPopover_stories_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):MoreMenuPopover_stories_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function MoreMenuPopover_stories_defineProperty(obj,key,value){return(key=function MoreMenuPopover_stories_toPropertyKey(arg){var key=function MoreMenuPopover_stories_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const MoreMenuPopover_stories={title:"Room/MoreMenuPopover",parameters:{layout:"fullscreen"}},menu=[{id:"user",label:"You",items:[{id:"user-profile",label:"Change Name & Avatar",icon:Avatar.r},{id:"favorite-room",label:"Favorite Room",icon:_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,_path||(_path=react.createElement("path",{d:"M18.75 8.125h-6.719L10 1.875l-2.031 6.25H1.25l5.469 3.75-2.11 6.25L10 14.219l5.39 3.906-2.109-6.25 5.469-3.75Z",stroke:"currentColor",strokeWidth:1.5,strokeLinejoin:"round"})))}},{id:"preferences",label:"Preferences",icon:Settings.r}]},{id:"room",label:"Room",items:[{id:"room-settings",label:"Room Settings",icon:_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",Home_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,Home_path||(Home_path=react.createElement("path",{d:"M3.125 8.28v9.22a.625.625 0 0 0 .625.625H7.5v-5.313a.937.937 0 0 1 .938-.937h3.124a.938.938 0 0 1 .938.937v5.313h3.75a.625.625 0 0 0 .625-.625V8.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Home_path2||(Home_path2=react.createElement("path",{d:"m18.75 10-8.325-7.968c-.195-.206-.652-.209-.85 0L1.25 10",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Home_path3||(Home_path3=react.createElement("path",{d:"M15.625 6.992V2.5H13.75v2.695",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},{id:"change-scene",label:"Change Scene",icon:Scene.r},{id:"camera-mode",label:"Enter Camera Mode",icon:Camera.r}]},{id:"support",label:"Support",items:[{id:"report-issue",label:"Report Issue",icon:_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",WarningCircle_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,WarningCircle_path||(WarningCircle_path=react.createElement("path",{d:"M17.5 10c0-4.14-3.36-7.5-7.5-7.5-4.14 0-7.5 3.36-7.5 7.5 0 4.14 3.36 7.5 7.5 7.5 4.14 0 7.5-3.36 7.5-7.5Z",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})),_path2||(_path2=react.createElement("path",{d:"M9.776 6.487 10 11.25l.224-4.763a.223.223 0 0 0-.226-.235v0a.224.224 0 0 0-.222.235v0Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path3||(_path3=react.createElement("path",{d:"M10 14.371a.782.782 0 1 1 0-1.563.782.782 0 0 1 0 1.563Z",fill:"currentColor"})))},href:"https://github.com/Hubs-Foundation/hubs/issues/new/choose"},{id:"help",label:"Help",icon:_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",Support_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,Support_path||(Support_path=react.createElement("path",{d:"M10 18.125a8.125 8.125 0 1 0 0-16.25 8.125 8.125 0 0 0 0 16.25Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Support_path2||(Support_path2=react.createElement("path",{d:"M10 13.125a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Support_path3||(Support_path3=react.createElement("path",{d:"m8.125 2.11.313 5.156",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react.createElement("path",{d:"m11.563 7.266.312-5.157",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path5||(_path5=react.createElement("path",{d:"m8.125 17.892.313-5.157",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path6||(_path6=react.createElement("path",{d:"m11.563 12.735.312 5.157",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path7||(_path7=react.createElement("path",{d:"m17.89 8.125-5.156.313",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path8||(_path8=react.createElement("path",{d:"m12.734 11.562 5.157.313",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path9||(_path9=react.createElement("path",{d:"m2.11 8.125 5.156.313",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path10||(_path10=react.createElement("path",{d:"m7.266 11.562-5.157.313",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))},href:"https://docs.hubsfoundation.org"},{id:"tos",label:"Terms of Service",icon:TextDocument.r,href:constants.WF},{id:"privacy",label:"Privacy Notice",icon:_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",Shield_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,Shield_path||(Shield_path=react.createElement("path",{d:"M18.09 4.39C14.597 3.763 13.153 3.3 10 1.875 6.847 3.3 5.403 3.763 1.91 4.39 1.277 14.42 9.398 17.883 10 18.125c.602-.242 8.723-3.706 8.09-13.735Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))},href:constants.Lm}]}],Base=()=>(0,jsx_runtime.jsx)(MoreMenuContextProvider,{initiallyVisible:!0,children:(0,jsx_runtime.jsx)(RoomLayout.s,{viewport:(0,jsx_runtime.jsx)(CompactMoreMenuButton,{}),toolbarRight:(0,jsx_runtime.jsx)(MoreMenuPopoverButton,{menu})})});Base.displayName="Base",Base.parameters=MoreMenuPopover_stories_objectSpread(MoreMenuPopover_stories_objectSpread({},Base.parameters),{},{docs:MoreMenuPopover_stories_objectSpread(MoreMenuPopover_stories_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:MoreMenuPopover_stories_objectSpread({originalSource:"() => <MoreMenuContextProvider initiallyVisible={true}>\n    <RoomLayout viewport={<CompactMoreMenuButton />} toolbarRight={<MoreMenuPopoverButton menu={menu} />} />\n  </MoreMenuContextProvider>"},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2$doc=_Base$parameters2.docs)||void 0===_Base$parameters2$doc?void 0:_Base$parameters2$doc.source)})});const __namedExportsOrder=["Base"];Base.__docgenInfo={description:"",methods:[],displayName:"Base"}},"./src/react-components/icons/Avatar.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgAvatar});var _g,_defs,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgAvatar=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_g||(_g=react__WEBPACK_IMPORTED_MODULE_0__.createElement("g",{clipPath:"url(#a)",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10},react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M9.688 3.75a1.563 1.563 0 1 0 0-3.126 1.563 1.563 0 0 0 0 3.125Z"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m7.785 11.547-1.187 6.727a.937.937 0 0 0 1.46.93.928.928 0 0 0 .38-.606l.82-4.683v.007s.203-1.27.683-1.27h.121c.489 0 .684 1.27.684 1.27v-.004l.82 4.684a.935.935 0 0 0 1.84-.328l-1.187-6.727-.192-1.16c-.113-.707-.164-1.86.02-2.332.156-.406.552-.555.906-.555h3.61a.937.937 0 0 0 0-1.875H3.438a.937.937 0 1 0 0 1.875H7.05c.36 0 .75.149.906.555.184.473.133 1.625.02 2.332l-.192 1.16Z"}))),_defs||(_defs=react__WEBPACK_IMPORTED_MODULE_0__.createElement("defs",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("clipPath",{id:"a"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{width:20,height:20,fill:"#fff"})))))}},"./src/react-components/icons/Camera.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgCamera});var _path,_path2,_path3,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgCamera=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m13.693 5.807-1.04-1.643a1.126 1.126 0 0 0-.856-.414H8.203c-.337 0-.637.159-.856.414l-1.04 1.643c-.22.256-.502.443-.838.443H3.125a1.25 1.25 0 0 0-1.25 1.25V15a1.25 1.25 0 0 0 1.25 1.25h13.75a1.25 1.25 0 0 0 1.25-1.25V7.5a1.25 1.25 0 0 0-1.25-1.25H14.57c-.338 0-.658-.187-.877-.443Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 13.75a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25Z",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M4.844 6.171v-.86h-.938v.86",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/More.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgMore});var _path,_path2,_path3,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgMore=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 12.25a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",fill:"currentColor"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",fill:"currentColor"})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",fill:"currentColor"})))}},"./src/react-components/icons/Scene.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgScene});var _path,_path2,_path3,_path4,_path5,_path6,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgScene=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 1.874a8.125 8.125 0 1 0 0 16.25 8.125 8.125 0 0 0 0-16.25Z",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 1.874C7.73 1.874 5.599 5.512 5.599 10s2.132 8.125 4.4 8.125c2.27 0 4.402-3.638 4.402-8.125S12.268 1.874 10 1.874Z",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M4.583 4.583C6.077 5.643 7.958 6.276 10 6.276c2.043 0 3.923-.633 5.417-1.693",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M15.417 15.417c-1.494-1.06-3.374-1.693-5.417-1.693-2.042 0-3.923.633-5.417 1.693",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path5||(_path5=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 1.874v16.25",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})),_path6||(_path6=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M18.125 9.999H1.875",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})))}},"./src/react-components/icons/Settings.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgSettings});var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgSettings=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M17.84 9.464 16.823 9.3a.313.313 0 0 1-.258-.267c-.02-.125-.039-.25-.066-.371a.315.315 0 0 1 .152-.337l.902-.5a.314.314 0 0 0 .152-.388l-.156-.43a.31.31 0 0 0-.367-.195l-1.012.195a.313.313 0 0 1-.335-.16 7.177 7.177 0 0 0-.188-.329.319.319 0 0 1 .028-.372l.675-.779a.313.313 0 0 0 .012-.415l-.293-.351a.308.308 0 0 0-.41-.06l-.886.533a.312.312 0 0 1-.367-.035 8.649 8.649 0 0 0-.289-.243.312.312 0 0 1-.098-.356l.367-.966a.312.312 0 0 0-.126-.397l-.399-.23a.312.312 0 0 0-.406.086l-.65.814a.28.28 0 0 1-.332.097s-.218-.09-.383-.145a.312.312 0 0 1-.213-.3l.015-1.034a.315.315 0 0 0-.257-.329l-.453-.078a.315.315 0 0 0-.356.22l-.336.978a.312.312 0 0 1-.304.211h-.383a.315.315 0 0 1-.304-.211l-.336-.978a.315.315 0 0 0-.355-.22l-.453.078a.315.315 0 0 0-.258.33l.016 1.033a.312.312 0 0 1-.215.3c-.09.036-.285.11-.379.146-.109.039-.238.007-.343-.114l-.645-.795a.313.313 0 0 0-.406-.084l-.399.23a.31.31 0 0 0-.129.395l.368.967a.315.315 0 0 1-.098.355c-.098.079-.195.16-.29.243a.312.312 0 0 1-.366.035l-.873-.54a.312.312 0 0 0-.41.059l-.293.351a.313.313 0 0 0 .012.415l.675.78a.312.312 0 0 1 .027.371 3.948 3.948 0 0 0-.187.329.317.317 0 0 1-.336.16l-1.011-.195a.312.312 0 0 0-.367.195l-.156.43a.314.314 0 0 0 .152.387l.9.501a.31.31 0 0 1 .153.337c-.023.125-.047.247-.066.372a.316.316 0 0 1-.258.266l-1.019.164a.316.316 0 0 0-.277.31v.457a.307.307 0 0 0 .277.31l1.019.164a.312.312 0 0 1 .258.266c.02.125.039.25.066.372a.315.315 0 0 1-.152.336l-.902.502a.314.314 0 0 0-.153.387l.157.43a.31.31 0 0 0 .367.195l1.011-.195a.313.313 0 0 1 .336.16c.058.11.12.22.187.33a.319.319 0 0 1-.027.371l-.676.78a.313.313 0 0 0-.011.415l.292.351a.308.308 0 0 0 .41.06l.887-.533a.313.313 0 0 1 .367.035c.093.082.191.164.289.243a.313.313 0 0 1 .097.356l-.367.966a.312.312 0 0 0 .13.396l.398.23a.313.313 0 0 0 .405-.086l.656-.806c.082-.101.215-.144.32-.101.133.054.223.085.387.14a.313.313 0 0 1 .215.302l-.016 1.033a.315.315 0 0 0 .258.329l.453.078a.316.316 0 0 0 .355-.22l.336-.976a.313.313 0 0 1 .304-.211h.383a.315.315 0 0 1 .304.211l.336.977a.316.316 0 0 0 .356.219l.453-.078a.315.315 0 0 0 .257-.33l-.015-1.032a.312.312 0 0 1 .214-.302c.164-.055.274-.098.375-.137.102-.039.227-.039.325.082l.663.818a.312.312 0 0 0 .408.086l.398-.231a.31.31 0 0 0 .13-.396l-.368-.966a.315.315 0 0 1 .098-.357c.097-.078.195-.16.289-.242a.312.312 0 0 1 .367-.035l.883.534a.312.312 0 0 0 .41-.06l.293-.35a.312.312 0 0 0-.012-.416l-.676-.779a.312.312 0 0 1-.027-.372c.066-.105.129-.214.188-.328a.318.318 0 0 1 .335-.16l1.012.195a.312.312 0 0 0 .367-.196l.156-.43a.315.315 0 0 0-.152-.387l-.902-.5a.31.31 0 0 1-.153-.337c.024-.125.047-.247.067-.372a.315.315 0 0 1 .257-.266l1.02-.164a.316.316 0 0 0 .277-.31v-.458a.323.323 0 0 0-.284-.302ZM10 4.375A5.618 5.618 0 0 1 15.446 8.6a.626.626 0 0 1-.606.776h-4.111a.625.625 0 0 1-.544-.316L8.15 5.477a.625.625 0 0 1 .385-.914 5.74 5.74 0 0 1 1.467-.188ZM4.377 10A5.625 5.625 0 0 1 6.08 5.96a.625.625 0 0 1 .983.136l2.04 3.592a.625.625 0 0 1 0 .62L7.048 13.89a.625.625 0 0 1-.983.13A5.624 5.624 0 0 1 4.376 10ZM10 15.625a5.744 5.744 0 0 1-1.492-.193.626.626 0 0 1-.381-.916l2.054-3.576a.625.625 0 0 1 .542-.313h4.117a.625.625 0 0 1 .606.777A5.62 5.62 0 0 1 10 15.625Z",fill:"currentColor"})))}},"./src/react-components/icons/TextDocument.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgTextDocument});var _path,_path2,_path3,_path4,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgTextDocument=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M16.25 8.643v7.608a1.875 1.875 0 0 1-1.875 1.875h-8.75A1.875 1.875 0 0 1 3.75 16.25V3.75a1.875 1.875 0 0 1 1.875-1.875h3.857c.332 0 .65.131.884.366l5.518 5.518c.234.234.366.552.366.883Z",stroke:"currentColor",strokeWidth:1.5,strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 2.188v4.688a1.25 1.25 0 0 0 1.25 1.25h4.688",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M6.875 11.25h6.25",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M6.875 14.376h6.25",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/MoreMenuPopover.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".MoreMenuPopover__more-menu-popover__isNqe{min-width:240px;padding-top:16px}@media(min-width: 992px){.MoreMenuPopover__more-menu-popover__isNqe{padding-top:0px}}.MoreMenuPopover__more-menu-group-label__jynY8{margin-left:16px;font-size:10px;font-weight:700;color:var(--text3-color)}.MoreMenuPopover__more-menu-item-list__Py2Fs{padding-top:4px;padding-bottom:16px}.MoreMenuPopover__more-menu-item-target__AobaZ{display:flex;align-items:center;width:100%;height:40px;padding:0 16px;color:var(--text1-color);font-size:12px;font-weight:500}.MoreMenuPopover__more-menu-item-target__AobaZ>*{margin-right:16px}.MoreMenuPopover__more-menu-item-target__AobaZ>*:last-child{margin-right:0}.MoreMenuPopover__more-menu-item-target__AobaZ svg{color:var(--text1-color)}@media(min-width: 992px)and (min-height: 600px){.MoreMenuPopover__more-menu-item-target__AobaZ{width:calc(100% + 2px)}.MoreMenuPopover__more-menu-item-target__AobaZ:hover,.MoreMenuPopover__more-menu-item-target__AobaZ:active,body.keyboard-user .MoreMenuPopover__more-menu-item-target__AobaZ:focus{margin-left:-1px;margin-right:-1px;padding-left:17px;padding-right:17px}}.MoreMenuPopover__more-menu-item-target__AobaZ:hover,.MoreMenuPopover__more-menu-item-target__AobaZ:active,body.keyboard-user .MoreMenuPopover__more-menu-item-target__AobaZ:focus{color:var(--active-text-color);font-weight:700}.MoreMenuPopover__more-menu-item-target__AobaZ:hover svg,.MoreMenuPopover__more-menu-item-target__AobaZ:active svg,body.keyboard-user .MoreMenuPopover__more-menu-item-target__AobaZ:focus svg{color:var(--active-text-color)}.MoreMenuPopover__more-menu-item-target__AobaZ:hover,body.keyboard-user .MoreMenuPopover__more-menu-item-target__AobaZ:focus{background-color:var(--active-color-hover)}.MoreMenuPopover__more-menu-item-target__AobaZ:active{background-color:var(--active-color-pressed)}body.keyboard-user .MoreMenuPopover__more-menu-item-target__AobaZ:focus{box-shadow:inset 0 0 0 3px var(--outline-color)}button.MoreMenuPopover__more-menu-item-target__AobaZ{background:rgba(0,0,0,0);border:none}.MoreMenuPopover__compact-button__n0DoJ{pointer-events:auto;position:absolute;top:8px;left:8px;width:48px;height:48px;border-radius:48px;color:var(--button-text-color);background-color:var(--button-bg-color);border:1px solid var(--button-border-color);display:flex;justify-content:center;align-items:center}.MoreMenuPopover__compact-button__n0DoJ:hover{background-color:var(--button-bg-color-hover)}.MoreMenuPopover__compact-button__n0DoJ:active{background-color:var(--button-bg-color-pressed)}.MoreMenuPopover__compact-button__n0DoJ svg{color:var(--text1-color)}@media(min-width: 992px){.MoreMenuPopover__compact-button__n0DoJ{display:none}}","",{version:3,sources:["webpack://./src/react-components/room/MoreMenuPopover.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,2CACE,eAAA,CACA,gBAAA,CAEA,yBAJF,2CAKI,eAAA,CAAA,CAIJ,+CACE,gBAAA,CACA,cCHa,CDIb,eCKiB,CDJjB,wBC4FY,CDzFd,6CACE,eAAA,CACA,mBAAA,CAGF,+CACE,YAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,wBCwEY,CDvEZ,cCnBa,CDoBb,eCbmB,CDenB,iDACE,iBAAA,CAEA,4DACE,cAAA,CAIJ,mDACE,wBC2DU,CDvDZ,gDAvBF,+CAwBI,sBAAA,CAEA,mLACE,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,kBAAA,CAAA,CAIJ,mLACE,8BCsJgB,CDrJhB,eCxCe,CD0Cf,+LACE,8BCkJc,CD9IlB,6HACE,0CC+IiB,CD5InB,sDACE,4CC4ImB,CDzIrB,wEACE,+CAAA,CAIJ,qDACE,wBAAA,CACA,WAAA,CAGF,wCACE,mBAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,8BC8GkB,CD7GlB,uCC+GgB,CD9GhB,2CAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,8CACE,6CCyGoB,CDtGtB,+CACE,+CCsGsB,CDnGxB,4CACE,wBCPU,CDUZ,yBA3BF,wCA4BI,YAAA,CAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.more-menu-popover) {\n  min-width: 240px;\n  padding-top: 16px;\n\n  @media(min-width: theme.$breakpoint-lg) {\n    padding-top: 0px;\n  }\n}\n\n:local(.more-menu-group-label) {\n  margin-left: 16px;\n  font-size: theme.$font-size-xs;\n  font-weight: theme.$font-weight-bold;\n  color: theme.$text3-color;\n}\n\n:local(.more-menu-item-list) {\n  padding-top: 4px;\n  padding-bottom: 16px;\n}\n\n:local(.more-menu-item-target) {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 40px;\n  padding: 0 16px;\n  color: theme.$text1-color;\n  font-size: theme.$font-size-sm;\n  font-weight: theme.$font-weight-medium;\n\n  & > * {\n    margin-right: 16px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n\n  svg {\n    color: theme.$text1-color;\n  }\n\n  // Hack to make hover styles overlap popover border and look correct.\n  @media(min-width: theme.$breakpoint-lg) and (min-height: theme.$breakpoint-vr) {\n    width: calc(100% + 2px);\n\n    &:hover, &:active, :global(body.keyboard-user) &:focus {\n      margin-left: -1px;\n      margin-right: -1px;\n      padding-left: 17px;\n      padding-right: 17px;\n    }\n  }\n\n  &:hover, &:active, :global(body.keyboard-user) &:focus {\n    color: theme.$active-text-color;\n    font-weight: theme.$font-weight-bold;\n\n    svg {\n      color: theme.$active-text-color;\n    }\n  }\n\n  &:hover, :global(body.keyboard-user) &:focus {\n    background-color: theme.$active-color-hover;\n  }\n\n  &:active {\n    background-color: theme.$active-color-pressed;\n  }\n\n  :global(body.keyboard-user) &:focus {\n    box-shadow: inset 0 0 0 3px theme.$outline-color;\n  }\n}\n\nbutton:local(.more-menu-item-target) {\n  background: transparent;\n  border: none; \n}\n\n:local(.compact-button) {\n  pointer-events: auto;\n  position: absolute;\n  top: 8px;\n  left: 8px;\n  width: 48px;\n  height: 48px;\n  border-radius: 48px;\n  color: theme.$button-text-color;\n  background-color: theme.$button-bg-color;\n  border: 1px solid theme.$button-border-color;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:hover {\n    background-color: theme.$button-bg-color-hover;\n  }\n\n  &:active {\n    background-color: theme.$button-bg-color-pressed;\n  }\n\n  svg {\n    color: theme.$text1-color;\n  }\n\n  @media(min-width: theme.$breakpoint-lg) {\n    display: none;\n  }\n}\n',"//  Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n  PRIMARY INTERACTION\n  **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n  SECONDARY INTERACTION\n  **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n  SEMANTIC\n  **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n  TEXT\n  **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n  BORDER\n  **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n  NEUTRALS\n  **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n  STATUS\n  **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n  BACKGROUNDS\n  **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n  MENU\n  **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"more-menu-popover":"MoreMenuPopover__more-menu-popover__isNqe",moreMenuPopover:"MoreMenuPopover__more-menu-popover__isNqe","more-menu-group-label":"MoreMenuPopover__more-menu-group-label__jynY8",moreMenuGroupLabel:"MoreMenuPopover__more-menu-group-label__jynY8","more-menu-item-list":"MoreMenuPopover__more-menu-item-list__Py2Fs",moreMenuItemList:"MoreMenuPopover__more-menu-item-list__Py2Fs","more-menu-item-target":"MoreMenuPopover__more-menu-item-target__AobaZ",moreMenuItemTarget:"MoreMenuPopover__more-menu-item-target__AobaZ","compact-button":"MoreMenuPopover__compact-button__n0DoJ",compactButton:"MoreMenuPopover__compact-button__n0DoJ"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-intl/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Em:()=>defineMessage,vU:()=>defineMessages});var DisplayName,DisplayNameParts,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),react=__webpack_require__("./node_modules/react/index.js"),components_useIntl=__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js");!function(DisplayName){DisplayName.formatDate="FormattedDate",DisplayName.formatTime="FormattedTime",DisplayName.formatNumber="FormattedNumber",DisplayName.formatList="FormattedList",DisplayName.formatDisplayName="FormattedDisplayName"}(DisplayName||(DisplayName={})),function(DisplayNameParts){DisplayNameParts.formatDate="FormattedDateParts",DisplayNameParts.formatTime="FormattedTimeParts",DisplayNameParts.formatNumber="FormattedNumberParts",DisplayNameParts.formatList="FormattedListParts"}(DisplayNameParts||(DisplayNameParts={}));var FormattedNumberParts=function(props){var intl=(0,components_useIntl.Z)(),value=props.value,children=props.children,formatProps=(0,tslib_es6.__rest)(props,["value","children"]);return children(intl.formatNumberToParts(value,formatProps))};FormattedNumberParts.displayName="FormattedNumberParts";function createFormattedDateTimePartsComponent(name){var ComponentParts=function(props){var intl=(0,components_useIntl.Z)(),value=props.value,children=props.children,formatProps=(0,tslib_es6.__rest)(props,["value","children"]),date="string"==typeof value?new Date(value||0):value;return children("formatDate"===name?intl.formatDateToParts(date,formatProps):intl.formatTimeToParts(date,formatProps))};return ComponentParts.displayName=DisplayNameParts[name],ComponentParts}function createFormattedComponent(name){var Component=function(props){var intl=(0,components_useIntl.Z)(),value=props.value,children=props.children,formatProps=(0,tslib_es6.__rest)(props,["value","children"]),formattedValue=intl[name](value,formatProps);if("function"==typeof children)return children(formattedValue);var Text=intl.textComponent||react.Fragment;return react.createElement(Text,null,formattedValue)};return Component.displayName=DisplayName[name],Component}function defineMessages(msgs){return msgs}function defineMessage(msg){return msg}FormattedNumberParts.displayName="FormattedNumberParts";createFormattedComponent("formatDate"),createFormattedComponent("formatTime"),createFormattedComponent("formatNumber"),createFormattedComponent("formatList"),createFormattedComponent("formatDisplayName"),createFormattedDateTimePartsComponent("formatDate"),createFormattedDateTimePartsComponent("formatTime")},"./node_modules/react-intl/lib/src/components/useIntl.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>useIntl});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_injectIntl__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-intl/lib/src/components/injectIntl.js"),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-intl/lib/src/utils.js");function useIntl(){var intl=react__WEBPACK_IMPORTED_MODULE_0__.useContext(_injectIntl__WEBPACK_IMPORTED_MODULE_1__._y);return(0,_utils__WEBPACK_IMPORTED_MODULE_2__.lq)(intl),intl}}}]);