hubs/5588.db08b4a5.iframe.bundle.js

/*! For license information please see 5588.db08b4a5.iframe.bundle.js.LICENSE.txt */
(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[5588],{"./src/react-components/input/CopyableTextInputField.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>CopyableTextInputField_CopyableTextInputField});__webpack_require__("./node_modules/react/index.js");var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),dist=__webpack_require__("./node_modules/use-clipboard-copy/dist/index.js"),TextInputField=__webpack_require__("./src/react-components/input/TextInputField.js"),Button=__webpack_require__("./src/react-components/input/Button.js"),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),CopyableTextInputField=__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/input/CopyableTextInputField.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()(CopyableTextInputField.Z,options);const input_CopyableTextInputField=CopyableTextInputField.Z&&CopyableTextInputField.Z.locals?CopyableTextInputField.Z.locals:void 0;var 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=["buttonPreset"];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 _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 _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}const copyLabelMessage=(0,lib.Em)({id:"copyable-text-input-field.copy-label",defaultMessage:"Copy"}),copiedLabelMessage=(0,lib.Em)({id:"copyable-text-input-field.copied-label",defaultMessage:"Copied"});function CopyableTextInputField_CopyableTextInputField(_ref){let{buttonPreset}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const clipboard=(0,dist.useClipboard)({copiedTimeout:600}),intl=(0,useIntl.Z)(),copyLabel=intl.formatMessage(copyLabelMessage),copiedLabel=intl.formatMessage(copiedLabelMessage),maxLabelLength=Math.max(copyLabel.length,copiedLabel.length);return(0,jsx_runtime.jsx)(TextInputField.Y,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}({ref:clipboard.target,afterInput:clipboard.isSupported()?(0,jsx_runtime.jsx)(Button.zx,{preset:buttonPreset,onClick:clipboard.copy,className:input_CopyableTextInputField.copyButton,style:{width:`${maxLabelLength}ch`},children:clipboard.copied?copiedLabel:copyLabel}):void 0},rest))}CopyableTextInputField_CopyableTextInputField.displayName="CopyableTextInputField",CopyableTextInputField_CopyableTextInputField.propTypes={buttonPreset:prop_types_default().string},CopyableTextInputField_CopyableTextInputField.__docgenInfo={description:"",methods:[],displayName:"CopyableTextInputField",props:{buttonPreset:{description:"",type:{name:"string"},required:!1}}}},"./src/react-components/room/InviteLinkInputField.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>InviteLinkInputField});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/react-components/room/RoomSettingsSidebar.scss"),_input_IconButton__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/react-components/input/IconButton.js"),react_intl__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js"),react_intl__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-intl/lib/src/components/message.js"),_input_CopyableTextInputField__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/react-components/input/CopyableTextInputField.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");function InviteLinkInputField(_ref){let{fetchingInvite,inviteUrl,onRevokeInvite}=_ref;const intl=(0,react_intl__WEBPACK_IMPORTED_MODULE_5__.Z)(),[showRevokeConfirmation,setShowRevokeConfirmation]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),revokeInvite=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setShowRevokeConfirmation(!0)}),[]),cancelConfirmRevokeInvite=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setShowRevokeConfirmation(!1)}),[]),confirmRevokeInvite=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{onRevokeInvite(),setShowRevokeConfirmation(!1)}),[onRevokeInvite]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_input_CopyableTextInputField__WEBPACK_IMPORTED_MODULE_3__.J,{label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"invite-link-input-field.label",defaultMessage:"Invite link"}),disabled:fetchingInvite,value:fetchingInvite?intl.formatMessage({id:"invite-link-input-field.generating-invite",defaultMessage:"Generating invite..."}):inviteUrl,buttonPreset:"primary",description:!fetchingInvite&&(showRevokeConfirmation?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"invite-link-input-field.revoke-confirm",defaultMessage:"are you sure?"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_input_IconButton__WEBPACK_IMPORTED_MODULE_2__.h,{className:_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_1__.Z.confirmRevokeButton,onClick:confirmRevokeInvite,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"invite-link-input-field.revoke-confirm-yes",defaultMessage:"yes"})})," ","/"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_input_IconButton__WEBPACK_IMPORTED_MODULE_2__.h,{className:_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_1__.Z.confirmRevokeButton,onClick:cancelConfirmRevokeInvite,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"invite-link-input-field.revoke-confirm-no",defaultMessage:"no"})})]}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_input_IconButton__WEBPACK_IMPORTED_MODULE_2__.h,{className:_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_1__.Z.confirmRevokeButton,onClick:revokeInvite,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_6__.Z,{id:"invite-link-input-field.revoke",defaultMessage:"revoke"})})),fullWidth:!0})}InviteLinkInputField.displayName="InviteLinkInputField",InviteLinkInputField.propTypes={fetchingInvite:prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,inviteUrl:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,onRevokeInvite:prop_types__WEBPACK_IMPORTED_MODULE_7___default().func.isRequired},InviteLinkInputField.__docgenInfo={description:"",methods:[],displayName:"InviteLinkInputField",props:{fetchingInvite:{description:"",type:{name:"bool"},required:!1},inviteUrl:{description:"",type:{name:"string"},required:!1},onRevokeInvite:{description:"",type:{name:"func"},required:!0}}}},"./src/utils/share.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{BN:()=>share,OP:()=>shareInviteUrl,WK:()=>canShare});var _configs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/utils/configs.js"),react_intl__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@formatjs/intl/lib/src/utils.js"),react_intl__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-intl/lib/src/components/provider.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function canShare(){return"function"==typeof navigator.share}function share(opts){if(canShare())return navigator.share(opts);{const{title,url}=opts,width=550,height=420,left=(screen.width-width)/2,params=`scrollbars=no,menubar=no,toolbar=no,status=no,width=${width},height=${height},top=${(screen.height-height)/2},left=${left}`,tweetLink=`https://twitter.com/intent/tweet?url=${encodeURIComponent(url)}&text=${encodeURIComponent(title)}`;return window.open(tweetLink,"_blank",params),Promise.resolve()}}function shareInviteUrl(_x,_x2){return _shareInviteUrl.apply(this,arguments)}function _shareInviteUrl(){return _shareInviteUrl=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}((function(intl,url,values,inEnglish,event){return void 0===values&&(values={}),void 0===inEnglish&&(inEnglish=!1),function*(){try{var _event$preventDefault,_event$stopPropagatio;if(null==event||null===(_event$preventDefault=event.preventDefault)||void 0===_event$preventDefault||_event$preventDefault.call(event),null==event||null===(_event$stopPropagatio=event.stopPropagation)||void 0===_event$stopPropagatio||_event$stopPropagatio.call(event),inEnglish){const cache=(0,react_intl__WEBPACK_IMPORTED_MODULE_1__.Sn)();intl=(0,react_intl__WEBPACK_IMPORTED_MODULE_2__.d)({locale:"en",messages:{}},cache)}const title=intl.formatMessage({id:"invite-popover.share-title",defaultMessage:"You're invited to join room “{roomName}” on {appName}"},values),data={title,text:intl.formatMessage({id:"invite-popover.what-this-is",defaultMessage:"{appName} is an immersive 3D space you can access on any device."},values)+" "+_configs__WEBPACK_IMPORTED_MODULE_0__.Z.translation("app-description"),url};return console.info("attempting to share:",data),yield share(data),!0}catch(error){return console.error("unable to share:",error),!1}}()})),_shareInviteUrl.apply(this,arguments)}},"./src/react-components/icons/Share.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgShare});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 SvgShare=_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.545 4H2.555C1.863 4 1.3 4.562 1.3 5.255v8.114c0 .694.562 1.256 1.256 1.256h14.989c.693 0 1.255-.562 1.255-1.255V5.255C18.8 4.562 18.238 4 17.545 4Z",stroke:"currentColor",strokeWidth:1.5,strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M5.05 16.502h10",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M12.697 9.325 10.123 6.75 7.55 9.325",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10.123 11.415V6.752",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./node_modules/clipboard-copy/index.js":module=>{module.exports=function clipboardCopy(text){if(navigator.clipboard)return navigator.clipboard.writeText(text).catch((function(err){throw void 0!==err?err:new DOMException("The request is not allowed","NotAllowedError")}));var span=document.createElement("span");span.textContent=text,span.style.whiteSpace="pre",span.style.webkitUserSelect="auto",span.style.userSelect="all",document.body.appendChild(span);var selection=window.getSelection(),range=window.document.createRange();selection.removeAllRanges(),range.selectNode(span),selection.addRange(range);var success=!1;try{success=window.document.execCommand("copy")}catch(err){console.log("error",err)}return selection.removeAllRanges(),window.document.body.removeChild(span),success?Promise.resolve():Promise.reject(new DOMException("The request is not allowed","NotAllowedError"))}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/input/CopyableTextInputField.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,".CopyableTextInputField__copy-button__KHz3G{box-sizing:content-box}","",{version:3,sources:["webpack://./src/react-components/input/CopyableTextInputField.scss"],names:[],mappings:"AAEA,4CAEE,sBAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.copy-button) {\n  // Use content box so we can dynamically adjust the content size separately from the padding/margin\n  box-sizing: content-box;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"copy-button":"CopyableTextInputField__copy-button__KHz3G",copyButton:"CopyableTextInputField__copy-button__KHz3G"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/RoomSettingsSidebar.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,".RoomSettingsSidebar__room-permissions__AoDPm,.RoomSettingsSidebar__permissions-group__u2KNv{margin-left:20px}.RoomSettingsSidebar__room-permissions__AoDPm>*,.RoomSettingsSidebar__permissions-group__u2KNv>*{margin-top:12px}.RoomSettingsSidebar__room-permissions__AoDPm:last-child,.RoomSettingsSidebar__permissions-group__u2KNv:last-child{margin-right:0px}.RoomSettingsSidebar__confirm-revoke-button__i2XAf{display:inline;color:var(--link-color)}","",{version:3,sources:["webpack://./src/react-components/room/RoomSettingsSidebar.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,6FACE,gBAAA,CAEA,iGACE,eAAA,CAGF,mHACE,gBAAA,CAIJ,mDACE,cAAA,CACA,uBCsGW",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.room-permissions), :local(.permissions-group) {\n  margin-left: 20px;\n\n  & > * {\n    margin-top: 12px;\n  }\n\n  &:last-child {\n    margin-right: 0px;\n  }\n}\n\n:local(.confirm-revoke-button) {\n  display: inline;\n  color: theme.$link-color;\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={"room-permissions":"RoomSettingsSidebar__room-permissions__AoDPm",roomPermissions:"RoomSettingsSidebar__room-permissions__AoDPm","permissions-group":"RoomSettingsSidebar__permissions-group__u2KNv",permissionsGroup:"RoomSettingsSidebar__permissions-group__u2KNv","confirm-revoke-button":"RoomSettingsSidebar__confirm-revoke-button__i2XAf",confirmRevokeButton:"RoomSettingsSidebar__confirm-revoke-button__i2XAf"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/react-components/room/RoomSettingsSidebar.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_6__=__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/RoomSettingsSidebar.scss"),options={};options.styleTagTransform=_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default(),options.setAttributes=_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default(),options.insert=_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null,"head"),options.domAPI=_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default(),options.insertStyleElement=_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default();_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_6__.Z,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_6__.Z&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_RoomSettingsSidebar_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals:void 0},"./node_modules/use-clipboard-copy/dist/index.js":function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClipboard=void 0;var clipboard_copy_1=__importDefault(__webpack_require__("./node_modules/clipboard-copy/index.js")),react_1=__webpack_require__("./node_modules/react/index.js"),useTimedToggle_1=__webpack_require__("./node_modules/use-clipboard-copy/dist/useTimedToggle.js");function isInputLike(node){return node&&("TEXTAREA"===node.nodeName||"INPUT"===node.nodeName)}exports.useClipboard=function useClipboard(options){void 0===options&&(options={});var _a=useTimedToggle_1.useTimedToggle(!1),copied=_a[0],toggleCopied=_a[1],targetRef=react_1.useRef(null),optionsRef=react_1.useRef(options);return optionsRef.current=options,{copied,copy:react_1.useCallback((function(text){var opts=optionsRef.current,target=targetRef.current;function handleSuccess(){opts.onSuccess&&opts.onSuccess(),opts.copiedTimeout&&toggleCopied(opts.copiedTimeout),opts.selectOnCopy&&isInputLike(target)&&target.select()}function handleError(){opts.onError&&opts.onError(),!1!==opts.selectOnError&&isInputLike(target)&&target.select()}function copy(value){clipboard_copy_1.default(value).then(handleSuccess).catch(handleError)}"string"==typeof text?copy(text):target&&copy(target.value)}),[]),isSupported:function isSupported(){return!!navigator.clipboard||"function"==typeof document.execCommand&&"function"==typeof document.queryCommandSupported&&document.queryCommandSupported("copy")},target:targetRef}}},"./node_modules/use-clipboard-copy/dist/useTimedToggle.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTimedToggle=void 0;var react_1=__webpack_require__("./node_modules/react/index.js");exports.useTimedToggle=function useTimedToggle(initialValue){var _a=react_1.useState(!1),value=_a[0],setValue=_a[1],timeoutRef=react_1.useRef(),initialValueRef=react_1.useRef(initialValue);return react_1.useEffect((function(){return function(){return clearTimeout(timeoutRef.current)}}),[]),[value,function(timeout){clearTimeout(timeoutRef.current),setValue(!initialValueRef.current),timeoutRef.current=window.setTimeout((function(){return setValue(initialValueRef.current)}),timeout)}]}}}]);