{loadError ? '资料加载失败，请重试' : '加载中…'}
Visible for testing\n */\nconst MAX_VALUE_MILLIS = 4 * 60 * 60 * 1000; // Four hours, like iOS and Android.\n/**\n * The percentage of backoff time to randomize by.\n * See\n * http://go/safe-client-behavior#step-1-determine-the-appropriate-retry-interval-to-handle-spike-traffic\n * for context.\n *\n *
Visible for testing\n */\nconst RANDOM_FACTOR = 0.5;\n/**\n * Based on the backoff method from\n * https://github.com/google/closure-library/blob/master/closure/goog/math/exponentialbackoff.js.\n * Extracted here so we don't need to pass metadata and a stateful ExponentialBackoff object around.\n */\nfunction calculateBackoffMillis(backoffCount, intervalMillis = DEFAULT_INTERVAL_MILLIS, backoffFactor = DEFAULT_BACKOFF_FACTOR) {\n // Calculates an exponentially increasing value.\n // Deviation: calculates value from count and a constant interval, so we only need to save value\n // and count to restore state.\n const currBaseValue = intervalMillis * Math.pow(backoffFactor, backoffCount);\n // A random \"fuzz\" to avoid waves of retries.\n // Deviation: randomFactor is required.\n const randomWait = Math.round(\n // A fraction of the backoff value to add/subtract.\n // Deviation: changes multiplication order to improve readability.\n RANDOM_FACTOR *\n currBaseValue *\n // A random float (rounded to int by Math.round above) in the range [-1, 1]. Determines\n // if we add or subtract.\n (Math.random() - 0.5) *\n 2);\n // Limits backoff to max to avoid effectively permanent backoff.\n return Math.min(MAX_VALUE_MILLIS, currBaseValue + randomWait);\n}\n\n/**\n * @license\n * Copyright 2020 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Provide English ordinal letters after a number\n */\nfunction ordinal(i) {\n if (!Number.isFinite(i)) {\n return `${i}`;\n }\n return i + indicator(i);\n}\nfunction indicator(i) {\n i = Math.abs(i);\n const cent = i % 100;\n if (cent >= 10 && cent <= 20) {\n return 'th';\n }\n const dec = i % 10;\n if (dec === 1) {\n return 'st';\n }\n if (dec === 2) {\n return 'nd';\n }\n if (dec === 3) {\n return 'rd';\n }\n return 'th';\n}\n\n/**\n * @license\n * Copyright 2021 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nfunction getModularInstance(service) {\n if (service && service._delegate) {\n return service._delegate;\n }\n else {\n return service;\n }\n}\n\n/**\n * @license\n * Copyright 2025 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * Checks whether host is a cloud workstation or not.\n * @public\n */\nfunction isCloudWorkstation(url) {\n // `isCloudWorkstation` is called without protocol in certain connect*Emulator functions\n // In HTTP request builders, it's called with the protocol.\n // If called with protocol prefix, it's a valid URL, so we extract the hostname\n // If called without, we assume the string is the hostname.\n try {\n const host = url.startsWith('http://') || url.startsWith('https://')\n ? new URL(url).hostname\n : url;\n return host.endsWith('.cloudworkstations.dev');\n }\n catch {\n return false;\n }\n}\n/**\n * Makes a fetch request to the given server.\n * Mostly used for forwarding cookies in Firebase Studio.\n * @public\n */\nasync function pingServer(endpoint) {\n const result = await fetch(endpoint, {\n credentials: 'include'\n });\n return result.ok;\n}\n\n/**\n * @license\n * Copyright 2025 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/**\n * @public\n * Generates a SHA-256 hash for the given input string.\n *\n * @param input The string to hash.\n * @returns A promise that resolves to the SHA-256 hash as a hex string.\n */\nasync function generateSHA256Hash(input) {\n const textEncoder = new TextEncoder();\n const data = textEncoder.encode(input);\n const hashBuffer = await crypto.subtle.digest('SHA-256', data);\n // Convert ArrayBuffer to hex string\n const hashArray = Array.from(new Uint8Array(hashBuffer));\n const hexHash = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');\n return hexHash;\n}\n\nexport { CONSTANTS, DecodeBase64StringError, Deferred, ErrorFactory, FirebaseError, MAX_VALUE_MILLIS, RANDOM_FACTOR, Sha1, areCookiesEnabled, assert, assertionError, async, base64, base64Decode, base64Encode, base64urlEncodeWithoutPadding, calculateBackoffMillis, contains, createMockUserToken, createSubscribe, decode, deepCopy, deepEqual, deepExtend, errorPrefix, extractQuerystring, generateSHA256Hash, getDefaultAppConfig, getDefaultEmulatorHost, getDefaultEmulatorHostnameAndPort, getDefaults, getExperimentalSetting, getGlobal, getModularInstance, getUA, isAdmin, isBrowser, isBrowserExtension, isCloudWorkstation, isCloudflareWorker, isElectron, isEmpty, isIE, isIndexedDBAvailable, isMobileCordova, isNode, isNodeSdk, isReactNative, isSafari, isSafariOrWebkit, isUWP, isValidFormat, isValidTimestamp, isWebWorker, issuedAtTime, jsonEval, map, ordinal, pingServer, promiseWithTimeout, querystring, querystringDecode, safeGet, stringLength, stringToByteArray, stringify, validateArgCount, validateCallback, validateContextObject, validateIndexedDBOpenable, validateNamespace };\n//# sourceMappingURL=index.esm.js.map\n","import { PACKAGE_VERSION } from './version.js';\n\n// Version-independent name of this application, used for Firebase app name.\nexport const BASE_APP_NAME = 'TinodeWeb';\n// Name of this application, used in the User-Agent.\nexport const APP_NAME = BASE_APP_NAME + '/' + (PACKAGE_VERSION || '0.25');\n\n// API key. Use https://github.com/tinode/chat/tree/master/keygen to generate your own.\n// Injected at build time via webpack DefinePlugin from the TINODE_API_KEY env var\n// (see webpack.config.js and .env.local). Falls back to the public sample key when unset,\n// which only works against a backend still using the matching sample API_KEY_SALT.\nexport const API_KEY = process.env.TINODE_API_KEY || 'AQEAAAABAAD_rAp4DJh05a1HAwFT3A6K';\n\n// The array of possible hosts to connect to.\nexport const KNOWN_HOSTS = {hosted: 'web.tinode.co', local: 'localhost:6060'};\n\n// Default host name and port to connect to.\nexport const DEFAULT_HOST = KNOWN_HOSTS.hosted;\n\n// Enable console logging.\nexport const LOGGING_ENABLED = true;\n\n// Minimum time between two keypress notifications, milliseconds.\nexport const KEYPRESS_DELAY = 3_000;\n// Delay before sending a read notification, milliseconds.\nexport const READ_DELAY = 1_500;\n\n// The default shortest allowed tag length. Matches the value on the server.\nexport const MIN_TAG_LENGTH = 2;\n// The default greatest allowed tag length. Matches the value on the server.\nexport const MAX_TAG_LENGTH = 96;\n// The default maximum number of tags allowed. Matches the value on the server.\nexport const MAX_TAG_COUNT = 16;\n\n// Access mode for P2P subscriptions initiated by the current user.\nexport const DEFAULT_P2P_ACCESS_MODE = 'JRWPS';\n// Access mode for new group topics created by the current user.\nexport const NEW_GRP_ACCESS_MODE = 'JRWPSAO';\n// Access mode for a channel.\nexport const CHANNEL_ACCESS_MODE = 'JR';\n\n// Access mode for no access.\nexport const NO_ACCESS_MODE = 'N';\n\n// Mediaquery breakpoint between desktop and mobile, in px. Should match the value\n// in @media (max-size: 640px) in base.css\nexport const MEDIA_BREAKPOINT = 640;\n// Size of css 'rem' unit in pixels. Default 1rem = 10pt = 13px.\nexport const REM_SIZE = 13;\n\n// Size of the avatar image: when image dimensions are greater or the image is not square, it's resized to\n// a square of this size or less.\nexport const AVATAR_SIZE = 384;\n\n// Maximum size of an avatar in bytes for sending in-band. Bigger avatars will be sent out of band (as uploads).\nexport const MAX_AVATAR_BYTES = 4096;\n\n// Size of the broken_image shown in MessagesView\nexport const BROKEN_IMAGE_SIZE = 32;\n\n// Size of video preview when dimensions are missing.\nexport const NO_DIMENSIONS_VIDEO = 128;\n\n// Number of chat messages to fetch in one call.\nexport const MESSAGES_PAGE = 24;\n\n// Default maximum in-band (included directly into the message) attachment size which fits into\n// a message of 256K in size. Used when the server-provided value is unavailable. The actual\n// binary size of the attachment should be smaller due to base64 encoding expansion and some overhead,\n// for instance 1024 bytes.\n// Increase this limit to a greater value in production, if desired. Also increase\n// max_message_size in the server config.\nexport const MAX_INBAND_ATTACHMENT_SIZE = 262_144;\n\n// Default absolute maximum attachment size to be used with the server = 8MB.\n// Used when the server-provided value is unavailable. Increase to something like 100MB in production.\nexport const MAX_EXTERN_ATTACHMENT_SIZE = 1 << 23;\n\n// Maximum allowed linear dimension (pixels) of an image sent inline. Larger images will be shrunk\n// to make the larger dimension fit under this size. You may want to adjust it to 1600 or\n// 2400 for production.\nexport const MAX_IMAGE_DIM = 1024;\n\n// Linear dimensions of image preview: shrink image under this size for previews.\nexport const IMAGE_PREVIEW_DIM = 64;\n\n// Linear dimensions of video screencapture: shrink image under this size for previews.\nexport const VIDEO_PREVIEW_DIM = 96;\n\n// Linear dimensions of image thumbnail: shrink image under this size for thumbnails in reply quote previews.\nexport const IMAGE_THUMBNAIL_DIM = 36;\n// Width of video thumbnail: allow it to be wider, but not taller. Use IMAGE_THUMBNAIL_DIM for height.\nexport const VIDEO_THUMBNAIL_WIDTH = 48;\n\n// Maximum number of online users to be shown in a topic title bar. Others will be\n// hidden under \"+X more\"\nexport const MAX_ONLINE_IN_TOPIC = 4;\n\n// Maximum length of user name, topic title, and private comment.\nexport const MAX_TITLE_LENGTH = 60;\n// Maximum length of topic description.\nexport const MAX_TOPIC_DESCRIPTION_LENGTH = 360;\n// Maximum length of user name when displaying a video call.\nexport const MAX_PEER_TITLE_LENGTH = 24;\n\n// Length of message previews in chat list, in characters.\nexport const MESSAGE_PREVIEW_LENGTH = 80;\n\n// Length of a quote in quoted reply (for outgoing messages).\nexport const QUOTED_REPLY_LENGTH = 30;\n// Length of a preview of a forwarded message.\nexport const FORWARDED_PREVIEW_LENGTH = 84;\n// Length of preview for a message being edited.\nexport const EDIT_PREVIEW_LENGTH = 48;\n\n// Minimum duration of an audio recording in milliseconds (2 sec).\nexport const MIN_DURATION = 2_000;\n// Maximum duration of an audio recording in milliseconds (10 min).\nexport const MAX_DURATION = 600_000;\n\n// Link for \"Contact Us\".\nexport const LINK_CONTACT_US = 'mailto:support@tinode.co';\n\n// Link to Privacy Policy.\nexport const LINK_PRIVACY_POLICY = 'https://tinode.co/privacy.html';\n\n// Link to Terms of Service.\nexport const LINK_TERMS_OF_SERVICE = 'https://tinode.co/terms.html';\n\n// When user starts a P2P topic, automatic subscription does not\n// happen until the first message. Setting this option to true enables\n// immediate subscription.\nexport const IMMEDIATE_P2P_SUBSCRIPTION = false;\n\n// URL schemes permitted to appear in links (i.e. no javascript: scheme).\nexport const CLICKABLE_URL_SCHEMES = ['http', 'https', 'ftp', 'ftps'];\n\n// Size of the QR code in the app.\nexport const QRCODE_SIZE = 128;\n\n// How much time has to pass to consider computer awoken from sleep (80 sec).\n// Chrome throttles ticker events in inactive tabs to once per minute. This\n// value ensures that these once-a-minute events do not trigger a reconnect.\nexport const WAKE_UP_TIMEOUT = 80000;\n// Timer interval between checks if computer woke up from sleep (1 sec).\nexport const WAKE_UP_TICK = 1000;\n\n// Swipe distance to register as a gesture, in pixels.\nexport const MIN_SWIPE_DISTANCE = REM_SIZE * 3;\n\n// Self-topic avatar as an SVG icon encoded as data URI\nexport const SELF_AVATAR_URI = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAxNyAxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41NjIgMXYxNS40NTlsNC42ODYtMy4yNyA0Ljc1MiAzLjI2di0xNS40NDloLTkuNDM4ek0xMiAxNC41NTFsLTMuNzU2LTIuNTc4LTMuNjgxIDIuNTY4di0xMi41NDFoNy40Mzd2MTIuNTUxeiIgZmlsbD0iIzU1NTU1NSIgLz48L3N2Zz4=' // eslint-disable-line max-len\n\n// Toast display duration, milliseconds.\nexport const TOAST_DURATION = 3_000;\n\n// Initial/default color scheme.\nexport const DEFAULT_COLOR_SCHEME = 'auto';\n\n// Default text size in points.\nexport const DEFAULT_TEXT_SIZE = 10;\n\n// MIME type for the legacy Drafty form-response data.\nexport const DRAFTY_FR_MIME_TYPE_LEGACY = 'application/json'; // Remove in 2026.\n\n// Path to wallpaper images.\nexport const WALLPAPER_DEFAULTS = {type: 'patt', index: 0, path:'img/bkg/'};\n","// Video call states.\nexport const CALL_STATE_NONE = 0;\nexport const CALL_STATE_OUTGOING_INITATED = 1;\nexport const CALL_STATE_INCOMING_RECEIVED = 2;\nexport const CALL_STATE_IN_PROGRESS = 3;\n\n// Video call message headers representing call state.\nexport const CALL_HEAD_STARTED = 'started';\n\n","// File and image helper functions.\nimport { TheCard } from 'tinode-sdk';\n\n// Supported image MIME types and corresponding file extensions.\nexport const SUPPORTED_IMAGE_FORMATS = ['image/jpeg', 'image/gif', 'image/png', 'image/svg', 'image/svg+xml'];\nexport const MIME_EXTENSIONS = ['jpg', 'gif', 'png', 'svg', 'svg'];\n\n// Get an URL from a theCard photo: either create a data: URL or return reference URL.\nexport function makeImageUrl(photo) {\n if (photo && typeof photo == 'object') {\n if (photo.ref) {\n return photo.ref\n }\n if (photo.data && photo.type) {\n const mime = photo.type.startsWith('image/') ? photo.type : ('image/' + photo.type);\n return 'data:' + mime + ';base64,' + photo.data;\n }\n }\n return null;\n}\n\n// Calculate linear dimensions for scaling image down to fit under a certain size.\n// Returns an object which contains destination sizes, source sizes, and offsets\n// into source (when making square images).\nexport function fitImageSize(width, height, maxWidth, maxHeight, forceSquare) {\n // Sanitize input\n width = width | 0;\n height = height | 0;\n maxWidth = maxWidth | 0;\n maxHeight = maxHeight | 0;\n\n if (width <= 0 || height <= 0 || maxWidth <= 0 || maxHeight <= 0) {\n return null;\n }\n\n if (forceSquare) {\n maxWidth = maxHeight = Math.min(maxWidth, maxHeight);\n }\n\n const scale = Math.min(\n Math.min(width, maxWidth) / width,\n Math.min(height, maxHeight) / height\n );\n\n const size = {\n dstWidth: (width * scale) | 0,\n dstHeight: (height * scale) | 0,\n };\n\n if (forceSquare) {\n // Also calculate parameters for making the image square.\n size.dstWidth = size.dstHeight = Math.min(size.dstWidth, size.dstHeight);\n size.srcWidth = size.srcHeight = Math.min(width, height);\n size.xoffset = ((width - size.srcWidth) / 2) | 0;\n size.yoffset = ((height - size.srcWidth) / 2) | 0;\n } else {\n size.xoffset = size.yoffset = 0;\n size.srcWidth = width;\n size.srcHeight = height;\n }\n return size;\n}\n\n// Ensure file's extension matches mime content type\nexport function fileNameForMime(fname, mime) {\n const idx = SUPPORTED_IMAGE_FORMATS.indexOf(mime);\n if (idx < 0 || !fname) {\n // Unknown mime or empty name.\n return fname;\n }\n const ext = MIME_EXTENSIONS[idx];\n\n const at = fname.lastIndexOf('.');\n if (at >= 0) {\n fname = fname.substring(0, at);\n }\n return fname + '.' + ext;\n}\n\n// Scale uploaded image to fit under certain dimensions and byte size, optionally constraining to a square.\n// Returns a promise which is resolven on success or rejected on failure.\nexport function imageScaled(fileOrBlob, maxWidth, maxHeight, maxSize, forceSquare) {\n return new Promise((resolve, reject) => {\n const img = new Image();\n img.crossOrigin = 'Anonymous';\n img.onerror = function(err) {\n reject(new Error(\"Image format unrecognized\"));\n }\n img.onload = async function() {\n // Once the image is loaded, the URL is no longer needed.\n URL.revokeObjectURL(img.src);\n\n // Calculate the desired image dimensions.\n const dim = fitImageSize(img.width, img.height, maxWidth, maxHeight, forceSquare);\n if (!dim) {\n reject(new Error(\"Invalid image\"));\n return;\n }\n let canvas = document.createElement('canvas');\n canvas.width = dim.dstWidth;\n canvas.height = dim.dstHeight;\n let ctx = canvas.getContext('2d');\n ctx.imageSmoothingEnabled = true;\n ctx.drawImage(img, dim.xoffset, dim.yoffset, dim.srcWidth, dim.srcHeight,\n 0, 0, dim.dstWidth, dim.dstHeight);\n\n const mime = SUPPORTED_IMAGE_FORMATS.includes(fileOrBlob.type) ? fileOrBlob.type : 'image/jpeg';\n // Generate blob to check size of the image.\n let blob = await new Promise(resolve => canvas.toBlob(resolve, mime));\n if (!blob) {\n reject(new Error(\"Unsupported image format\"));\n return;\n }\n // Ensure the image is not too large. Shrink the image keeping the aspect ratio.\n // Do nothing if maxsize is <= 0.\n while (maxSize > 0 && blob.length > maxSize) {\n dim.dstWidth = (dim.dstWidth * 0.70710678118) | 0;\n dim.dstHeight = (dim.dstHeight * 0.70710678118) | 0;\n canvas.width = dim.dstWidth;\n canvas.height = dim.dstHeight;\n ctx = canvas.getContext('2d');\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n ctx.drawImage(img, dim.xoffset, dim.yoffset, dim.srcWidth, dim.srcHeight,\n 0, 0, dim.dstWidth, dim.dstHeight);\n blob = await new Promise(resolve => canvas.toBlob(resolve, mime));\n }\n\n canvas = null;\n resolve({mime: mime, blob: blob, width: dim.dstWidth, height: dim.dstHeight, name: fileNameForMime(fileOrBlob.name, mime)});\n };\n img.src = URL.createObjectURL(fileOrBlob);\n });\n}\n\n// Scale and crop image according to specified dimensions.\n// The coordinates are in unscaled image pixels, i.e. cut the rectangle first then scale it.\n// returns a promise.\nexport function imageCrop(mime, objURL, left, top, width, height, scale) {\n return new Promise((resolve, reject) => {\n const img = new Image();\n img.crossOrigin = 'Anonymous';\n img.onerror = _ => {\n reject(new Error(\"Image format unrecognized\"));\n };\n img.onload = _ => {\n // Once the image is loaded, the URL is no longer needed.\n URL.revokeObjectURL(img.src);\n\n let canvas = document.createElement('canvas');\n canvas.width = width * scale;\n canvas.height = height * scale;\n let ctx = canvas.getContext('2d');\n ctx.imageSmoothingEnabled = true;\n ctx.drawImage(img, left, top, width, height, 0, 0, canvas.width, canvas.height);\n\n mime = SUPPORTED_IMAGE_FORMATS.includes(mime) ? mime : 'image/jpeg';\n // Generate blob to check size of the image.\n canvas.toBlob((blob) => {\n // Allow GC.\n canvas = null;\n if (blob) {\n resolve({mime: mime, blob: blob, width: width, height: height});\n } else {\n reject(new Error(\"Unsupported image format\"));\n }\n }, mime);\n };\n img.src = objURL;\n });\n}\n\n// Convert file to base64 string.\nexport function fileToBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onerror = _ => {\n reject(reader.error);\n };\n reader.onload = _ => {\n resolve({mime: file.type, bits: reader.result.split(',')[1], name: file.name});\n };\n reader.readAsDataURL(file);\n });\n}\n\n// Convert Blob to base64 string. Returns a promise resolved with the base64 string and mime.\nexport function blobToBase64(blob) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onerror = _ => {\n reject(reader.error);\n };\n reader.onload = _ => {\n resolve({mime: blob.type, bits: reader.result.split(',')[1]});\n };\n reader.readAsDataURL(blob);\n });\n}\n\n// File pasted from the clipboard. It's either an inline image or a file attachment.\nexport function filePasted(event, onImageSuccess, onAttachmentSuccess, onError) {\n const items = (event.clipboardData || event.originalEvent.clipboardData || {}).items;\n if (!items || !items.length) {\n return false;\n }\n\n for (let i in items) {\n const item = items[i];\n if (item.kind === 'file') {\n const file = item.getAsFile();\n if (!file) {\n console.error(\"Failed to get file object from pasted file item\", item.kind, item.type);\n onError(\"Failed to get file object from pasted file item\");\n continue;\n }\n if (file.type && file.type.split('/')[0] == 'image') {\n onImageSuccess(file);\n } else {\n onAttachmentSuccess(file);\n }\n // Indicate that the pasted data contains a file.\n return true;\n }\n }\n // No file found.\n return false;\n}\n\n// Get mime type from data URL header.\nexport function getMimeType(header) {\n const mime = /^data:(image\\/[-+a-z0-9.]+);base64/.exec(header);\n return (mime && mime.length > 1) ? mime[1] : null;\n}\n\n// Given length of a binary object in bytes, calculate the length after\n// base64 encoding.\nexport function base64EncodedLen(n) {\n return Math.floor((n + 2) / 3) * 4;\n}\n\n// Given length of a base64-encoded object, calculate decoded size of the\n// pbject in bytes.\nexport function base64DecodedLen(n) {\n return Math.floor(n / 4) * 3;\n}\n\n// Re-encode string to standard base64 encoding with padding.\n// The string may be base64-URL encoded without the padding.\nexport function base64ReEncode(str) {\n if (str) {\n str = str.replace(/-/g, '+').replace(/_/g, '/');\n try {\n str = btoa(atob(str));\n } catch(err) {\n console.error(\"Failed to base64 re-encode string.\", err);\n str = null;\n }\n }\n return str;\n}\n\n// Convert a base64 encoded string with the provided mime type into a Blob.\nexport function base64ToBlob(str, mime) {\n if (!str) {\n return null;\n }\n\n try {\n // Make blob.\n const bin = atob(str);\n const length = bin.length;\n const buf = new ArrayBuffer(length);\n const arr = new Uint8Array(buf);\n for (let i = 0; i < length; i++) {\n arr[i] = bin.charCodeAt(i);\n }\n\n return new Blob([buf], { type: mime });\n } catch(err) {\n console.error(\"Failed to convert base64 to blob: \", err);\n }\n\n return null;\n}\n\nexport function intArrayToBase64(arr) {\n if (!Array.isArray(arr)) {\n return null;\n }\n try {\n let bin = '';\n new Uint8Array(arr).forEach(b => bin += String.fromCharCode(b));\n return window.btoa(bin);\n } catch (err) {}\n return null;\n}\n\nexport function base64ToIntArray(b64) {\n const arr = [];\n try {\n const bin = window.atob(b64);\n [...bin].forEach(c => {\n arr.push(c.charCodeAt(0));\n });\n return arr;\n } catch (err) {}\n return null;\n}\n\nexport function importVCard(fileOrBlob) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onerror = _ => {\n reject(reader.error);\n };\n reader.onload = _ => {\n const card = TheCard.importVCard(reader.result);\n if (!card) {\n reject(new Error(\"Failed to parse vCard\"));\n return;\n }\n resolve(card);\n };\n reader.readAsText(fileOrBlob);\n });\n}\n","import React from 'react';\nimport { defineMessages } from 'react-intl';\n\nimport { Drafty, TheCard } from 'tinode-sdk';\n\nimport AudioPlayer from '../widgets/audio-player.jsx'\nimport CallMessage from '../widgets/call-message.jsx'\nimport CallStatus from '../widgets/call-status.jsx';\nimport InlineVideo from '../widgets/inline-video.jsx';\nimport LazyImage from '../widgets/lazy-image.jsx';\nimport TheCardMini from '../widgets/the-card-mini.jsx';\nimport UploadingImage from '../widgets/uploading-image.jsx'\n\nimport { BROKEN_IMAGE_SIZE, CLICKABLE_URL_SCHEMES, IMAGE_THUMBNAIL_DIM, NO_DIMENSIONS_VIDEO,\n REM_SIZE, VIDEO_THUMBNAIL_WIDTH } from '../config.js';\nimport { base64ToBlob, blobToBase64, fitImageSize, imageScaled } from './blob-helpers.js';\nimport { idToColorClass, secondsToTime, shortenFileName } from './strformat.js';\nimport { cancelablePromise, sanitizeUrl, sanitizeUrlForMime } from './utils.js';\n\nconst messages = defineMessages({\n drafty_form: {\n id: 'drafty_form',\n defaultMessage: 'Form: ',\n description: 'Comment for form in Drafty'\n },\n drafty_attachment: {\n id: 'drafty_attachment',\n defaultMessage: 'Attachment',\n description: 'Comment for attachment in Drafty'\n },\n drafty_image: {\n id: 'drafty_image',\n defaultMessage: 'Picture',\n description: 'Comment for embedded images in Drafty'\n },\n drafty_video: {\n id: 'drafty_video',\n defaultMessage: 'Video recording',\n description: 'Comment for videos embedded in Drafty'\n },\n drafty_unknown: {\n id: 'drafty_unknown',\n defaultMessage: 'Unsupported',\n description: 'Unsupported entity in drafty'\n }\n});\n\n// The main Drafty formatter: converts Drafty elements into React classes. 'this' is set by the caller.\n// 'this' must contain:\n// viewportWidth:\n// authorizeURL:\n// onHandleClick:\nexport function fullFormatter(style, data, values, key, stack) {\n if (stack.includes('QQ')) {\n return quoteFormatter.call(this, style, data, values, key);\n }\n\n if (!style) {\n // Unformatted.\n return values;\n }\n\n let el = Drafty.tagName(style);\n let attr = Drafty.attrValue(style, data) || {};\n attr.key = key;\n switch (style) {\n case 'AU':\n // Show audio player.\n if (attr.src) {\n attr.src = this.authorizeURL(sanitizeUrlForMime(attr.src, 'audio'));\n attr.duration = data.duration > 0 ? (data.duration | 0) : undefined;\n attr.preview = data.preview;\n attr.loading = 'lazy';\n }\n el = AudioPlayer;\n // Audio element cannot have content.\n values = null;\n break;\n case 'BR':\n values = null;\n break;\n case 'EX':\n // Ignore.\n break;\n case 'HL':\n // Highlighted text. Assign class name.\n attr.className = 'highlight';\n break;\n case 'HD':\n el = null;\n values = null;\n break;\n case 'IM':\n // Additional processing for images\n el = handleImageData.call(this, el, data, attr);\n // Image element cannot have content.\n values = null;\n break;\n case 'BN':\n // Button\n attr.onClick = (e) => this.onHandleClick(e, 'form_button');\n let inner = React.Children.map(values, (child) => {\n return typeof child == 'string' ? child : undefined;\n });\n if (!inner || inner.length == 0) {\n inner = [attr.name]\n }\n // Get text which will be sent back when the button is clicked.\n attr['data-title'] = inner.join('');\n break;\n case 'LN':\n if (attr) {\n // Ensure only safe URL schemes are clickable.\n attr.href = typeof attr.href == 'string' ? sanitizeUrl(attr.href, CLICKABLE_URL_SCHEMES) : '';\n }\n break;\n case 'MN':\n // Mention\n attr.className = 'mention'\n if (data) {\n attr.className += ' ' + idToColorClass(data.val, false, true);\n }\n break;\n case 'FM':\n // Form\n attr.className = 'bot-form';\n break;\n case 'RW':\n // Form element formatting is dependent on element content.\n break;\n case 'QQ':\n // Quote/citation.\n attr.className = 'reply-quote'\n attr.onClick = (e) => this.onHandleClick(e, 'quote');\n break;\n case 'TC':\n // TheCard\n el = TheCardMini;\n attr.content = data;\n attr.authorizeURL = this.authorizeURL;\n attr.onChatClick = (e) => this.onHandleClick(e, 'contact_chat');\n attr.onFindClick = (e) => this.onHandleClick(e, 'contact_find');\n values = null;\n break;\n case 'VC':\n el = CallMessage;\n // Video call messages do not have content.\n values = null;\n if (data) {\n attr.callState = data.state;\n attr.incoming = data.incoming;\n attr.duration = data.duration;\n }\n break;\n case 'VD':\n // Additional processing for videos.\n el = handleVideoData.call(this, el, data, attr);\n // Video element cannot have content.\n values = null;\n break;\n default:\n if (!el) {\n // Unknown element.\n el = React.Fragment;\n attr = {key: key};\n // Generate comment for unknown element.\n let body = values;\n if (!Array.isArray(values) || !values.join('').trim()) {\n body = [React.createElement('span',\n {key: 'x1', className: 'gray'},\n this.formatMessage(messages.drafty_unknown)\n )];\n }\n values = [React.createElement('i',\n {key: 'x0', className: 'material-icons gray'},\n 'extension'\n ), ' '].concat(body);\n }\n break;\n }\n if (!el) {\n return values;\n }\n return React.createElement(el, attr, values);\n}\n\n// Additional processing of image data.\nfunction handleImageData(el, data, attr) {\n if (!data) {\n attr.src = 'img/broken_image.png';\n attr.style = {\n width: IMAGE_THUMBNAIL_DIM + 'px',\n height: IMAGE_THUMBNAIL_DIM + 'px',\n };\n return el;\n }\n\n attr.className = 'inline-image';\n const dim = fitImageSize(data.width, data.height,\n this.viewportWidth > 0 ? Math.min(this.viewportWidth - REM_SIZE * 6.5, REM_SIZE * 34.5) :\n REM_SIZE * 34.5, REM_SIZE * 24, false) ||\n {dstWidth: BROKEN_IMAGE_SIZE, dstHeight: BROKEN_IMAGE_SIZE};\n attr.style = {\n width: dim.dstWidth + 'px',\n height: dim.dstHeight + 'px',\n // Looks like a Chrome bug: broken image does not respect 'width' and 'height'.\n minWidth: dim.dstWidth + 'px',\n minHeight: dim.dstHeight + 'px'\n };\n if (!Drafty.isProcessing(data)) {\n attr.src = this.authorizeURL(sanitizeUrlForMime(attr.src, 'image'));\n attr.alt = data.name;\n if (attr.src) {\n if (Math.max(data.width || 0, data.height || 0) > IMAGE_THUMBNAIL_DIM) {\n // Allow previews for large enough images.\n attr.onClick = (e) => this.onHandleClick(e, 'image');\n attr.className += ' image-clickable';\n }\n attr.loading = 'lazy';\n } else {\n attr.src = null;\n }\n } else {\n // Use custom element instead of or .\n el = UploadingImage;\n }\n\n return el;\n}\n\n// Additional processing of attached video data.\nfunction handleVideoData(el, data, attr) {\n if (!data) {\n attr.src = 'img/broken_video.png';\n attr.style = {\n width: IMAGE_THUMBNAIL_DIM + 'px',\n height: IMAGE_THUMBNAIL_DIM + 'px',\n };\n return el;\n }\n attr.className = 'inline-image';\n const dim = fitImageSize(data.width, data.height,\n this.viewportWidth > 0 ? Math.min(this.viewportWidth - REM_SIZE * 6.5, REM_SIZE * 34.5) :\n REM_SIZE * 34.5, REM_SIZE * 24, false) ||\n {dstWidth: NO_DIMENSIONS_VIDEO, dstHeight: NO_DIMENSIONS_VIDEO};\n attr.style = {\n width: dim.dstWidth + 'px',\n height: dim.dstHeight + 'px',\n // Looks like a Chrome bug: broken image does not respect 'width' and 'height'.\n minWidth: dim.dstWidth + 'px',\n minHeight: dim.dstHeight + 'px'\n };\n if (!Drafty.isProcessing(data)) {\n attr.src = this.authorizeURL(sanitizeUrlForMime(attr.src, 'image'));\n attr.alt = data.name;\n if (data.ref || data.val) {\n attr.onClick = (e) => this.onHandleClick(e, 'video');\n attr.loading = 'lazy';\n }\n el = InlineVideo;\n } else {\n // Use custom element instead of or .\n el = UploadingImage;\n }\n\n return el;\n}\n\n// Converts Drafty object into a one-line preview. 'this' is set by the caller.\n// 'this' must contain:\n// formatMessage: this.props.intl.formatMessage\n// messages: formatjs messages defined with defineMessages.\nexport function previewFormatter(style, data, values, key) {\n if (!style) {\n // Unformatted.\n return values;\n }\n\n let el = Drafty.tagName(style);\n const attr = { key: key };\n switch (style) {\n case 'AU':\n // Voicemail as '[mic] 0:00'.\n el = React.Fragment;\n values = [React.createElement('i', {key: 'au', className: 'material-icons'}, 'mic'),\n ' ', secondsToTime(data.duration/1000)];\n break;\n case 'BR':\n // Replace new line with a space.\n el = React.Fragment;\n values = [' '];\n break;\n case 'HL':\n // Make highlight less prominent in preview.\n attr.className = 'highlight preview';\n break;\n case 'LN':\n case 'MN':\n // Disable links in previews.\n el = 'span';\n break;\n case 'IM':\n // Replace image with '[icon] Image'.\n el = React.Fragment;\n values = [React.createElement('i', {key: 'im', className: 'material-icons'}, 'photo'),\n ' ', this.formatMessage(messages.drafty_image)];\n break;\n case 'BN':\n el = 'span';\n attr.className = 'flat-button faux';\n break;\n case 'FM':\n el = React.Fragment;\n values = [React.createElement('i', {key: 'fm', className: 'material-icons'}, 'dashboard'),\n this.formatMessage(messages.drafty_form)].concat(' ', values || []);\n break;\n case 'RW':\n el = React.Fragment;\n break;\n case 'EX':\n if (data) {\n if (Drafty.isFormResponseType(data.mime)) {\n // Ignore JSON attachments: they are form response payloads.\n return null;\n }\n // Clear payload.\n delete data.val;\n delete data.ref;\n }\n el = React.Fragment;\n values = [React.createElement('i', {key: 'ex', className: 'material-icons'}, 'attachment'),\n ' ', this.formatMessage(messages.drafty_attachment)];\n break;\n case 'VC':\n el = CallStatus;\n if (data) {\n attr.callState = data.state;\n attr.incoming = data.incoming;\n attr.duration = data.duration;\n }\n values = null;\n break;\n case 'QQ':\n case 'HD':\n el = null;\n values = null;\n break;\n case 'TC':\n // TheCard\n el = React.Fragment;\n values = [React.createElement('i', {key: 'tc', className: 'material-icons'}, 'contact_mail'), ' ',\n TheCard.getFn(data) || this.formatMessage(messages.drafty_unknown)];\n break;\n case 'VD':\n // Replace image with '[icon] Video'.\n el = React.Fragment;\n values = [React.createElement('i', {key: 'im', className: 'material-icons'}, 'play_circle_outline'),\n ' ', this.formatMessage(messages.drafty_video)];\n break;\n default:\n if (!el) {\n // Unknown element.\n el = React.Fragment;\n values = [React.createElement('i', {key: 'x0', className: 'material-icons gray'}, 'extension'),\n ' ', this.formatMessage(messages.drafty_unknown)];\n }\n break;\n }\n if (!el) {\n return values;\n }\n return React.createElement(el, attr, values);\n};\n\n// Converts Drafty object into a quoted reply; 'this' is set by the caller.\nfunction inlineImageAttr(attr, data) {\n attr.style = {\n width: IMAGE_THUMBNAIL_DIM + 'px',\n height: IMAGE_THUMBNAIL_DIM + 'px',\n maxWidth: IMAGE_THUMBNAIL_DIM + 'px',\n maxHeight: IMAGE_THUMBNAIL_DIM + 'px',\n }\n attr.className = 'inline-image';\n attr.alt = this.formatMessage(messages.drafty_image);\n if (!data) {\n attr.src = 'img/broken_image.png';\n } else {\n attr.src = attr.src || 'img/broken_image.png';\n }\n attr.title = attr.alt;\n return attr;\n}\n\n// Converts Drafty object into a quoted reply; 'this' is set by the caller.\nfunction inlineVideoAttr(attr, data) {\n const dim = fitImageSize(data.width, data.height, VIDEO_THUMBNAIL_WIDTH, IMAGE_THUMBNAIL_DIM);\n attr.style = {\n width: dim.width + 'px',\n height: dim.height + 'px',\n maxWidth: VIDEO_THUMBNAIL_WIDTH + 'px',\n maxHeight: IMAGE_THUMBNAIL_DIM + 'px',\n }\n attr.className = 'inline-image';\n attr.alt = this.formatMessage(messages.drafty_video);\n attr.title = attr.alt;\n if (!data) {\n attr.src = 'img/broken_video.png';\n } else {\n attr.src = attr.src || 'img/broken_video.png';\n }\n return attr;\n}\n\n// Displays a portion of Drafty within 'QQ' quotes. 'this' is set by the caller.\n// 'this' must contain:\n// formatMessage: this.props.intl.formatMessage\n// messages: formatjs messages defined with defineMessages.\n// authorizeURL: this.props.tinode.authorizeURL\n// onHandleClick: this.handleDraftyClick\nfunction quoteFormatter(style, data, values, key) {\n if (['BR', 'EX', 'IM', 'MN', 'VD'].includes(style)) {\n let el = Drafty.tagName(style);\n let attr = Drafty.attrValue(style, data) || {};\n attr.key = key;\n switch(style) {\n case 'BR':\n values = null;\n break;\n case 'IM':\n attr = inlineImageAttr.call(this, attr, data);\n values = [React.createElement('img', attr, null), ' ', attr.alt];\n el = React.Fragment;\n // Fragment attributes.\n attr = {key: key};\n break;\n case 'VD':\n attr = inlineVideoAttr.call(this, attr, data);\n values = [React.createElement('img', attr, null), ' ', attr.alt];\n el = React.Fragment;\n // Fragment attributes.\n attr = {key: key};\n break;\n case 'MN':\n el = 'span';\n attr.className = 'mention'\n if (data) {\n attr.className += ' ' + idToColorClass(data.val, false, true);\n }\n break;\n case 'EX':\n let fname;\n if (data) {\n if (Drafty.isFormResponseType(data.mime)) {\n // Ignore JSON attachments: they are form response payloads.\n return null;\n }\n fname = data.name;\n // Clear payload.\n delete data.val;\n delete data.ref;\n }\n el = React.Fragment;\n values = [React.createElement('i', {key: 'ex', className: 'material-icons'}, 'attachment'),\n shortenFileName(fname, 16) || this.formatMessage(messages.drafty_attachment)];\n break;\n }\n return React.createElement(el, attr, values);\n }\n return previewFormatter.call(this, style, data, values, key);\n}\n\n// Create image thumbnail suitable for inclusion in a quote.\nfunction quoteImageOrVideo(data, isVideo) {\n let promise;\n let bits, ref, mime;\n if (isVideo) {\n bits = data.preview;\n mime = data.premime || 'image/jpeg';\n ref = data.preref;\n } else {\n bits = data.val;\n mime = data.mime;\n ref = data.ref;\n }\n // Get the blob from the image data.\n if (bits) {\n const blob = base64ToBlob(bits, mime);\n if (!blob) {\n throw new Error(\"Invalid image\");\n }\n promise = Promise.resolve(blob);\n } else if (ref) {\n promise = fetch(this.authorizeURL(sanitizeUrlForMime(ref, 'image')))\n .then(evt => {\n if (evt.ok) {\n return evt.blob();\n } else {\n throw new Error(`Image fetch unsuccessful: ${evt.status} ${evt.statusText}`);\n }\n });\n } else {\n throw new Error(\"Missing image data\");\n }\n\n // Scale the blob.\n return promise\n .then(blob => {\n // If it's an image, cut the square from the center of the image and shrink it.\n // If it's a video, allow it to be rectantular.\n return imageScaled(blob, isVideo ? VIDEO_THUMBNAIL_WIDTH : IMAGE_THUMBNAIL_DIM, IMAGE_THUMBNAIL_DIM, -1, !isVideo)\n }).then(scaled => {\n if (isVideo) {\n data.premime = scaled.mime;\n } else {\n data.mime = scaled.mime;\n }\n data.size = scaled.blob.size;\n data.width = scaled.width;\n data.height = scaled.height;\n delete data.ref;\n delete data.preref;\n // Keeping the original file name, if provided: ex.data.name;\n\n data.src = URL.createObjectURL(scaled.blob);\n return blobToBase64(scaled.blob);\n }).then(b64 => {\n if (isVideo) {\n data.preview = b64.bits;\n } else {\n data.val = b64.bits;\n }\n return data;\n }).catch(err => {\n delete data.val;\n delete data.preview;\n delete data.src;\n data.width = IMAGE_THUMBNAIL_DIM;\n data.height = IMAGE_THUMBNAIL_DIM;\n // Rethrow.\n throw err;\n });\n}\n\n// Create a preview of a reply.\nexport function replyFormatter(style, data, values, key, stack) {\n if (style == 'IM' || style == 'VD') {\n const isImage = style == 'IM';\n const attr = isImage ? inlineImageAttr.call(this, {key: key}, data) :\n inlineVideoAttr.call(this, {key: key}, data);\n\n let loadedPromise;\n try {\n loadedPromise = cancelablePromise(quoteImageOrVideo.call(this, data, style == 'VD'));\n } catch (error) {\n console.warn(\"Failed to quote image:\", error.message);\n loadedPromise = cancelablePromise(error);\n }\n attr.whenDone = loadedPromise;\n values = [React.createElement(LazyImage, attr, null), ' ', attr.alt];\n return React.createElement(React.Fragment, {key: key}, values);\n } else if (style == 'QQ') {\n if (stack.includes('QQ')) {\n // Quote inside quote when forwarding a message.\n return React.createElement('span', {key: key},\n [React.createElement('i', {key: 'qq', className: 'material-icons'}, 'format_quote'), ' ']);\n }\n\n const attr = Drafty.attrValue('QQ', data) || {};\n attr.key = key;\n attr.className = 'reply-quote'\n return React.createElement(Drafty.tagName('QQ'), attr, values);\n }\n return quoteFormatter.call(this, style, data, values, key);\n}\n","import { KNOWN_HOSTS, DEFAULT_HOST } from '../config.js';\n\n// Detect server address from the URL\nexport function detectServerAddress() {\n let host = DEFAULT_HOST;\n if (typeof window.location == 'object') {\n if (window.location.protocol == 'file:' || window.location.hostname == 'localhost') {\n host = KNOWN_HOSTS.local;\n } else if (window.location.hostname) {\n host = window.location.hostname + (window.location.port ? ':' + window.location.port : '');\n }\n }\n return host;\n}\n\n// Detect if the page is served over HTTPS.\nexport function isSecureConnection() {\n if (typeof window.location == 'object') {\n return window.location.protocol == 'https:';\n }\n return false;\n}\n\nexport function isLocalHost() {\n if (typeof window.location == 'object') {\n return window.location.hostname == 'localhost';\n }\n return false;\n}\n","// Thin REST client for the product-specific `/v1/im/*` API that sits alongside the Tinode WS protocol.\n// Endpoint shapes verified directly against the deployed backend (im_team/im_server, server/im_http.go).\nimport { API_KEY } from '../config.js';\nimport { PACKAGE_VERSION } from '../version.js';\nimport LocalStorageUtil from './local-storage.js';\n\nconst DEFAULT_API_BASE = '/v1/im';\nconst DEFAULT_FILE_BASE = '/v0/file';\n\nexport class ImApiError extends Error {\n constructor(message, reason, status, details) {\n super(message);\n this.reason = reason;\n this.status = status;\n this.details = details;\n }\n}\n\n// docs/IM-前后端对接文档.md §12.4's full reason list. Every existing call site already does\n// `catch(err => onToast(err.message || '...'))`, so translating known reasons at the one place the\n// error is constructed fixes all of them at once, rather than needing a matching change at every\n// individual catch block scattered across the app.\nconst REASON_MESSAGES = {\n TENANT_UNAVAILABLE: '企业码不存在或已停用',\n TENANT_MISMATCH: '登录状态异常，请重新进入企业码',\n AUTH_FAILED: '账号或密码错误',\n TOKEN_EXPIRED: '登录已过期，请重新登录',\n ACCOUNT_DISABLED: '账号已被禁用',\n RATE_LIMITED: '操作过于频繁，请稍后再试',\n VALIDATION_FAILED: '提交的内容不符合要求',\n IDEMPOTENCY_CONFLICT: '内容已发生变化，请刷新后重试',\n RESOURCE_NOT_FOUND: '内容不存在或已被删除',\n FORBIDDEN: '没有权限执行此操作',\n FRIEND_RELATION_REQUIRED: '需要先添加对方为好友',\n MESSAGE_NOT_ALLOWED: '当前状态无法发送消息',\n GROUP_MUTED: '你已被禁言，无法发言',\n GROUP_MEMBER_LIMIT_EXCEEDED: '群成员数量已达上限',\n TENANT_USER_QUOTA_EXCEEDED: '企业账号数已达上限',\n TENANT_GROUP_QUOTA_EXCEEDED: '企业群组数已达上限',\n FILE_TOO_LARGE: '文件大小超出限制',\n FILE_FORBIDDEN: '没有权限访问此文件',\n FILE_UNAVAILABLE: '文件暂不可用',\n STORAGE_QUOTA_EXCEEDED: '存储空间已达上限',\n REALNAME_REQUIRED: '需要先完成实名认证',\n YOUTH_MODE_RESTRICTED: '青少年模式下无法使用此功能',\n RISK_CONFIRMATION_REQUIRED: '需要先完成安全确认',\n RISK_ACTION_BLOCKED: '该操作已被安全策略拦截'\n};\n\nfunction requestId() {\n return (typeof crypto != 'undefined' && crypto.randomUUID) ? crypto.randomUUID() :\n 'web_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2);\n}\n\n// Tenant context persists in localStorage (not sessionStorage): it must survive browser restarts\n// the same way the auth-token does, so a returning user's auto-login can still supply `hi.tenant`.\nexport function getTenantContext() {\n return LocalStorageUtil.getObject('im-tenant');\n}\n\nexport function currentTenantCode() {\n const tenant = getTenantContext();\n return (tenant && tenant.code) || 'default';\n}\n\nfunction apiBase() {\n const tenant = getTenantContext();\n return ((tenant && tenant.endpoints && tenant.endpoints.api) || DEFAULT_API_BASE).replace(/\\/$/, '');\n}\n\nfunction fileBase() {\n const tenant = getTenantContext();\n return ((tenant && tenant.endpoints && tenant.endpoints.file) || DEFAULT_FILE_BASE).replace(/\\/$/, '');\n}\n\n// tinode-web.jsx always sets this on login/reconnect (sessionStorage, tab-lifetime), independent of\n// whether the user opted into \"keep logged in\" (which only controls the separate localStorage token\n// used for surviving a browser restart). REST calls need a token for the current session regardless.\nfunction authToken() {\n return sessionStorage.getItem('im-session-token') || '';\n}\n\nfunction normalizeResponse(payload) {\n return (payload && payload.code === 0 && payload.data !== undefined) ? payload.data : payload;\n}\n\n// Core request helper. `auth: false` skips the Authorization header (pre-login calls).\nexport async function imRequest(path, {method = 'GET', body, headers, auth = true, tenantCodeOverride} = {}) {\n const finalHeaders = {\n 'Content-Type': 'application/json',\n 'X-MeetingIM-APIKey': API_KEY,\n 'X-IM-Schema': '1',\n 'X-Tenant-Code': tenantCodeOverride || currentTenantCode(),\n 'X-Request-ID': requestId(),\n ...headers\n };\n if (auth) {\n const token = authToken();\n if (token) {\n finalHeaders.Authorization = 'Bearer ' + token;\n }\n }\n const response = await fetch(apiBase() + path, {\n method,\n headers: finalHeaders,\n body: body !== undefined ? JSON.stringify(body) : undefined\n });\n const text = await response.text();\n let payload = {};\n if (text) {\n try {\n payload = JSON.parse(text);\n } catch (e) {\n throw new ImApiError(response.ok ? '接口返回非 JSON 数据' : (response.statusText || '接口请求失败'),\n 'NON_JSON_RESPONSE', response.status, text.slice(0, 160));\n }\n }\n if (!response.ok || (payload && payload.code && payload.code !== 0)) {\n // A known reason always wins over the raw backend message -- gives every caller (they all just do\n // `err.message || '...'`) the doc-mandated, consistently-worded text instead of whatever string\n // that particular backend handler happened to write, and instead of duplicating this mapping at\n // every individual call site. An unrecognized reason still falls back to the backend's own message\n // (not silently replaced with a generic string) since this backend's messages have consistently\n // been reasonable, specific, business-appropriate text in real testing, not raw internals -- only\n // reasons this app doesn't otherwise know how to react to fall through to it.\n const known = payload.reason && REASON_MESSAGES[payload.reason];\n throw new ImApiError(known || payload.message || payload.reason || response.statusText || '请求失败',\n payload.reason, response.status, payload.details);\n }\n return normalizeResponse(payload);\n}\n\nconst idem = () => ({'Idempotency-Key': requestId()});\n\nexport const imGet = (path, opts) => imRequest(path, opts);\nexport const imPost = (path, body, opts = {}) => imRequest(path, {method: 'POST', body, headers: idem(), ...opts});\nexport const imPatch = (path, body, opts = {}) => imRequest(path, {method: 'PATCH', body, headers: idem(), ...opts});\nexport const imPut = (path, body, opts = {}) => imRequest(path, {method: 'PUT', body, headers: idem(), ...opts});\nexport const imDelete = (path, opts = {}) => imRequest(path, {method: 'DELETE', headers: idem(), ...opts});\n\nfunction qs(params) {\n const usp = new URLSearchParams();\n Object.entries(params || {}).forEach(([k, v]) => {\n if (v !== undefined && v !== null && v !== '') {\n usp.set(k, v);\n }\n });\n const s = usp.toString();\n return s ? '?' + s : '';\n}\n\n// -- Public uploads (multipart; used before login and for standalone attachments not tied to a chat message). --\nexport async function uploadPublicFile(file, purpose, onProgress) {\n const form = new FormData();\n form.append('purpose', purpose);\n form.append('file', file);\n // Use XHR instead of fetch to get upload progress events.\n return new Promise((resolve, reject) => {\n const xhr = new XMLHttpRequest();\n xhr.open('POST', apiBase() + '/public/uploads');\n xhr.setRequestHeader('X-MeetingIM-APIKey', API_KEY);\n xhr.setRequestHeader('X-IM-Schema', '1');\n xhr.setRequestHeader('X-Tenant-Code', currentTenantCode());\n xhr.setRequestHeader('X-Request-ID', requestId());\n if (onProgress) {\n xhr.upload.onprogress = e => onProgress(e.lengthComputable ? e.loaded / e.total : 0);\n }\n xhr.onload = () => {\n let payload = {};\n try { payload = JSON.parse(xhr.responseText); } catch (e) { /* handled below */ }\n if (xhr.status >= 200 && xhr.status < 300 && payload.code === 0) {\n resolve(normalizeResponse(payload));\n } else {\n reject(new ImApiError(payload.message || payload.reason || '上传失败', payload.reason, xhr.status, payload.details));\n }\n };\n xhr.onerror = () => reject(new ImApiError('网络错误，上传失败', 'NETWORK_ERROR', 0));\n xhr.send(form);\n });\n}\n\n// Native large-file upload (Ch.6 group avatars & group files). uploadPublicFile() above can't be reused --\n// its `purpose` is server-whitelisted to exactly 'enterprise_license'/'tenant_entry_feedback'. The vendored\n// SDK's own tinode.getLargeFileHelper().upload() talks to the same underlying native endpoint but gets two\n// headers wrong for this backend (verified live against the real server, not just read from source):\n// it sends 'X-Tinode-APIKey' (server only accepts 'X-MeetingIM-APIKey', same rename Phase 0 already applied\n// everywhere else in this file) and 'X-Tinode-Auth' (server's getHttpAuth() doesn't recognize that header\n// name at all, only 'X-MeetingIM-Auth' or plain 'Authorization'). The auth *value* must be the native Tinode\n// session token (tinode.getAuthToken().token, scheme 'Token') -- the REST layer's own sessionStorage Bearer\n// token is a separate namespace and fails this endpoint's base64 secret decode with a 400. Response is\n// Tinode's native {ctrl:{code,text,params:{url,expires}}} envelope, not the {code:0,data} REST envelope --\n// there's no separate file_id field; the id is the last path segment of `url`, kept verbatim (including its\n// extension suffix) since getFileUrl() already round-trips that exact format unmodified.\nexport function uploadLargeFile(tinode, file, onProgress) {\n const authToken = tinode && tinode.getAuthToken && tinode.getAuthToken();\n if (!authToken) {\n return Promise.reject(new ImApiError('尚未登录，无法上传文件', 'AUTH_REQUIRED', 401));\n }\n const form = new FormData();\n form.append('file', file);\n form.set('id', tinode.getNextUniqueId());\n return new Promise((resolve, reject) => {\n const xhr = new XMLHttpRequest();\n xhr.open('POST', fileBase() + '/u/');\n xhr.setRequestHeader('X-MeetingIM-APIKey', API_KEY);\n xhr.setRequestHeader('Authorization', 'Token ' + authToken.token);\n if (onProgress) {\n xhr.upload.onprogress = e => onProgress(e.lengthComputable ? e.loaded / e.total : 0);\n }\n xhr.onload = () => {\n let payload = {};\n try { payload = JSON.parse(xhr.responseText); } catch (e) { /* handled below */ }\n const ctrl = payload.ctrl || {};\n if (xhr.status >= 200 && xhr.status < 300 && ctrl.params && ctrl.params.url) {\n const url = ctrl.params.url;\n resolve({fileId: url.slice(url.lastIndexOf('/') + 1), url, expires: ctrl.params.expires});\n } else {\n reject(new ImApiError(ctrl.text || '上传失败', 'UPLOAD_FAILED', xhr.status));\n }\n };\n xhr.onerror = () => reject(new ImApiError('网络错误，上传失败', 'NETWORK_ERROR', 0));\n xhr.send(form);\n });\n}\n\n// Fixed-headers drop-in replacement for tinode.getLargeFileHelper(), for sending chat attachments\n// (messages-view.jsx). The vendored SDK's LargeFileHelper hardcodes the same two wrong headers\n// uploadLargeFile() above works around ('X-Tinode-APIKey' instead of 'X-MeetingIM-APIKey', and\n// 'X-Tinode-Auth' instead of 'Authorization') -- confirmed live: every image/video/file/voice message\n// too large to send inband was silently failing to upload. Can't just call uploadLargeFile() at each\n// call site instead, because messages-view.jsx also depends on LargeFileHelper's cancel-in-flight-send\n// support (handleCancelUpload) and its urlPromise contract (Drafty.attachFile/insertImage/insertVideo/\n// insertAudio expect the resolved value to be a bare URL string, or for video a [url, prevUrl] pair --\n// not the {fileId,url,expires} object uploadLargeFile() returns). This mirrors just that subset of the\n// real class's interface (upload() returning a bare-URL promise, onProgress, and cancel() aborting any\n// still-in-flight XHRs via the same `this.xhr` array pattern the real LargeFileHelper.cancel() uses).\nexport function createChatUploader(tinode) {\n const xhrs = [];\n return {\n onProgress: null,\n upload(file) {\n const self = this;\n const authToken = tinode && tinode.getAuthToken && tinode.getAuthToken();\n if (!authToken) {\n return Promise.reject(new ImApiError('尚未登录，无法上传文件', 'AUTH_REQUIRED', 401));\n }\n return new Promise((resolve, reject) => {\n const form = new FormData();\n form.append('file', file);\n form.set('id', tinode.getNextUniqueId());\n const xhr = new XMLHttpRequest();\n xhrs.push(xhr);\n xhr.open('POST', fileBase() + '/u/');\n xhr.setRequestHeader('X-MeetingIM-APIKey', API_KEY);\n xhr.setRequestHeader('Authorization', 'Token ' + authToken.token);\n xhr.upload.onprogress = e => {\n if (e.lengthComputable && self.onProgress) {\n self.onProgress(e.loaded / e.total);\n }\n };\n xhr.onload = () => {\n let payload = {};\n try { payload = JSON.parse(xhr.responseText); } catch (e) { /* handled below */ }\n const ctrl = payload.ctrl || {};\n if (xhr.status >= 200 && xhr.status < 300 && ctrl.params && ctrl.params.url) {\n resolve(ctrl.params.url);\n } else {\n reject(new ImApiError(ctrl.text || '上传失败', 'UPLOAD_FAILED', xhr.status));\n }\n };\n xhr.onerror = () => reject(new ImApiError('网络错误，上传失败', 'NETWORK_ERROR', 0));\n xhr.send(form);\n });\n },\n cancel() {\n xhrs.forEach(req => { if (req.readyState < 4) { req.abort(); } });\n }\n };\n}\n\n// Fixed-headers drop-in replacement for tinode.getLargeFileHelper(), for downloading a chat/favorite\n// out-of-band attachment (content-library-view.jsx's DownloadPage). Same wrong-header bug as\n// createChatUploader() above -- the vendored SDK's LargeFileHelper.download() also hardcodes\n// 'X-Tinode-APIKey'/'X-Tinode-Auth', so every real (non-blob:/data:) download was silently failing.\n// Mirrors the real class's download()/cancel() interface exactly (including the onProgress/onError\n// callback-style signature DownloadPage already calls it with) so the call site needs no other change.\nexport function createFileDownloader(tinode) {\n const xhrs = [];\n return {\n download(relativeUrl, filename, mimetype, onProgress, onError) {\n const authToken = tinode && tinode.getAuthToken && tinode.getAuthToken();\n if (!authToken) {\n const err = new ImApiError('尚未登录，无法下载文件', 'AUTH_REQUIRED', 401);\n if (onError) { onError(err); }\n return Promise.reject(err);\n }\n return new Promise((resolve, reject) => {\n const xhr = new XMLHttpRequest();\n xhrs.push(xhr);\n xhr.open('GET', relativeUrl, true);\n xhr.setRequestHeader('X-MeetingIM-APIKey', API_KEY);\n xhr.setRequestHeader('Authorization', 'Token ' + authToken.token);\n xhr.responseType = 'blob';\n xhr.onprogress = e => { if (onProgress) { onProgress(e.loaded); } };\n xhr.onload = () => {\n if (xhr.status === 200) {\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(new Blob([xhr.response], {type: mimetype}));\n link.style.display = 'none';\n link.setAttribute('download', filename);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n window.URL.revokeObjectURL(link.href);\n resolve();\n } else {\n const reader = new FileReader();\n reader.onload = function() {\n let err;\n try {\n const pkt = JSON.parse(this.result);\n err = new ImApiError((pkt.ctrl && pkt.ctrl.text) || '下载失败', 'DOWNLOAD_FAILED', xhr.status);\n } catch (e) {\n err = new ImApiError('下载失败', 'DOWNLOAD_FAILED', xhr.status);\n }\n if (onError) { onError(err); }\n reject(err);\n };\n reader.readAsText(xhr.response);\n }\n };\n xhr.onerror = () => {\n const err = new ImApiError('网络错误，下载失败', 'NETWORK_ERROR', 0);\n if (onError) { onError(err); }\n reject(err);\n };\n xhr.send();\n });\n },\n cancel() {\n xhrs.forEach(req => { if (req.readyState < 4) { req.abort(); } });\n }\n };\n}\n\n// -- 1.1 Tenant resolution & entry (pre-login, no Authorization header). --\nexport function resolveTenant(tenantCode) {\n return imRequest('/tenants/resolve', {\n method: 'POST', auth: false, tenantCodeOverride: tenantCode,\n body: {tenant_code: tenantCode, platform: 'web', app_version: PACKAGE_VERSION || '0.25.3'}\n });\n}\n\n// 企业注册申请 / 入口反馈 / 意见反馈三个接口后端都定义了 client_context 且会入库\n// （imTenantApplicationRequest / imTenantEntryFeedbackRequest / imFeedbackRequest，\n// server/im_http.go:255/263/367，落库点 :790/:840/:1478），需求文档和对接文档也都要求带上\n// 设备与版本信息。前端一直没发。在这里统一注入，省得三处各写一遍、也不会再漏。\nfunction clientContext() {\n return {\n platform: 'web',\n app_version: PACKAGE_VERSION || '',\n user_agent: (typeof navigator !== 'undefined' && navigator.userAgent) || '',\n language: (typeof navigator !== 'undefined' && navigator.language) || '',\n // 网络类型不是所有浏览器都有（Safari/Firefox 没有 navigator.connection），拿不到就不发这一项\n network: (typeof navigator !== 'undefined' && navigator.connection && navigator.connection.effectiveType) || undefined\n };\n}\n\nexport function submitTenantApplication(body) {\n return imRequest('/tenant-applications', {method: 'POST', auth: false, headers: idem(),\n body: {client_context: clientContext(), ...body}});\n}\n\nexport function submitTenantEntryFeedback(body) {\n return imRequest('/tenant-entry-feedback', {method: 'POST', auth: false, headers: idem(),\n body: {client_context: clientContext(), ...body}});\n}\n\n// -- 1.4/1.5/1.6 Phone verification codes (register / reset_password / security scenes). --\nexport function requestVerificationCode(scene, phone) {\n return imRequest('/auth/verification-codes', {method: 'POST', auth: false, headers: idem(), body: {scene, phone}});\n}\n\nexport function verifyRegisterCode(challengeId, code) {\n return imRequest('/auth/verification-codes/' + encodeURIComponent(challengeId) + '/verify',\n {method: 'POST', auth: false, body: {code}});\n}\n\nexport function verifyPasswordResetCode(challengeId, code) {\n return imRequest('/auth/password-reset/challenges/' + encodeURIComponent(challengeId) + '/verify',\n {method: 'POST', auth: false, body: {code}});\n}\n\nexport function confirmPasswordReset(resetToken, newPassword) {\n return imRequest('/auth/password-reset/confirm',\n {method: 'POST', auth: false, headers: idem(), body: {reset_token: resetToken, new_password: newPassword}});\n}\n\n// -- Bootstrap / home. --\nexport function getBootstrap() {\n return imRequest('/bootstrap');\n}\n\nexport function getMe() {\n return imRequest('/me');\n}\n\n// -- Realname (1.8/1.9). --\nexport function getRealnameStatus() {\n return imRequest('/security/realname');\n}\n\nexport function submitRealname(body) {\n return imPost('/security/realname/submissions', body);\n}\n\n// -- Security challenge (1.7) & independent password (1.11). --\nexport function createSecurityChallenge(scene) {\n return imPost('/security/challenges', {scene, channel: 'sms'});\n}\n\nexport function verifySecurityChallenge(challengeId, code) {\n return imPost('/security/challenges/' + encodeURIComponent(challengeId) + '/verify', {code});\n}\n\nexport function setIndependentPassword(password, purpose, actionToken) {\n return imPost('/settings/independent-password', {password, purpose, action_token: actionToken});\n}\n\n// `action` defaults server-side to 'close_youth_mode' if omitted (server/im_http.go\n// imIndependentPasswordVerifyRequest) -- pass 'set_independent_password' to mint a token usable\n// with enableYouthMode instead, letting an already-set password unlock re-enabling without\n// forcing another SMS round-trip through the identity-check flow.\nexport function verifyIndependentPassword(password, purpose, action) {\n return imPost('/settings/independent-password/verify', {password, purpose, action});\n}\n\n// -- Friends / contacts (Ch.5). --\nexport const getFriends = (query = '', cursor = '', initial = '') => imGet('/friends' + qs({query, cursor, initial}));\nexport const getFriendRequests = (direction = 'inbound', status = 'all', cursor = '') =>\n imGet('/friend-requests' + qs({direction, status, cursor}));\nexport const createFriendRequest = (targetUserId, message = '', source = 'search', sourceTopic = '') =>\n imPost('/friend-requests', {target_user_id: targetUserId, message, source, source_topic: sourceTopic});\nexport const acceptFriendRequest = (requestId_, version) => imPost('/friend-requests/' + encodeURIComponent(requestId_) + '/accept', version ? {version} : {});\nexport const rejectFriendRequest = (requestId_, version) => imPost('/friend-requests/' + encodeURIComponent(requestId_) + '/reject', version ? {version} : {});\nexport const deleteFriend = userId => imDelete('/friends/' + encodeURIComponent(userId));\nexport const updateFriendRemark = (userId, remark) => imPatch('/friends/' + encodeURIComponent(userId), {remark});\nexport const searchUsers = (query, type = 'account', cursor = '') => imGet('/users/search' + qs({q: query, type, cursor}));\nexport const getUserProfile = identifier => imGet('/users/' + encodeURIComponent(identifier) + '/profile');\nexport const createMyQRCode = (expiresInSeconds = 86400) => imPost('/me/qrcodes', {purpose: 'add_friend', expires_in_seconds: expiresInSeconds});\nexport const createUserQRCode = (identifier, expiresInSeconds = 86400) =>\n imPost('/users/' + encodeURIComponent(identifier) + '/qrcodes', {purpose: 'add_friend', expires_in_seconds: expiresInSeconds});\nexport const resolveQRCode = (token, purpose = 'add_friend') => imPost('/qrcodes/resolve', {token, purpose});\nexport const getBlocks = (cursor = '') => imGet('/blocks' + qs({cursor}));\nexport const blockUser = userId => imPut('/blocks/' + encodeURIComponent(userId), {});\nexport const unblockUser = userId => imDelete('/blocks/' + encodeURIComponent(userId));\nexport const batchUnblockUsers = userIds => imPost('/blocks/batch-delete', {user_ids: userIds});\n\n// -- Conversations (Ch.2/3). --\nexport const searchConversations = (query = '', cursor = '') => imGet('/search/conversations' + qs({q: query, cursor}));\nexport const getSystemNotifications = (cursor = '', limit = 20) => imGet('/system-notifications' + qs({cursor, limit}));\nexport const markSystemNotificationRead = id => imPost('/system-notifications/' + encodeURIComponent(id) + '/read', {read_at: new Date().toISOString()});\nexport const getConversationContext = topic => imGet('/conversations/' + encodeURIComponent(topic) + '/context');\nexport const createP2PConversation = peerUserId => imPost('/conversations/p2p', {peer_user_id: peerUserId});\nexport const getConversationSettings = topic => imGet('/conversations/' + encodeURIComponent(topic) + '/settings');\nexport const updateConversationSettings = (topic, body) => imPatch('/conversations/' + encodeURIComponent(topic) + '/settings', body);\n\n// -- Messages (Ch.4/7). --\n// version 只能默认传 1：服务端做的是乐观锁校验（tenant_adapter.go:1963 要求 msg.Version 与传入值\n// 完全相等，否则 ErrDuplicate），但**没有任何消息读取接口下发过 version 字段**——messagePayload /\n// messageSearchPayload / mediaMessagePayload / favoriteSnapshot 全都没有，冲突时的错误里也不回传\n// 真实值。所以前端拿不到正确的版本号，被编辑过（version>1）的消息撤回必然失败。这是后端缺口，\n// 已记入《IM-后端问题清单.md》，不在前端绕。\nexport const recallMessage = (topic, seq, version = 1, reason = 'mistake') =>\n imPost('/topics/' + encodeURIComponent(topic) + '/messages/' + encodeURIComponent(seq) + '/recall', {version, reason});\nexport const reviseMessage = (topic, seq, content, version = 1) =>\n imPost('/topics/' + encodeURIComponent(topic) + '/messages/' + encodeURIComponent(seq) + '/revisions', {content, client_mid: requestId(), version});\nexport const getMessageReceipts = (topic, seq, cursor = '') =>\n imGet('/topics/' + encodeURIComponent(topic) + '/messages/' + encodeURIComponent(seq) + '/receipts' + qs({cursor}));\n// type='all' searches every message type (text/image/video/voice/file/link) -- the backend's own\n// default when the param is omitted/empty is \"no filter\", so defaulting to 'text' here would have\n// silently restricted every unqualified call to text-only messages.\nexport const searchTopicMessages = (topic, {query = '', type = 'all', cursor = ''} = {}) =>\n imGet('/topics/' + encodeURIComponent(topic) + '/messages/search' + qs({q: query, type, cursor}));\nexport const getMessageContext = (topic, seq, before = 20, after = 20) =>\n imGet('/topics/' + encodeURIComponent(topic) + '/messages/' + encodeURIComponent(seq) + '/context' + qs({before, after}));\nexport const getTopicMedia = (topic, type = 'image', cursor = '') =>\n imGet('/topics/' + encodeURIComponent(topic) + '/media' + qs({type, cursor}));\nexport const getForwardTargets = (query = '', cursor = '') => imGet('/forward-targets' + qs({query, cursor}));\nexport const forwardMessages = (mode, sources, targetTopics, comment = '') =>\n imPost('/messages/forward', {mode, sources, target_topics: targetTopics, comment});\nexport const getForwardBundle = (bundleId, cursor = '') => imGet('/forward-bundles/' + encodeURIComponent(bundleId) + qs({cursor}));\nexport const favoriteMessages = messages => imPost('/favorites/batch', {messages: messages.map(m => ({...m, seq: String(m.seq)}))});\nexport const getFavorites = ({type = 'all', query = '', cursor = ''} = {}) => imGet('/favorites' + qs({type, q: query, cursor}));\nexport const getFavorite = favoriteId => imGet('/favorites/' + encodeURIComponent(favoriteId));\nexport const deleteFavorite = favoriteId => imDelete('/favorites/' + encodeURIComponent(favoriteId));\nexport const batchDeleteFavorites = favoriteIds => imPost('/favorites/batch-delete', {favorite_ids: favoriteIds});\nexport const forwardFavorites = (favoriteIds, targetTopics, comment = '') =>\n imPost('/favorites/forward', {favorite_ids: favoriteIds, target_topics: targetTopics, comment});\nexport const checkURL = (url, source = 'favorite') => imPost('/security/urls/check', {url, source});\nexport const confirmRiskChallenge = (riskChallengeId, decision = 'continue') =>\n imPost('/security/risk-challenges/' + encodeURIComponent(riskChallengeId) + '/confirm', {decision});\nexport const getMentionableGroupMembers = (topic, query = '', cursor = '') =>\n imGet('/groups/' + encodeURIComponent(topic) + '/members' + qs({mentionable: true, query, cursor}));\n\nexport async function fetchFileState(fileId, range = '') {\n const headers = {\n 'X-MeetingIM-APIKey': API_KEY, 'X-IM-Schema': '1',\n 'X-Tenant-Code': currentTenantCode(), 'X-Request-ID': requestId()\n };\n const token = authToken();\n // GET /v0/file/s/{id} is the native Tinode file-serving endpoint, not the /v1/im REST API --\n // it's auth-gated by the vendored SDK's auth-handler registry, which is keyed by the literal\n // scheme word in the header and only recognizes 'token' (used by uploadLargeFile above), never\n // 'bearer'. Sending 'Bearer' here (as imRequest correctly does for actual /v1/im/* calls) gets a\n // flat 400 \"malformed\" from every single call -- confirmed live against the real backend: same\n // token value, only the scheme word differs. authToken() itself already holds the right value\n // (tinode-web.jsx's handleLoginSuccessful stores tinode.getAuthToken().token verbatim into\n // sessionStorage['im-session-token']), so no plumbing change is needed beyond the scheme word.\n if (token) {\n headers.Authorization = 'Token ' + token;\n }\n if (range) {\n headers.Range = range;\n }\n const response = await fetch(fileBase() + '/s/' + encodeURIComponent(fileId), {headers});\n return {\n ok: response.ok, status: response.status,\n contentType: response.headers.get('content-type') || '',\n contentLength: response.headers.get('content-length') || '',\n acceptRanges: response.headers.get('accept-ranges') || '',\n etag: response.headers.get('etag') || ''\n };\n}\n\nexport function publicFileBase() {\n return fileBase();\n}\n\n// File serving (GET /v0/file/s/{id}) is auth-gated -- the upload endpoints never return a directly\n// servable URL (publicUploadPayload only has file_id/purpose/mime_type/size/expires_at), so a plain\n// can't be pointed at it (browsers don't attach custom headers to img/video/audio requests).\n// This fetches the bytes with the right headers once per file_id and hands back a blob: object URL,\n// cached so avatars/attachments repeated across a list (friends, search results, ...) aren't refetched.\nconst fileUrlCache = new Map();\nexport function getFileUrl(fileId) {\n if (!fileId) {\n return Promise.resolve(null);\n }\n if (fileUrlCache.has(fileId)) {\n return fileUrlCache.get(fileId);\n }\n const headers = {\n 'X-MeetingIM-APIKey': API_KEY, 'X-IM-Schema': '1',\n 'X-Tenant-Code': currentTenantCode(), 'X-Request-ID': requestId()\n };\n const token = authToken();\n // Same native-endpoint scheme requirement as fetchFileState() above -- 'Token', not 'Bearer'.\n if (token) {\n headers.Authorization = 'Token ' + token;\n }\n const promise = fetch(fileBase() + '/s/' + encodeURIComponent(fileId), {headers}).then(res => {\n if (!res.ok) {\n throw new ImApiError('文件加载失败', 'FILE_FETCH_FAILED', res.status);\n }\n return res.blob();\n }).then(blob => URL.createObjectURL(blob)).catch(err => {\n fileUrlCache.delete(fileId);\n throw err;\n });\n fileUrlCache.set(fileId, promise);\n return promise;\n}\n\n// -- Groups (Ch.6). --\nexport const getGroups = ({category = 'joined', query = '', cursor = ''} = {}) => imGet('/groups' + qs({category, query, cursor}));\nexport const createGroup = ({name, description = '', memberUserIds = [], avatarFileId = ''}) =>\n imPost('/groups', {name, description, member_user_ids: memberUserIds, avatar_file_id: avatarFileId});\nexport const getGroup = topic => imGet('/groups/' + encodeURIComponent(topic));\nexport const updateGroup = (topic, body) => imPatch('/groups/' + encodeURIComponent(topic), body);\nexport const getGroupSettings = topic => imGet('/groups/' + encodeURIComponent(topic) + '/settings');\nexport const updateGroupMemberSettings = (topic, {pinned, mute_notifications}) =>\n imPatch('/groups/' + encodeURIComponent(topic) + '/member-settings', {pinned, mute_notifications});\nexport const updateMyGroupProfile = (topic, nickname, version) =>\n imPut('/groups/' + encodeURIComponent(topic) + '/members/me/profile', {nickname, version});\n// GET .../members/me/profile is the only endpoint that actually returns the saved nickname --\n// confirmed live that GET .../members (getGroupMembers below) never includes group_nickname on any\n// item, so anything reading the nickname from that list (as this file's own callers used to) will\n// always see it as unset even right after a successful save.\nexport const getMyGroupProfile = topic => imGet('/groups/' + encodeURIComponent(topic) + '/members/me/profile');\nexport const leaveGroup = topic => imPost('/groups/' + encodeURIComponent(topic) + '/leave', {});\nexport const getGroupMembers = (topic, {query = '', cursor = '', role = '', eligibleRole = '', mentionable, muteEligible} = {}) =>\n imGet('/groups/' + encodeURIComponent(topic) + '/members' +\n qs({query, cursor, role, eligible_role: eligibleRole, mentionable: mentionable ? 'true' : '', mute_eligible: muteEligible ? 'true' : ''}));\nexport const createGroupQRCode = (topic, expiresInSeconds = 86400) =>\n imPost('/groups/' + encodeURIComponent(topic) + '/qrcodes', {expires_in_seconds: expiresInSeconds});\nexport const inviteGroupMembers = (topic, userIds, message = '') =>\n imPost('/groups/' + encodeURIComponent(topic) + '/invitations', {user_ids: userIds, message});\nexport const acceptGroupInvitation = invitationId => imPost('/group-invitations/' + encodeURIComponent(invitationId) + '/accept', {});\nexport const createGroupJoinRequest = (topic, {message = '', source = 'qr', qrToken = ''} = {}) =>\n imPost('/groups/' + encodeURIComponent(topic) + '/join-requests', {message, source, qr_token: qrToken});\nexport const getGroupJoinRequests = (topic, status = 'pending', cursor = '') =>\n imGet('/groups/' + encodeURIComponent(topic) + '/join-requests' + qs({status, cursor}));\nexport const acceptGroupJoinRequest = (topic, requestId_, version) =>\n imPost('/groups/' + encodeURIComponent(topic) + '/join-requests/' + encodeURIComponent(requestId_) + '/accept', version ? {version} : {});\n// Server struct (imGroupJoinRequestActionRequest) only has `Version` -- no reason field exists, and the\n// business layer hardcodes an empty reject-reason even internally, so there's nothing to send here. Every\n// JSON body goes through decodeIMJSONBody's DisallowUnknownFields(), so including an extra `reason` key\n// (as an earlier draft of this function did) makes every single call 400 regardless of its value.\nexport const rejectGroupJoinRequest = (topic, requestId_, version) =>\n imPost('/groups/' + encodeURIComponent(topic) + '/join-requests/' + encodeURIComponent(requestId_) + '/reject', version ? {version} : {});\nexport const getGroupSummary = topic => imGet('/groups/' + encodeURIComponent(topic) + '/summary');\nexport const getLatestGroupAnnouncement = topic => imGet('/groups/' + encodeURIComponent(topic) + '/announcements/latest');\nexport const updateCurrentGroupAnnouncement = (topic, content, version) =>\n imPut('/groups/' + encodeURIComponent(topic) + '/announcements/current', {content, version});\nexport const getGroupAnnouncement = (topic, announcementId) =>\n imGet('/groups/' + encodeURIComponent(topic) + '/announcements/' + encodeURIComponent(announcementId));\nexport const readGroupAnnouncement = (topic, announcementId) =>\n imPost('/groups/' + encodeURIComponent(topic) + '/announcements/' + encodeURIComponent(announcementId) + '/read', {});\nexport const getGroupGovernance = topic => imGet('/groups/' + encodeURIComponent(topic) + '/governance');\nexport const updateGroupGovernance = (topic, body) => imPatch('/groups/' + encodeURIComponent(topic) + '/governance', body);\nexport const getGroupRoleLimits = topic => imGet('/groups/' + encodeURIComponent(topic) + '/role-limits');\nexport const addGroupAdmins = (topic, userIds, version) => imPost('/groups/' + encodeURIComponent(topic) + '/admins/batch', {user_ids: userIds, version});\n// Must merge into idem()'s headers, not replace them (imDelete/imPost's `{headers: idem(), ...opts}`\n// lets a same-key `opts.headers` clobber the whole object) -- the same Idempotency-Key-goes-missing\n// bug this codebase already found and fixed once in disableYouthMode.\nexport const deleteGroupAdmin = (topic, userId, version) =>\n imDelete('/groups/' + encodeURIComponent(topic) + '/admins/' + encodeURIComponent(userId), version ? {headers: {...idem(), 'If-Match': String(version)}} : {});\nexport const muteGroupMembers = (topic, members, reason = '') => imPost('/groups/' + encodeURIComponent(topic) + '/mutes', {members, reason});\nexport const getGroupMutes = (topic, cursor = '') => imGet('/groups/' + encodeURIComponent(topic) + '/mutes' + qs({cursor}));\nexport const unmuteGroupMember = (topic, userId) => imDelete('/groups/' + encodeURIComponent(topic) + '/mutes/' + encodeURIComponent(userId));\nexport const transferGroupOwner = (topic, targetUserId, version, actionToken = '') =>\n imPost('/groups/' + encodeURIComponent(topic) + '/owner-transfer', {target_user_id: targetUserId, version},\n actionToken ? {headers: {...idem(), 'X-Action-Token': actionToken}} : {});\n// Real backend reads the search text from `q`, not `query` (confirmed against ListFiles's real\n// query-param handling, same bug class as getOrganizationMembers) -- the search box in Group Files\n// was silently a no-op.\nexport const getGroupFiles = (topic, {query = '', type = '', cursor = ''} = {}) =>\n imGet('/groups/' + encodeURIComponent(topic) + '/files' + qs({q: query, type, cursor}));\n// All fields besides file_id are `omitempty` server-side, so omitting them (as an earlier draft of this\n// function did) never errors -- it just registers a file with a blank name and 0 size in the files list.\nexport const addGroupFile = (topic, {fileId, fileName = '', mimeType = '', fileType = '', fileSize = 0, sourceTopic = '', sourceSeq} = {}) =>\n imPost('/groups/' + encodeURIComponent(topic) + '/files', {\n file_id: fileId, file_name: fileName, mime_type: mimeType, file_type: fileType, file_size: fileSize,\n source_topic: sourceTopic, source_seq: sourceSeq\n });\nexport const deleteGroupFile = (topic, groupFileId) => imDelete('/groups/' + encodeURIComponent(topic) + '/files/' + encodeURIComponent(groupFileId));\nexport const getGroupMemberProfile = (topic, userId) => imGet('/groups/' + encodeURIComponent(topic) + '/members/' + encodeURIComponent(userId) + '/profile');\n\n// -- Organization / workbench (Ch.9). --\nexport const getWorkbench = () => imGet('/workbench');\nexport const getOrganizationDepartments = (parentId = 'root', cursor = '') => imGet('/organization/departments' + qs({parent_id: parentId, cursor}));\nexport const getOrganizationDepartmentMembers = (departmentId, cursor = '') =>\n imGet('/organization/departments/' + encodeURIComponent(departmentId) + '/members' + qs({cursor}));\n// Real backend only reads `q` (server/im_http.go), never `query` -- confirmed against\n// server/im_http_test.go's own request fixtures. This function used to send `query`, silently making\n// every caller's search box a no-op (server ignores the unrecognized param and returns the unfiltered\n// list every time).\nexport const getOrganizationMembers = ({query = '', departmentId = '', cursor = ''} = {}) =>\n imGet('/organization/members' + qs({q: query, department_id: departmentId, cursor}));\nexport const searchOrganization = (query = '', types = 'department,user', cursor = '') =>\n imGet('/organization/search' + qs({q: query, types, cursor}));\nexport const getMeetings = (cursor = '', limit = 20) => imGet('/meetings' + qs({limit, cursor}));\nexport const createMeeting = body => imPost('/meetings', body);\nexport const getMeeting = meetingId => imGet('/meetings/' + encodeURIComponent(meetingId));\nexport const updateMeeting = (meetingId, body) => imPatch('/meetings/' + encodeURIComponent(meetingId), body);\nexport const cancelMeeting = (meetingId, version, reason = '时间冲突') => imPost('/meetings/' + encodeURIComponent(meetingId) + '/cancel', {version, reason});\nexport const sendMeetingReminders = meetingId => imPost('/meetings/' + encodeURIComponent(meetingId) + '/reminders', {});\nexport const respondMeeting = (meetingId, response, version) => imPut('/meetings/' + encodeURIComponent(meetingId) + '/my-response', {response, version});\n// Note: the server only reads scope/from/to/status/cursor -- 'date' and 'department_id' are\n// silently ignored (confirmed against server/im_http.go), so a single-day filter must be\n// expressed as from==to, and there is no way to scope this list to one department.\nexport const getDailyReports = ({scope = 'mine', from = '', to = '', status = '', cursor = ''} = {}) =>\n imGet('/reports/daily' + qs({scope, from, to, status, cursor}));\nexport const createDailyReport = reportDate => imPost('/reports/daily', {report_date: reportDate});\nexport const getDailyReport = reportId => imGet('/reports/daily/' + encodeURIComponent(reportId));\nexport const updateDailyDraft = (reportId, content, version, attachments = []) =>\n imPut('/reports/daily/' + encodeURIComponent(reportId) + '/draft', {content, attachments, version});\nexport const submitDailyReport = (reportId, version) => imPost('/reports/daily/' + encodeURIComponent(reportId) + '/submit', {version});\n// department_id is also ignored here -- statistics are always tenant-wide.\nexport const getDailyStatistics = date => imGet('/reports/daily/statistics' + qs({date}));\nexport const sendDailyReminders = (date, userIds = []) => imPost('/reports/daily/reminders', {date, user_ids: userIds});\nexport const getMonthlyReports = ({scope = 'mine', fromMonth = '', toMonth = '', status = '', cursor = ''} = {}) =>\n imGet('/reports/monthly' + qs({scope, from_month: fromMonth, to_month: toMonth, status, cursor}));\nexport const createMonthlyReport = month => imPost('/reports/monthly', {month});\nexport const getMonthlyReport = reportId => imGet('/reports/monthly/' + encodeURIComponent(reportId));\nexport const updateMonthlyDraft = (reportId, workSummary, nextPlan, version, attachments = []) =>\n imPut('/reports/monthly/' + encodeURIComponent(reportId) + '/draft', {work_summary: workSummary, next_plan: nextPlan, attachments, version});\nexport const submitMonthlyReport = (reportId, version) => imPost('/reports/monthly/' + encodeURIComponent(reportId) + '/submit', {version});\nexport const reopenMonthlyReport = (reportId, version, reason = '补充内容') =>\n imPost('/reports/monthly/' + encodeURIComponent(reportId) + '/reopen', {version, reason});\n// department_id is ignored here too -- statistics are always tenant-wide.\nexport const getMonthlyStatistics = month => imGet('/reports/monthly/statistics' + qs({month}));\nexport const getExecutiveMailboxConfig = () => imGet('/executive-mailbox/config');\nexport const submitExecutiveMailboxMessage = body => imPost('/executive-mailbox/submissions', body);\n\n// -- Personal settings (Ch.10). --\nexport const getMeProfile = () => imGet('/me/profile');\nexport const updateMeProfile = body => imPatch('/me/profile', body);\nexport const getMePrivacy = () => imGet('/me/privacy');\nexport const updateMePrivacy = body => imPatch('/me/privacy', body);\nexport const getYouthMode = () => imGet('/settings/youth-mode');\nexport const enableYouthMode = (policyVersion, actionToken) => imPost('/settings/youth-mode/enable', {policy_version: policyVersion, action_token: actionToken});\n// imPost spreads `opts` last, so passing `headers` directly would silently replace (not merge\n// with) the Idempotency-Key header from idem() -- confirmed live: the server actually enforces\n// it (\"Idempotency-Key is required\", 400), unlike the earlier research pass's assumption that a\n// missing key here was harmless. Merge explicitly instead of letting the spread clobber it.\nexport const disableYouthMode = actionToken => imPost('/settings/youth-mode/disable', {}, {headers: {...idem(), 'X-Action-Token': actionToken}});\nexport const getLatestAppRelease = ({platform = 'android', currentVersion = '1.0.0', channel = 'stable'} = {}) =>\n imGet('/app/releases/latest' + qs({platform, current_version: currentVersion, channel}));\nexport const updateDevicePushToken = (deviceId, body) => imPut('/devices/' + encodeURIComponent(deviceId) + '/push-token', body);\n\n// -- Reports & feedback (Ch.11). --\nexport const getAbuseReasons = (targetType = 'user') => imGet('/reports/abuse/reasons' + qs({target_type: targetType}));\nexport const submitAbuseReport = body => imPost('/reports/abuse', body);\nexport const getFeedbackConfig = () => imGet('/feedback/config');\nexport const submitFeedback = body => imPost('/feedback', {client_context: clientContext(), ...body});\n","// Helper functions for storing values in localStorage.\n// By default localStorage can store only strings, not objects or other types.\n\nexport default class LocalStorageUtil {\n // Replace old object with the new one.\n static setObject(key, value) {\n localStorage.setItem(key, JSON.stringify(value));\n }\n\n // Get stored object.\n static getObject(key) {\n const value = localStorage.getItem(key);\n return value && JSON.parse(value);\n }\n\n // Partially or wholly update stored object.\n static updateObject(key, value) {\n const oldVal = this.getObject(key);\n this.setObject(key, Object.assign(oldVal || {}, value));\n }\n\n // Just a wrapper.\n static removeItem(key) {\n localStorage.removeItem(key);\n }\n}\n","// Utility class for hash navigation.\n\n// Every `navigateTo` call assigns `location.hash`, which the browser already records as a normal\n// history entry -- `history.back()` would land on whatever the user actually saw before, for free.\n// The product's \"back\" buttons never used that: each page hardcodes a single destination view name\n// (e.g. Profile's `back={friend ? 'friend-profile' : 'chat-standard'}`), which is only ever right for\n// the one entry point its author had in mind. Reach the same page from a second place (search result\n// vs. QR scan vs. a banner inside an open chat) and \"back\" throws you at that guessed destination\n// instead of retracing your actual steps. `goBack()` below is the fix: count real in-app navigations\n// this page load and prefer `history.back()` whenever there's one to return to, only falling back to\n// the old hardcoded guess when there truly isn't (fresh load, deep link, or a page refresh -- this\n// counter is in-memory and intentionally does not survive those).\nlet navigationCount = 0;\n\nexport default class HashNavigation {\n // Parse hash as in http://www.example.com/path#hash as if it were\n // path and arguments.\n static parseUrlHash(hash) {\n // Split 'path/?args' into 'path/' and 'args', path -> parts[0], args->path[1].\n const parts = hash.split('?', 2);\n const params = {};\n let path = [];\n if (parts[0]) {\n path = parts[0].replace('#', '').split('/');\n }\n if (parts[1]) {\n parts[1].split('&').forEach((arg) => {\n // Can't use split() because the value may contain '='.\n const eq = arg.indexOf('=');\n if (eq > 0) {\n params[arg.slice(0, eq)] = decodeURIComponent(arg.slice(eq + 1));\n }\n });\n }\n return {path: path, params: params};\n }\n\n static navigateTo(url) {\n navigationCount++;\n window.location.hash = url;\n }\n\n // Real \"back\": retraces the hash the user was actually on before, via native browser history,\n // rather than a page's own guess at where it must have been reached from. Returns whether it\n // actually did that -- every call site already has its own hardcoded-destination `navigate(...)`\n // fallback (a page's `back`/`backUid`/`backTopic` props) for the one case this can't cover: a\n // fresh load, deep link, or refresh, where there's no in-app history yet to go back to (this\n // counter is in-memory by design and does not survive those) -- callers keep using that fallback\n // unchanged, just gated behind `if (!HashNavigation.goBack()) { ...existing fallback... }`.\n static goBack() {\n if (navigationCount > 0) {\n navigationCount--;\n window.history.back();\n return true;\n }\n return false;\n }\n\n static composeUrlHash(path, params) {\n let url = path.join('/');\n const args = [];\n for (const key in params) {\n if (params.hasOwnProperty(key)) {\n if (params[key] !== undefined) {\n args.push(key + '=' + encodeURIComponent(params[key]));\n }\n }\n }\n if (args.length > 0) {\n url += '?' + args.join('&');\n }\n return url;\n }\n\n static addUrlParam(hash, key, value) {\n const parsed = HashNavigation.parseUrlHash(hash);\n parsed.params[key] = value;\n return HashNavigation.composeUrlHash(parsed.path, parsed.params);\n }\n\n static removeUrlParam(hash, key) {\n const parsed = HashNavigation.parseUrlHash(hash);\n delete parsed.params[key];\n return HashNavigation.composeUrlHash(parsed.path, parsed.params);\n }\n\n static removeUrlParams(hash, keys) {\n if (!Array.isArray(keys)) {\n keys = [keys];\n }\n const parsed = HashNavigation.parseUrlHash(hash);\n for (const key of keys) {\n delete parsed.params[key];\n }\n return HashNavigation.composeUrlHash(parsed.path, parsed.params);\n }\n\n static setUrlSidePanel(hash, sidepanel) {\n const parsed = HashNavigation.parseUrlHash(hash);\n parsed.path[0] = sidepanel;\n return HashNavigation.composeUrlHash(parsed.path, parsed.params);\n }\n\n static setUrlInfoPanel(hash, infopanel) {\n const parsed = HashNavigation.parseUrlHash(hash);\n if (infopanel) {\n parsed.params.info = infopanel;\n } else {\n delete parsed.params.info;\n }\n return HashNavigation.composeUrlHash(parsed.path, parsed.params);\n }\n\n static setUrlTopic(hash, topic) {\n const parsed = HashNavigation.parseUrlHash(hash);\n parsed.path[1] = topic;\n // Close InfoView on topic change.\n delete parsed.params.info;\n return HashNavigation.composeUrlHash(parsed.path, parsed.params);\n }\n}\n","// Short representation of time in the past.\nexport function shortDateFormat(then, locale) {\n locale = locale || window.navigator.userLanguage || window.navigator.language;\n const now = new Date();\n if (then.getFullYear() == now.getFullYear()) {\n // Same year.\n if (then.getMonth() == now.getMonth() && then.getDate() == now.getDate()) {\n // Same month and day, show time only.\n return then.toLocaleTimeString(locale, {hour12: false, hour: '2-digit', minute: '2-digit'});\n }\n // Different month and/or day, show month day, time.\n return then.toLocaleDateString(locale,\n {hour12: false, month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'});\n }\n // Different year: just show the date.\n return then.toLocaleDateString(locale, {year: 'numeric', month: 'short', day: 'numeric'});\n}\n\n// Representation a date relative to now.\nexport function relativeDateFormat(then, locale) {\n locale = locale || window.navigator.userLanguage || window.navigator.language;\n const now = new Date();\n const thenDays = Math.floor((then.getTime() - then.getTimezoneOffset() * 60_000) / 86_400_000);\n const nowDays = Math.floor((now.getTime() - now.getTimezoneOffset() * 60_000) / 86_400_000);\n const diff = thenDays - nowDays;\n if (Math.abs(diff) < 2) {\n // Today or yesterday.\n return new Intl.RelativeTimeFormat(locale, { numeric: 'auto' }).format(diff, 'day')\n }\n // More than two days: just show the date.\n return new Intl.DateTimeFormat(locale).format(then);\n}\n\n// Convert seconds to [hours:]minutes:seconds, i.e. 156 sec -> 2:36, 3756 sec -> 1:02:36.\n// If fixedMins is true, then minutes are represented by at least two digits.\nexport function secondsToTime(seconds, fixedMin) {\n if (typeof seconds != 'number') {\n return '';\n }\n\n let min = (Math.floor(seconds / 60) | 0) % 60;\n let hours = Math.floor(seconds / 3600) | 0;\n\n if (fixedMin || hours > 0) {\n min = min < 10 ? `0${min}` : min;\n }\n let sec = (seconds | 0) % 60;\n sec = sec < 10 ? `0${sec}` : sec;\n if (hours == 0) {\n return `${min}:${sec}`;\n }\n return `${hours}:${min}:${sec}`;\n}\n\n// Convert a number of bytes to human-readable format.\nexport function bytesToHumanSize(bytes) {\n if (!bytes || bytes == 0) {\n return '0 Bytes';\n }\n\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];\n const bucket = Math.min(Math.floor(Math.log2(bytes) / 10) | 0, sizes.length-1);\n const count = bytes / Math.pow(1024, bucket);\n const round = bucket > 0 ? (count < 3 ? 2 : (count < 30 ? 1 : 0)) : 0;\n return count.toFixed(round) + ' ' + sizes[bucket];\n}\n\n// Shorten a file name to be under maxLength by clipping out the middle.\nexport function shortenFileName(filename, maxLength) {\n if (typeof filename != 'string') {\n return filename;\n }\n return filename.length > maxLength ?\n filename.slice(0, maxLength/2 - 1) + '…' + filename.slice(1 - maxLength/2) : filename;\n}\n\n// Get 32 bit integer hash value for a string. Ideally it should produce the same value\n// as Java's String#hash().\nfunction stringToColorHash(value) {\n let hash = 0;\n value = '' + value;\n for (let i = 0; i < value.length; i++) {\n hash = ((hash << 5) - hash) + value.charCodeAt(i);\n hash = hash & hash; // Convert to 32bit integer\n }\n return hash;\n}\n\n// User avatar letter color id.\nexport function letterTileColorId(userId) {\n return Math.abs(stringToColorHash(userId)) % 16;\n}\n\n// Converts user or topic ID to a CSS color class. Ideally it should produce the same color value as Java version.\n// params:\n// - {string} id: user or topic ID\n// - {boolean} light: light or dark version of the color.\n// - {boolean} fg: foreground (text) or background color.\nexport function idToColorClass(id, light, fg) {\n return (light ? 'lt-' : 'dk-') + (fg ? 'fg-' : 'bg-') + letterTileColorId(id);\n}\n\n// Takes ISO Alpha-2 country code, like 'US' and converts it to a flag emoji.\nexport function flagEmoji(countryCode) {\n const codePoints = countryCode\n .toUpperCase()\n .split('')\n .map(char => 0x1F1A5 + char.charCodeAt());\n return String.fromCodePoint(...codePoints);\n}\n\n// Truncate a string to a specific length and add ellipsis if needed.\n// Support both LTR and RTL languages.\nexport function truncateString(str, maxLength) {\n if (typeof str !== 'string') {\n return str;\n }\n if (str.length <= maxLength) {\n return str;\n }\n\n // Detect RTL characters in the string and truncate accordingly.\n const isRTL = /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\u08A0-\\u08FF\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(str);\n return isRTL ? '…' + str.slice(0, maxLength - 1) : str.slice(0, maxLength - 1) + '…';\n}\n","import React from 'react';\n\n// Many product-prototype views fetch their data with `useState(null)` + a `useEffect` that calls an\n// im-api.js getter. Every one of those unmounts when the user switches to a different sidepanel/tab\n// and remounts from scratch on the way back -- React state doesn't survive that, so the screen goes\n// blank (or shows a \"加载中\" placeholder) again while the same request that already succeeded once\n// this session re-runs. Reported directly: switching between pages feels like it reloads every time.\n//\n// This hook keeps a module-level cache (survives unmount/remount, cleared only by a real page reload)\n// keyed by whatever string the caller passes in, so a remounted view can paint its last-known-good\n// data immediately while a fresh request updates it in the background -- the request still always\n// happens, this only removes the empty flash while waiting for it.\nconst cache = new Map();\n\n// `fetcher` is called on every mount/dep-change (this is not a TTL cache -- there's no staleness\n// window, it always revalidates), but the *first* render after mount can use the previous result\n// for this key instead of null. `key` should already encode whatever varies the result (e.g. include\n// a user id or a \"mine\"/\"team\" flag) -- this module doesn't know how to derive that itself.\nexport function useCachedData(key, fetcher, deps) {\n const [data, setData] = React.useState(() => (key ? cache.get(key) : undefined));\n const [loading, setLoading] = React.useState(() => !!key && !cache.has(key));\n\n React.useEffect(() => {\n if (!key) return;\n let live = true;\n // Don't flip back to a loading state just because deps changed while we already have a cached\n // value for the new key -- only the truly-never-fetched case should show a loading affordance.\n setLoading(!cache.has(key));\n fetcher().then(result => {\n if (!live) return;\n cache.set(key, result);\n setData(result);\n setLoading(false);\n }).catch(() => {\n // Keep whatever stale/cached value was already showing rather than clearing it on a transient\n // failure -- a blank screen on error is worse than a slightly-out-of-date one.\n if (live) setLoading(false);\n });\n return () => { live = false; };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [key, ...(deps || [])]);\n\n return [data, loading];\n}\n\n// For the (rarer) case a view wants to seed its own useState from the cache directly -- e.g. when it\n// needs to merge the cached value with other local state instead of holding it as the sole source of\n// truth. Does not itself revalidate; pair it with writeCachedData once a fresh fetch resolves.\nexport function readCachedData(key) {\n return key ? cache.get(key) : undefined;\n}\n\nexport function writeCachedData(key, value) {\n if (key) cache.set(key, value);\n}\n\n// 搜索框防抖：返回一个滞后于 `value` 的值，只有停止输入 `delay` 毫秒后才更新。\n// 用途是把\"每敲一个字符发一次请求\"降成\"停下来才发一次\"。收藏搜索、会话内检索、群聊搜索\n// 原来都是把 query 直接放进 effect 依赖里，输入 6 个字的关键词就打 6 次接口，\n// 而且返回顺序没有保证——后发的短前缀请求可能后到，把正确结果覆盖掉。\nexport function useDebouncedValue(value, delay = 300) {\n const [debounced, setDebounced] = React.useState(value);\n React.useEffect(() => {\n if (value === debounced) return undefined;\n const timer = window.setTimeout(() => setDebounced(value), delay);\n return () => window.clearTimeout(timer);\n }, [value, delay, debounced]);\n return debounced;\n}\n","// Odds and ends\n\nimport { Tinode } from 'tinode-sdk';\nimport { WALLPAPER_DEFAULTS } from '../config.js';\n\n// The backend's REST group layer writes a group's display name into its native Tinode `public`\n// blob under a plain `name` key instead of the protocol-standard `fn` the SDK (and every other\n// Tinode client) expects -- confirmed live against a freshly created group: `topic.public` comes\n// back as `{name:'...', version:1}`, no `fn` at all. P2P/self topics are unaffected (their `public`\n// really does carry `fn`). Until the backend writes `fn` correctly, every place that shows a\n// topic's name has to fall back to `public.name` specifically for groups, or every group in the\n// app displays as \"未命名\"/\"未命名会话\" (unnamed) -- this happened in the chat header, the\n// conversation list, and the contact-list widget (used by member/forward pickers) before this.\nexport function topicDisplayName(topicName, publicData, fallback) {\n const fn = publicData && publicData.fn;\n if (fn) return fn;\n if (publicData && Tinode.isGroupTopicName(topicName) && publicData.name) return publicData.name;\n // 自聊天（slf）没有 public，原来会一路落到 fallback —— 消息首页因此把它显示成\"未命名会话\"。\n // 它的显示名靠 Tinode.isSelfTopicName 特判得出，不在 public 里。这里集中处理，所有调用点都受益；\n // 已经自己判过的地方（batch-forward-dialog 等）在调用前就短路了，不受影响。\n if (Tinode.isSelfTopicName(topicName)) return '已保存的消息';\n return fallback;\n}\n\n// Make shortcut icon appear with a green dot + show unread count in title.\nexport function updateFavicon(count) {\n const oldIcon = document.getElementById('shortcut-icon');\n const head = document.head || document.getElementsByTagName('head')[0];\n const newIcon = document.createElement('link');\n newIcon.type = 'image/png';\n newIcon.id = 'shortcut-icon';\n newIcon.rel = 'shortcut icon';\n newIcon.href = 'img/logo32x32' + (count > 0 ? 'a' : '') + '.png';\n if (oldIcon) {\n head.removeChild(oldIcon);\n }\n head.appendChild(newIcon);\n\n document.title = (count > 0 ? '('+count+') ' : '') + 'Tinode';\n}\n\n// Create theCard which represents user's or topic's \"public\" info.\nexport function theCard(fn, imageUrl, imageMimeType, note) {\n let card = null;\n fn = fn && fn.trim();\n note = note && note.trim();\n\n if (fn) {\n card = {\n fn: fn\n };\n }\n\n if (typeof note == 'string') {\n card = card || {};\n card.note = note ? note : Tinode.DEL_CHAR;\n }\n\n if (imageUrl) {\n card = card || {};\n let mimeType = imageMimeType;\n // Is this a data URL \"data:[][;base64],\"?\n const matches = /^data:(image\\/[-a-z0-9+.]+)?(;base64)?,/i.exec(imageUrl);\n if (matches) {\n mimeType = matches[1];\n card.photo = {\n data: imageUrl.substring(imageUrl.indexOf(',') + 1),\n ref: Tinode.DEL_CHAR\n };\n } else {\n card.photo = {\n data: Tinode.DEL_CHAR,\n ref: imageUrl\n };\n }\n card.photo.type = (mimeType || 'image/jpeg').substring('image/'.length);\n }\n\n return card;\n}\n\n// Deep-shallow compare two arrays: shallow compare each element.\nexport function arrayEqual(a, b) {\n if (a === b) {\n return true;\n }\n\n if (!Array.isArray(a) || !Array.isArray(b)) {\n return false;\n }\n\n // Compare lengths first.\n if (a.length != b.length) {\n return false;\n }\n // Order of elements is ignored.\n a.sort();\n b.sort();\n for (let i = 0, l = a.length; i < l; i++) {\n if (a[i] !== b[i]) {\n return false;\n }\n }\n return true;\n}\n\n// Checks (loosely) if the given string is a phone. If so, returns the phone number in a format\n// as close to E.164 as possible.\nexport function asPhone(val) {\n val = val.trim();\n if (/^(?:\\+?(\\d{1,3}))?[- (.]*(\\d{3})[- ).]*(\\d{3})[- .]*(\\d{2})[- .]*(\\d{2})?$/.test(val)) {\n return val.replaceAll(/[- ().]*/g, '');\n }\n return null;\n}\n\n// Checks (loosely) if the given string is an email. If so returns the email.\nexport function asEmail(val) {\n val = val.trim();\n if (/^[a-z0-9_.+-]+@[a-z0-9-]+(\\.[a-z0-9-]+)+$/i.test(val)) {\n return val;\n }\n return null;\n}\n\n// Checks if URL is a relative url, i.e. has no 'scheme://', including the case of missing scheme '//'.\n// The scheme is expected to be RFC-compliant, e.g. [a-z][a-z0-9+.-]*\n// example.html - ok\n// https:example.com - not ok.\n// http:/example.com - not ok.\n// //example.com or \\\\example.com - not ok.\n// ' ↲ https://example.com' - not ok. (↲ means carriage return)\nexport function isUrlRelative(url) {\n // Replacing backslashes with forward slashes to mimic JS URL parser then testing for\n // 'scheme:' and '//' with optional space at the start.\n return url && !/^\\s*([a-z][a-z0-9+.-]*:|\\/\\/)/im.test(url.replace(/\\\\/g, '/'));\n}\n\n// Ensure URL does not present an XSS risk. Optional allowedSchemes may contain an array of\n// strings with permitted URL schemes, such as ['ftp', 'ftps']; otherwise accept http and https only.\nexport function sanitizeUrl(url, allowedSchemes) {\n if (typeof url != 'string') {\n return url;\n }\n\n // Strip control characters and whitespace. They are not valid URL characters anyway.\n url = url.replace(/[^\\x21-\\x7E]/gmi, '').trim();\n\n // Replace backslashes with forward slashes. They will be replaced in the URL parser anyway.\n url = url.replace(/\\\\/g, '/');\n\n // Relative URLs are safe.\n // Relative URL does not start with ':', abcd123: or '//'.\n if (!/^([a-z][a-z0-9+.-]*:|\\/\\/)/i.test(url)) {\n return url;\n }\n\n // Blob URLs are safe.\n if (/^blob:http/.test(url)) {\n return url;\n }\n\n // Absolute URL. Accept only safe schemes, or no scheme.\n const schemes = Array.isArray(allowedSchemes) ? allowedSchemes.join('|') : 'http|https';\n const re = new RegExp('^((' + schemes + '):|//)', 'i');\n if (!re.test(url)) {\n return null;\n }\n\n return url;\n}\n\n// Ensure URL is suitable as a source like field: the URL must be a relative URL or\n// have http:, https:, blob: or data: scheme.\n// In case of data: scheme, the URL must must be of the right MIME type such as 'data:{mimeMajor}/XXXX;base64,'.\nexport function sanitizeUrlForMime(url, mimeMajor) {\n if (!url) {\n return null;\n }\n\n const sanitizedUrl = sanitizeUrl(url);\n if (sanitizedUrl) {\n return sanitizedUrl;\n }\n\n // Is this a data: URL of the appropriate mime type?\n const re = new RegExp(`data:${mimeMajor}\\/[-+.a-z0-9]+;base64,`, 'i');\n if (re.test(url.trim())) {\n return url;\n }\n\n return null;\n}\n\n// Append query parameter 'asatt=1' to the URL.\n// It will cause Tinode server to add 'Content-Disposition: attachment' header when serving it.\n// The URL is a string. The URL here is always absolute.\nexport function urlAsAttachment(url) {\n // TODO: check if URL is local or remote, i.e. compare to window.location.origin.\n /*\n if (typeof window.location == 'object') {\n if (!url.startsWith(window.location.origin)) {\n return url;\n }\n }\n */\n // Check if the URL is a data or blob. Do not alter such URLs.\n if (url.startsWith('data:') || url.startsWith('blob:')) {\n return url;\n }\n\n // Split URL into host+path, query, fragment.\n let query = '', fragment = '';\n const idxF = url.indexOf('#');\n if (idxF > 0) {\n fragment = url.substring(idxF+1);\n url = url.substring(0, idxF);\n }\n const idxQ = url.indexOf('?');\n if (idxQ > 0) {\n query = url.substring(idxQ+1);\n url = url.substring(0, idxQ);\n }\n // Add parameter and reassemble.\n const params = new URLSearchParams(query);\n params.append('asatt', '1');\n return `${url}?${params.toString()}` + (fragment ? `#${fragment}` : '');\n}\n\n// Given message's received status, return name and color of a delivery indicator icon.\nexport function deliveryMarker(received) {\n switch (received) {\n case Tinode.MESSAGE_STATUS_SENDING:\n return { name: 'access_time' }; // watch face\n case Tinode.MESSAGE_STATUS_FAILED:\n case Tinode.MESSAGE_STATUS_FATAL:\n return { name: 'warning', color: 'red' }; // red icon /!\\\n case Tinode.MESSAGE_STATUS_SENT:\n return { name: 'done' }; // checkmark\n case Tinode.MESSAGE_STATUS_RECEIVED:\n return { name: 'done_all' }; // double checkmark\n case Tinode.MESSAGE_STATUS_READ:\n return { name: 'done_all', color: 'blue' }; // blue double checkmark\n }\n return null;\n}\n\n// Wraps a promise to make it cancelable.\n// The parameter can be either a promise or an error. If it's an error, the wrapped promise is\n// created in a rejected state.\nexport function cancelablePromise(promise) {\n let hasCanceled = false;\n\n const wrappedPromise = promise instanceof Error ?\n Promise.reject(promise) :\n new Promise((resolve, reject) => {\n promise.then(\n result => hasCanceled ? reject({isCanceled: true}) : resolve(result),\n error => hasCanceled ? reject({isCanceled: true}) : reject(error)\n );\n });\n\n return {\n promise: wrappedPromise,\n cancel() {\n hasCanceled = true;\n },\n };\n};\n\nexport function defaultWallpaper() {\n const wallpaperIndex = require('../../img/bkg/index.json');\n const wp = wallpaperIndex[WALLPAPER_DEFAULTS.type][WALLPAPER_DEFAULTS.index];\n return {name: `../${WALLPAPER_DEFAULTS.path}${wp.name}`, size: wp.size};\n}\n\nexport function wallpaperNameFromUrl(wallpaperUrl) {\n // Get filename from URL.\n const parts = wallpaperUrl.split('/');\n return parts[parts.length - 1];\n}\n\nexport function wallpaperTypeFromUrl(wallpaperUrl) {\n // Get filename from URL.\n const fname = wallpaperNameFromUrl(wallpaperUrl);\n const wallpaperIndex = require('../../img/bkg/index.json');\n for (const type in wallpaperIndex) {\n for (let i = 0; i < wallpaperIndex[type].length; i++) {\n if (wallpaperIndex[type][i].name == fname) {\n return type;\n }\n }\n }\n return null;\n}\n","// This is a generated file. Don't edit.\n\nexport const PACKAGE_VERSION = \"0.25.3\";\n","// Edit account parameters.\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nexport default class AccGeneralView extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n colorSchema: props.colorSchema || 'auto',\n textSize: (props.textSize * 10) || '100',\n sendOnEnter: props.sendOnEnter || 'plain',\n };\n\n this.isMac = ((navigator.userAgentData && navigator.userAgentData.platform)\n || navigator.platform).toLowerCase().startsWith('mac');\n this.handleColorSchemaSelected = this.handleColorSchemaSelected.bind(this);\n this.handleTextSizeChanged = this.handleTextSizeChanged.bind(this);\n this.handleSendOnEnterSelected = this.handleSendOnEnterSelected.bind(this);\n }\n\n handleColorSchemaSelected(e) {\n this.setState({colorSchema: e.currentTarget.value});\n this.props.onChangeColorSchema(e.currentTarget.value);\n }\n\n handleTextSizeChanged(e) {\n // In %%.\n this.setState({textSize: e.currentTarget.value});\n // Convert %% to pt, 100% = 10pt.\n this.props.onTextSizeChanged((e.currentTarget.value / 10) | 0);\n }\n\n handleSendOnEnterSelected(e) {\n this.setState({sendOnEnter: e.currentTarget.value});\n this.props.onSendOnEnterChanged(e.currentTarget.value);\n }\n\n render() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n light_mode\n \n \n \n \n \n \n dark_mode\n \n \n \n \n \n \n \n \n wallpaper \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n }\n};\n","// Edit account parameters.\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport CheckBox from '../widgets/checkbox.jsx';\n\nexport default class AccNotificationsView extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.handleCheckboxClick = this.handleCheckboxClick.bind(this);\n }\n\n handleCheckboxClick(what, checked) {\n if (what == 'sound') {\n this.props.onToggleMessageSounds(checked);\n } else if (what == 'alert') {\n this.props.onTogglePushNotifications(checked);\n }\n }\n\n render() {\n return (\n \n \n \n \n \n \n \n \n \n {this.props.desktopAlertsEnabled ?\n \n :\n \n }\n \n \n \n \n );\n }\n};\n","// Edit account parameters.\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Tinode } from 'tinode-sdk';\n\nimport { APP_NAME, LINK_CONTACT_US, LINK_PRIVACY_POLICY, LINK_TERMS_OF_SERVICE } from '../config.js';\n\nexport default class AccSupportView extends React.PureComponent {\n render() {\n return (\n \n \n \n email \n \n \n description \n \n \n policy \n \n \n \n \n \n \n {APP_NAME}\n \n \n \n {Tinode.getLibrary()}\n \n \n \n {this.props.serverVersion}\n \n \n \n {this.props.serverAddress}\n \n \n \n );\n }\n};\n","import React from 'react';\n\nimport HashNavigation from '../lib/navigation.js';\nimport {\n resolveTenant, submitTenantApplication, submitTenantEntryFeedback, uploadPublicFile,\n requestVerificationCode, verifyRegisterCode, verifyPasswordResetCode, confirmPasswordReset,\n createSecurityChallenge, verifySecurityChallenge, getRealnameStatus, submitRealname, setIndependentPassword,\n getYouthMode, enableYouthMode\n} from '../lib/im-api.js';\n\nconst USERNAME_RE = /^[a-z0-9]{1,10}$/;\nconst PHONE_RE = /^\\d{11}$/;\nconst INVITE_RE = /^[A-Za-z]{5}$/;\nconst CREDIT_CODE_RE = /^[0-9A-Z]{18}$/;\nconst EMAIL_RE = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\nconst navigate = view => HashNavigation.navigateTo(view);\n\nfunction Icon({children, className = ''}) {\n return {children};\n}\n\nfunction AppMark({tenantName}) {\n return \n J\n {tenantName || '即时通讯'}\n ;\n}\n\nfunction Header({title, back = 'tenant'}) {\n return \n { if (!HashNavigation.goBack()) navigate(back); }} aria-label=\"返回\">\n arrow_back_ios_new\n \n {title}\n \n ;\n}\n\nfunction Field({icon, action, error, className = '', ...props}) {\n return \n \n {icon ? {icon} : null}\n \n {action}\n \n {error ? {error} : null}\n ;\n}\n\nfunction PasswordField(props) {\n const [visible, setVisible] = React.useState(false);\n return setVisible(!visible)}\n aria-label={visible ? '隐藏密码' : '显示密码'}>{visible ? 'visibility' : 'visibility_off'}
fixedMins
没有账户？ navigate('register')}>马上注册
请填写营业执照上的统一社会信用代码
用于接收审核结果及企业通知
schedule资料提交后，预计 {reviewDays} 个工作日完成审核