{children}
\r\n {(name || description) && (\r\n \r\n {name}\r\n {description && {description}}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nBaseTile.propTypes = {\r\n as: PropTypes.elementType,\r\n className: PropTypes.string,\r\n name: PropTypes.string,\r\n description: PropTypes.node,\r\n children: PropTypes.node,\r\n tall: PropTypes.bool,\r\n wide: PropTypes.bool\r\n};\r\n\r\nBaseTile.defaultProps = {\r\n as: \"div\"\r\n};\r\n\r\nfunction TileAction({ className, children, ...rest }) {\r\n return (\r\n \r\n );\r\n}\r\n\r\nTileAction.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\nexport function CreateTile({ label, type, ...rest }) {\r\n return (\r\n \r\n
\r\n {label}
\r\n\r\n
\r\n )}\r\n \r\n {/*APTERO entry.type === \"avatar\" && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nMediaTile.propTypes = {\r\n entry: PropTypes.object.isRequired,\r\n processThumbnailUrl: PropTypes.func,\r\n onClick: PropTypes.func,\r\n onEdit: PropTypes.func,\r\n onShowSimilar: PropTypes.func,\r\n onCopy: PropTypes.func,\r\n onInfo: PropTypes.func\r\n};\r\n","import { hasReticulumServer } from \"./phoenix-utils\";\r\nimport configs from \"./configs\";\r\n\r\nconst nonCorsProxyDomains = (configs.NON_CORS_PROXY_DOMAINS || \"\").split(\",\");\r\nif (configs.CORS_PROXY_SERVER) {\r\n nonCorsProxyDomains.push(configs.CORS_PROXY_SERVER.split(\":\")[0]);\r\n}\r\nnonCorsProxyDomains.push(document.location.hostname);\r\n\r\nconst commonKnownContentTypes = {\r\n gltf: \"model/gltf\",\r\n glb: \"model/gltf-binary\",\r\n png: \"image/png\",\r\n jpg: \"image/jpeg\",\r\n jpeg: \"image/jpeg\",\r\n pdf: \"application/pdf\",\r\n mp4: \"video/mp4\",\r\n mp3: \"audio/mpeg\",\r\n basis: \"image/basis\",\r\n ktx2: \"image/ktx2\",\r\n m3u8: \"application/vnd.apple.mpegurl\",\r\n mpd: \"application/dash+xml\"\r\n};\r\n\r\n// thanks to https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding\r\nfunction b64EncodeUnicode(str) {\r\n // first we use encodeURIComponent to get percent-encoded UTF-8, then we convert the percent-encodings\r\n // into raw bytes which can be fed into btoa.\r\n const CHAR_RE = /%([0-9A-F]{2})/g;\r\n return btoa(encodeURIComponent(str).replace(CHAR_RE, (_, p1) => String.fromCharCode(\"0x\" + p1)));\r\n}\r\n\r\nconst farsparkEncodeUrl = url => {\r\n // farspark doesn't know how to read '=' base64 padding characters\r\n // translate base64 + to - and / to _ for URL safety\r\n return b64EncodeUnicode(url).replace(/=+$/g, \"\").replace(/\\+/g, \"-\").replace(/\\//g, \"_\");\r\n};\r\n\r\nexport const scaledThumbnailUrlFor = (url, width, height) => {\r\n let extension = \"\";\r\n try {\r\n const pathParts = new URL(url).pathname.split(\".\");\r\n\r\n if (pathParts.length > 1) {\r\n const extensionCandidate = pathParts.pop();\r\n if (commonKnownContentTypes[extensionCandidate]) {\r\n extension = `.${extensionCandidate}`;\r\n }\r\n }\r\n } catch (e) {\r\n extension = \".png\";\r\n }\r\n\r\n // HACK: the extension is needed to ensure CDN caching on Cloudflare\r\n /*const thumbnailUrl = `https://${configs.THUMBNAIL_SERVER}/thumbnail/${farsparkEncodeUrl(\r\n url\r\n )}${extension}?w=${width}&h=${height}`;*/\r\n const thumbnailUrl = url;//TODO APTERO - no thumbnail server for now\r\n\r\n try {\r\n const urlHostname = new URL(url).hostname;\r\n\r\n if (hasReticulumServer()) {\r\n const retHostname = new URL(`https://${configs.RETICULUM_SERVER}`).hostname;\r\n if (retHostname === urlHostname) return url;\r\n }\r\n } catch (e) {\r\n return thumbnailUrl;\r\n }\r\n\r\n return thumbnailUrl;\r\n};\r\n\r\nexport const isNonCorsProxyDomain = hostname => {\r\n return nonCorsProxyDomains.find(domain => hostname.endsWith(domain));\r\n};\r\n\r\nexport const proxiedUrlFor = url => {\r\n if (!(url.startsWith(\"http:\") || url.startsWith(\"https:\"))) return url;\r\n\r\n // Skip known domains that do not require CORS proxying.\r\n try {\r\n const parsedUrl = new URL(url);\r\n if (isNonCorsProxyDomain(parsedUrl.hostname)) return url;\r\n } catch (e) {\r\n // Ignore\r\n }\r\n\r\n return `https://${configs.CORS_PROXY_SERVER}/${url}`;\r\n};\r\n\r\nexport function getAbsoluteUrl(baseUrl, relativeUrl) {\r\n return new URL(relativeUrl, baseUrl);\r\n}\r\n\r\nexport function getAbsoluteHref(baseUrl, relativeUrl) {\r\n return getAbsoluteUrl(baseUrl, relativeUrl).href;\r\n}\r\n\r\n// Note these files are configured in webpack.config.js to be handled with file-loader, so this will be a string containing the file paths\r\nimport basisJsUrl from \"three/examples/js/libs/basis/basis_transcoder.js\";\r\nimport dracoWrapperJsUrl from \"three/examples/js/libs/draco/gltf/draco_wasm_wrapper.js\";\r\nimport basisWasmUrl from \"three/examples/js/libs/basis/basis_transcoder.wasm\";\r\nimport dracoWasmUrl from \"three/examples/js/libs/draco/gltf/draco_decoder.wasm\";\r\n\r\nexport const rewriteBasisTranscoderUrls = function (url) {\r\n if (url === \"basis_transcoder.js\") {\r\n return basisJsUrl;\r\n } else if (url === \"basis_transcoder.wasm\") {\r\n return basisWasmUrl;\r\n }\r\n return url;\r\n};\r\n\r\nexport const getCustomGLTFParserURLResolver = gltfUrl => url => {\r\n // Intercept loading of basis transcoder with content hashed urls\r\n if (url === \"basis_transcoder.js\") {\r\n return basisJsUrl;\r\n } else if (url === \"basis_transcoder.wasm\") {\r\n return basisWasmUrl;\r\n } else if (url === \"draco_wasm_wrapper.js\") {\r\n return dracoWrapperJsUrl;\r\n } else if (url === \"draco_decoder.wasm\") {\r\n return dracoWasmUrl;\r\n }\r\n\r\n if (typeof url !== \"string\" || url === \"\") return \"\";\r\n if (/^(https?:)?\\/\\//i.test(url)) return proxiedUrlFor(url);\r\n if (/^data:.*,.*$/i.test(url)) return url;\r\n if (/^blob:.*$/i.test(url)) return url;\r\n\r\n if (configs.CORS_PROXY_SERVER) {\r\n // For absolute paths with a CORS proxied gltf URL, re-write the url properly to be proxied\r\n const corsProxyPrefix = `https://${configs.CORS_PROXY_SERVER}/`;\r\n\r\n if (gltfUrl.startsWith(corsProxyPrefix)) {\r\n const originalUrl = decodeURIComponent(gltfUrl.substring(corsProxyPrefix.length));\r\n const originalUrlParts = originalUrl.split(\"/\");\r\n\r\n // Drop the .gltf filename\r\n const path = new URL(url).pathname;\r\n const assetUrl = originalUrlParts.slice(0, originalUrlParts.length - 1).join(\"/\") + \"/\" + path;\r\n return corsProxyPrefix + assetUrl;\r\n }\r\n }\r\n\r\n return url;\r\n};\r\n\r\nconst dataUrlRegex = /data:([a-zA-Z0-9]+\\/[a-zA-Z0-9-.+]+).*,.*/;\r\n\r\nexport const guessContentType = url => {\r\n if (!url) return;\r\n if (url.startsWith(\"hubs://\") && url.endsWith(\"/video\")) return \"video/vnd.hubs-webrtc\";\r\n if (url.startsWith(\"data:\")) {\r\n const matches = dataUrlRegex.exec(url);\r\n if (matches.length > 0) {\r\n matches[1];\r\n }\r\n }\r\n const extension = new URL(url, window.location).pathname.split(\".\").pop();\r\n return commonKnownContentTypes[extension];\r\n};\r\n\r\nconst originIsHubsServer = new Map();\r\nasync function isHubsServer(url) {\r\n if (!url) return false;\r\n if (!url.startsWith(\"http\")) {\r\n url = \"https://\" + url;\r\n }\r\n const { origin } = new URL(url);\r\n\r\n if (originIsHubsServer.has(origin)) {\r\n return originIsHubsServer.get(origin);\r\n }\r\n\r\n let isHubsServer;\r\n try {\r\n isHubsServer = (await fetch(proxiedUrlFor(origin), { method: \"HEAD\" })).headers.has(\"hub-name\");\r\n } catch (e) {\r\n isHubsServer = false;\r\n }\r\n originIsHubsServer.set(origin, isHubsServer);\r\n return isHubsServer;\r\n}\r\n\r\nconst hubsSceneRegex = /https?:\\/\\/[^/]+\\/scenes\\/[a-zA-Z0-9]{7}(?:\\/|$)/;\r\nconst hubsAvatarRegex = /https?:\\/\\/[^/]+\\/avatars\\/(?\r\n {isSignedIn ? (\r\n
\r\n {isHmc ? \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nMobileNav.propTypes = {\r\n showDocsLink: PropTypes.bool,\r\n docsUrl: PropTypes.string,\r\n showSourceLink: PropTypes.bool,\r\n showCommunityLink: PropTypes.bool,\r\n communityUrl: PropTypes.string,\r\n isAdmin: PropTypes.bool,\r\n isHmc: PropTypes.bool\r\n};\r\n","// extracted by mini-css-extract-plugin\nexport default {\"label\":\"InputField__label__gaP9K\",\"input-field\":\"InputField__input-field__L7dXt\",\"inputField\":\"InputField__input-field__L7dXt\",\"fullWidth\":\"InputField__fullWidth__BMV9Y\",\"error\":\"InputField__error__xVt9D\",\"info\":\"InputField__info__KHxQ_\"};","import React, { memo } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classNames from \"classnames\";\r\nimport styles from \"./InputField.scss\";\r\n\r\n/* eslint-disable-next-line react/display-name */\r\nexport const InputField = memo(\r\n ({ id, htmlFor, label, error, description, className, fullWidth, children, ...rest }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {label && (\r\n \r\n )}\r\n {children}\r\n {error ? (\r\n {error}\r\n ) : description ? (\r\n {description}\r\n ) : undefined}\r\n
\r\n );\r\n }\r\n);\r\n\r\nInputField.propTypes = {\r\n id: PropTypes.string,\r\n htmlFor: PropTypes.string,\r\n label: PropTypes.node,\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n error: PropTypes.node,\r\n description: PropTypes.node,\r\n fullWidth: PropTypes.bool\r\n};\r\n","import React, { forwardRef } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classNames from \"classnames\";\r\nimport styles from \"./RadioInput.scss\";\r\n\r\nexport function RadioInputContainer({ className, children, ...rest }) {\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nRadioInputContainer.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\n/* eslint-disable-next-line react/display-name */\r\nexport const RadioInputOption = forwardRef(({ label, description, className, labelClassName, ...rest }, ref) => (\r\n \r\n));\r\n\r\nRadioInputOption.propTypes = {\r\n className: PropTypes.string,\r\n label: PropTypes.node.isRequired,\r\n description: PropTypes.node,\r\n labelClassName: PropTypes.string\r\n};\r\n","// extracted by mini-css-extract-plugin\nexport default {\"radio-input\":\"RadioInput__radio-input__mNUNn\",\"radioInput\":\"RadioInput__radio-input__mNUNn\",\"option\":\"RadioInput__option__MLMdX\",\"input\":\"RadioInput__input__Ehhbt\",\"content\":\"RadioInput__content__gNy40\",\"label\":\"RadioInput__label__63PKv\",\"description\":\"RadioInput__description__NxZVE\"};","import React, { memo } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { InputField } from \"./InputField\";\r\nimport { RadioInputContainer, RadioInputOption as _RadioInputOption } from \"./RadioInput\";\r\n\r\n/* eslint-disable-next-line react/display-name */\r\nexport const RadioInputField = memo(\r\n ({ className, error, description, inputClassName, label, children, fullWidth, ...rest }) => {\r\n return (\r\n \n * \n *
\n * );\n * }\n * ```\n */\nfunction useController(props) {\n const methods = useFormContext();\n const { name, disabled, control = methods.control, shouldUnregister } = props;\n const isArrayField = isNameInFieldArray(control._names.array, name);\n const value = useWatch({\n control,\n name,\n defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),\n exact: true,\n });\n const formState = useFormState({\n control,\n name,\n });\n const _registerProps = React.useRef(control.register(name, {\n ...props.rules,\n value,\n ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),\n }));\n React.useEffect(() => {\n const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;\n const updateMounted = (name, value) => {\n const field = get(control._fields, name);\n if (field) {\n field._f.mount = value;\n }\n };\n updateMounted(name, true);\n if (_shouldUnregisterField) {\n const value = cloneObject(get(control._options.defaultValues, name));\n set(control._defaultValues, name, value);\n if (isUndefined(get(control._formValues, name))) {\n set(control._formValues, name, value);\n }\n }\n return () => {\n (isArrayField\n ? _shouldUnregisterField && !control._state.action\n : _shouldUnregisterField)\n ? control.unregister(name)\n : updateMounted(name, false);\n };\n }, [name, control, isArrayField, shouldUnregister]);\n React.useEffect(() => {\n if (get(control._fields, name)) {\n control._updateDisabledField({\n disabled,\n fields: control._fields,\n name,\n value: get(control._fields, name)._f.value,\n });\n }\n }, [disabled, name, control]);\n return {\n field: {\n name,\n value,\n ...(isBoolean(disabled) || formState.disabled\n ? { disabled: formState.disabled || disabled }\n : {}),\n onChange: React.useCallback((event) => _registerProps.current.onChange({\n target: {\n value: getEventValue(event),\n name: name,\n },\n type: EVENTS.CHANGE,\n }), [name]),\n onBlur: React.useCallback(() => _registerProps.current.onBlur({\n target: {\n value: get(control._formValues, name),\n name: name,\n },\n type: EVENTS.BLUR,\n }), [name, control]),\n ref: (elm) => {\n const field = get(control._fields, name);\n if (field && elm) {\n field._f.ref = {\n focus: () => elm.focus(),\n select: () => elm.select(),\n setCustomValidity: (message) => elm.setCustomValidity(message),\n reportValidity: () => elm.reportValidity(),\n };\n }\n },\n },\n formState,\n fieldState: Object.defineProperties({}, {\n invalid: {\n enumerable: true,\n get: () => !!get(formState.errors, name),\n },\n isDirty: {\n enumerable: true,\n get: () => !!get(formState.dirtyFields, name),\n },\n isTouched: {\n enumerable: true,\n get: () => !!get(formState.touchedFields, name),\n },\n isValidating: {\n enumerable: true,\n get: () => !!get(formState.validatingFields, name),\n },\n error: {\n enumerable: true,\n get: () => get(formState.errors, name),\n },\n }),\n };\n}\n\n/**\n * Component based on `useController` hook to work with controlled component.\n *\n * @remarks\n * [API](https://react-hook-form.com/docs/usecontroller/controller) • [Demo](https://codesandbox.io/s/react-hook-form-v6-controller-ts-jwyzw) • [Video](https://www.youtube.com/watch?v=N2UNk_UCVyA)\n *\n * @param props - the path name to the form field value, and validation rules.\n *\n * @returns provide field handler functions, field and form state.\n *\n * @example\n * ```tsx\n * function App() {\n * const { control } = useForm{fieldState.isTouched && \"Touched\"}
\n *{formState.isSubmitted ? \"submitted\" : \"\"}
\n *{beforeInput}
\r\n \r\n
\r\n \r\n {invalid &&
\r\n \r\n );\r\n }\r\n )\r\n);\r\n\r\nTextInput.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n disabled: PropTypes.bool,\r\n invalid: PropTypes.bool,\r\n className: PropTypes.string,\r\n onChange: PropTypes.func,\r\n beforeInput: PropTypes.node,\r\n afterInput: PropTypes.node,\r\n onFocus: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n textInputStyles: PropTypes.string,\r\n as: PropTypes.elementType\r\n};\r\n\r\nTextInput.defaultProps = {\r\n onChange: () => {},\r\n as: \"input\"\r\n};\r\n\r\nTextInput.displayName = \"TextInput\";\r\n","import { useState } from \"react\";\r\n\r\nconst idPrefix = \"id_\";\r\n\r\nlet nextId = 0;\r\n\r\n// Note: React 17 introduced the experimental unstable_useOpaqueIdentifier hook. We'll want to switch to this in the future.\r\nexport function useId() {\r\n const [id] = useState(() => idPrefix + nextId++);\r\n return id;\r\n}\r\n","import React, { forwardRef, memo } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { InputField } from \"./InputField\";\r\nimport { TextInput } from \"./TextInput\";\r\nimport { useId } from \"./useId\";\r\n\r\n/* eslint-disable-next-line react/display-name */\r\nexport const TextInputField = memo(\r\n forwardRef(({ className, error, description, inputClassName, label, fullWidth, ...rest }, ref) => {\r\n const id = useId();\r\n const labelId = useId();\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n /**\r\n * Error Message\r\n * @returns JSX\r\n */\r\n const Error = () => {\r\n return (\r\n \r\n \r\n
\r\n {\r\n setIsExpanded(false);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {\r\n setIsExpanded(false);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Banner;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./Page.scss\";\r\nimport { Header } from \"./Header\";\r\nimport { Footer } from \"./Footer\";\r\nimport { MobileNav } from \"./MobileNav\";\r\nimport Banner from \"../banner/Banner\";\r\n\r\nexport function Page({\r\n showCloud,\r\n enableSpoke,\r\n editorName,\r\n showDocsLink,\r\n docsUrl,\r\n showSourceLink,\r\n showCommunityLink,\r\n communityUrl,\r\n isAdmin,\r\n isSignedIn,\r\n email,\r\n onSignOut,\r\n hidePoweredBy,\r\n showWhatsNewLink,\r\n showTerms,\r\n termsUrl,\r\n showPrivacy,\r\n privacyUrl,\r\n showCompanyLogo,\r\n companyLogoUrl,\r\n showDiscordBotLink,\r\n appName,\r\n isHmc,\r\n children,\r\n ...rest\r\n}) {\r\n return (\r\n <>\r\n {isHmc ? \r\n {/* BRANDING */}\r\n {\r\n setIsExpanded(true);\r\n }}\r\n >\r\n
\r\n\r\n {/* EXPAND CONTAINER */}\r\n {isExpanded ? (\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n {\r\n setIsExpanded(false);\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n \r\n {/* MESSAGING */}\r\n
\r\n \r\n
\r\n\r\n {/* FORM */}\r\n \r\n \r\n
\r\n
\r\n {auth.isSignedIn ? (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n {configs.translation(\"app-description\")}
\r\n {/* APTERO canCreateRooms && \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n