verji · thoraj · Mar 5, 2024 · Mar 5, 2024 · Mar 6, 2024 · Mar 6, 2024
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -76,6 +76,7 @@ module.exports = {
                         group: [
                             "matrix-js-sdk/src/**",
                             "!matrix-js-sdk/src/matrix",
+                            "!matrix-js-sdk/src/types",
                             "matrix-js-sdk/lib",
                             "matrix-js-sdk/lib/",
                             "matrix-js-sdk/lib/**",
@@ -125,8 +126,6 @@ module.exports = {
                             "!matrix-js-sdk/src/crypto/verification/QRCode",
                             "!matrix-js-sdk/src/crypto/verification/request",
                             "!matrix-js-sdk/src/crypto/verification/request/VerificationRequest",
-                            "!matrix-js-sdk/src/common-crypto",
-                            "!matrix-js-sdk/src/common-crypto/CryptoBackend",
                             "!matrix-js-sdk/src/oidc",
                             "!matrix-js-sdk/src/oidc/discovery",
                             "!matrix-js-sdk/src/oidc/authorize",

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,25 @@
+Changes in [3.94.0](https://github.com/matrix-org/matrix-react-sdk/releases/tag/v3.94.0) (2024-03-12)
+=====================================================================================================
+## ✨ Features
+
+* Refine styles of controls to match Compound ([#12299](https://github.com/matrix-org/matrix-react-sdk/pull/12299)). Contributed by @robintown.
+* Hide the archived section ([#12286](https://github.com/matrix-org/matrix-react-sdk/pull/12286)). Contributed by @dbkr.
+* Add theme data to EC widget Url ([#12279](https://github.com/matrix-org/matrix-react-sdk/pull/12279)). Contributed by @toger5.
+* Update MSC2965 OIDC Discovery implementation ([#12245](https://github.com/matrix-org/matrix-react-sdk/pull/12245)). Contributed by @t3chguy.
+* Use green dot for activity notification in `LegacyRoomHeader` ([#12270](https://github.com/matrix-org/matrix-react-sdk/pull/12270)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Fix requests for senders to submit auto-rageshakes ([#12304](https://github.com/matrix-org/matrix-react-sdk/pull/12304)). Contributed by @richvdh.
+* fix automatic DM avatar with functional members ([#12157](https://github.com/matrix-org/matrix-react-sdk/pull/12157)). Contributed by @HarHarLinks.
+* Feeds event with relation to unknown to the widget ([#12283](https://github.com/matrix-org/matrix-react-sdk/pull/12283)). Contributed by @maheichyk.
+* Fix TAC opening with keyboard ([#12285](https://github.com/matrix-org/matrix-react-sdk/pull/12285)). Contributed by @florianduros.
+* Allow screenshot update docker to run multiple test files ([#12291](https://github.com/matrix-org/matrix-react-sdk/pull/12291)). Contributed by @dbkr.
+* Fix alignment of user menu avatar ([#12289](https://github.com/matrix-org/matrix-react-sdk/pull/12289)). Contributed by @dbkr.
+* Fix buttons of widget in a room ([#12288](https://github.com/matrix-org/matrix-react-sdk/pull/12288)). Contributed by @florianduros.
+* ModuleAPI: `overwrite_login` action was not stopping the existing client resulting in the action failing with rust-sdk ([#12272](https://github.com/matrix-org/matrix-react-sdk/pull/12272)). Contributed by @BillCarsonFr.
+
+
 Changes in [3.93.0](https://github.com/matrix-org/matrix-react-sdk/releases/tag/v3.93.0) (2024-02-27)
 =====================================================================================================
 ## 🦖 Deprecations

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "matrix-react-sdk",
-    "version": "3.93.0",
+    "version": "3.94.0",
     "description": "SDK for matrix.org using React",
     "author": "matrix.org",
     "repository": {

diff --git a/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts b/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts
@@ -17,6 +17,7 @@
  */
 
 import { expect, test } from ".";
+import { CommandOrControl } from "../../utils";
 
 test.describe("Threads Activity Centre", () => {
     test.use({
@@ -118,4 +119,19 @@ test.describe("Threads Activity Centre", () => {
         ]);
         await expect(util.getTacPanel()).toMatchScreenshot("tac-panel-notification-unread.png");
     });
+
+    test("should block the Spotlight to open when the TAC is opened", async ({ util, page }) => {
+        const toggleSpotlight = () => page.keyboard.press(`${CommandOrControl}+k`);
+
+        // Sanity check
+        // Open and close the spotlight
+        await toggleSpotlight();
+        await expect(page.locator(".mx_SpotlightDialog")).toBeVisible();
+        await toggleSpotlight();
+
+        await util.openTac();
+        // The spotlight should not be opened
+        await toggleSpotlight();
+        await expect(page.locator(".mx_SpotlightDialog")).not.toBeVisible();
+    });
 });
diff --git a/res/css/_components.pcss b/res/css/_components.pcss
@@ -209,7 +209,6 @@
 @import "./views/elements/_SearchWarning.pcss";
 @import "./views/elements/_ServerPicker.pcss";
 @import "./views/elements/_SettingsFlag.pcss";
-@import "./views/elements/_Slider.pcss";
 @import "./views/elements/_Spinner.pcss";
 @import "./views/elements/_StyledCheckbox.pcss";
 @import "./views/elements/_StyledRadioButton.pcss";

diff --git a/res/css/structures/_ThreadsActivityCentre.pcss b/res/css/structures/_ThreadsActivityCentre.pcss
@@ -16,6 +16,10 @@
  * /
  */
 
+.mx_ThreadsActivityCentre_container {
+    display: flex;
+}
+
 .mx_ThreadsActivityCentreButton {
     border-radius: 8px;
     margin: 18px auto auto auto;
@@ -58,12 +62,12 @@
     }
 }
 
-.mx_ThreadsActivity_rows {
+.mx_ThreadsActivityCentre_rows {
     overflow-y: scroll;
     /* Let some space at the top and the bottom of the pop-up */
     max-height: calc(100vh - 200px);
 
-    .mx_ThreadsActivityRow {
+    .mx_ThreadsActivityCentreRow {
         height: 48px;
 
         /* Make the label of the MenuItem stay on one line and truncate with ellipsis if needed */
@@ -72,7 +76,7 @@
             overflow: hidden;
             text-overflow: ellipsis;
             /* Arbitrary size, keep the TAC as the wanted width */
-            width: 194px;
+            width: 202px;
         }
     }
 }

diff --git a/res/css/views/dialogs/_ForwardDialog.pcss b/res/css/views/dialogs/_ForwardDialog.pcss
@@ -96,7 +96,8 @@ limitations under the License.
                 padding: 6px;
                 border-radius: 8px;
 
-                &:hover {
+                &:hover,
+                &.mx_ForwardList_entry_active {
                     background-color: $spacePanel-bg-color;
                 }
 

diff --git a/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss b/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss
@@ -117,6 +117,8 @@ limitations under the License.
                 .mx_AccessSecretStorageDialog_reset {
                     position: relative;
                     padding-inline-start: $spacingStart;
+                    /* To avoid bold styling inherent with <strong> elements */
+                    font-weight: inherit;
 
                     &::before {
                         content: "";

diff --git a/res/css/views/elements/_Slider.pcss b/res/css/views/elements/_Slider.pcss
diff --git a/res/themes/dark/css/_dark.pcss b/res/themes/dark/css/_dark.pcss
@@ -251,8 +251,6 @@ $progressbar-bg-color: var(--cpd-color-gray-200);
 $kbd-border-color: $strong-input-border-color;
 $visual-bell-bg-color: #800;
 $event-timestamp-color: $text-secondary-color;
-$slider-background-color: $quinary-content;
-$appearance-tab-border-color: $room-highlight-color;
 $composer-shadow-color: rgba(0, 0, 0, 0.28);
 $breadcrumb-placeholder-bg-color: #272c35;
 $theme-button-bg-color: #e3e8f0;

diff --git a/res/themes/legacy-dark/css/_legacy-dark.pcss b/res/themes/legacy-dark/css/_legacy-dark.pcss
@@ -208,9 +208,6 @@ $breadcrumb-placeholder-bg-color: #272c35;
 $voice-record-stop-border-color: #6f7882;
 $voice-record-icon-color: #6f7882;
 
-/* Appearance tab colors */
-$appearance-tab-border-color: $room-highlight-color;
-
 $composer-shadow-color: tranparent;
 
 $codeblock-background-color: #2a3039;

diff --git a/res/themes/legacy-light/css/_legacy-light.pcss b/res/themes/legacy-light/css/_legacy-light.pcss
@@ -269,9 +269,6 @@ $visual-bell-bg-color: #faa;
 $togglesw-off-color: #c1c9d6;
 $togglesw-ball-color: var(--cpd-color-bg-action-primary-rest);
 
-/* Slider */
-$slider-background-color: #c1c9d6;
-
 $progressbar-bg-color: rgba(141, 151, 165, 0.2);
 
 $authpage-bg-color: #2e3649;
@@ -305,9 +302,6 @@ $voice-record-live-circle-color: #ff4b55;
 $voice-record-stop-border-color: #e3e8f0;
 $voice-record-icon-color: $tertiary-fg-color;
 
-/* FontSlider colors */
-$appearance-tab-border-color: $input-darker-bg-color;
-
 $composer-shadow-color: tranparent;
 
 $codeblock-background-color: $header-panel-bg-color;

diff --git a/res/themes/light-high-contrast/css/_light-high-contrast.pcss b/res/themes/light-high-contrast/css/_light-high-contrast.pcss
@@ -31,7 +31,6 @@ $button-secondary-bg-color: $accent-fg-color;
 $message-action-bar-fg-color: $primary-content;
 $voice-record-stop-border-color: $quinary-content;
 $voice-record-icon-color: $tertiary-content;
-$appearance-tab-border-color: $input-darker-bg-color;
 $eventbubble-reply-color: $quaternary-content;
 $roomtopic-color: $secondary-content;
 
@@ -104,10 +103,6 @@ $accent-1400: var(--cpd-color-green-1400);
     background-color: $panel-actions !important;
 }
 
-.mx_FontScalingPanel_fontSlider {
-    background-color: $panel-actions !important;
-}
-
 .mx_ThemeChoicePanel_themeSelectors > .mx_StyledRadioButton input[type="radio"]:disabled + div {
     border-color: $primary-content;
 }

diff --git a/res/themes/light/css/_light.pcss b/res/themes/light/css/_light.pcss
@@ -316,8 +316,6 @@ $progressbar-bg-color: var(--cpd-color-gray-200);
 $kbd-border-color: $strong-input-border-color;
 $visual-bell-bg-color: #faa;
 $event-timestamp-color: #acacac;
-$slider-background-color: $togglesw-off-color;
-$appearance-tab-border-color: $input-darker-bg-color;
 $composer-shadow-color: rgba(0, 0, 0, 0.04);
 $breadcrumb-placeholder-bg-color: #e8eef5;
 $theme-button-bg-color: $quinary-content;

diff --git a/src/@types/matrix-js-sdk.d.ts b/src/@types/matrix-js-sdk.d.ts
@@ -0,0 +1,27 @@
+/*
+Copyright 2024 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { BLURHASH_FIELD } from "../utils/image-media";
+
+// Matrix JS SDK extensions
+declare module "matrix-js-sdk" {
+    export interface FileInfo {
+        /**
+         * @see https://github.com/matrix-org/matrix-spec-proposals/pull/2448
+         */
+        [BLURHASH_FIELD]?: string;
+    }
+}
diff --git a/src/ContentMessages.ts b/src/ContentMessages.ts
@@ -28,19 +28,19 @@ import {
     UploadProgress,
     THREAD_RELATION_TYPE,
 } from "matrix-js-sdk/src/matrix";
+import {
+    ImageInfo,
+    AudioInfo,
+    VideoInfo,
+    EncryptedFile,
+    MediaEventContent,
+    MediaEventInfo,
+} from "matrix-js-sdk/src/types";
 import encrypt from "matrix-encrypt-attachment";
 import extractPngChunks from "png-chunks-extract";
 import { logger } from "matrix-js-sdk/src/logger";
 import { removeElement } from "matrix-js-sdk/src/utils";
 
-import {
-    AudioInfo,
-    EncryptedFile,
-    ImageInfo,
-    IMediaEventContent,
-    IMediaEventInfo,
-    VideoInfo,
-} from "./customisations/models/IMediaEventContent";
 import dis from "./dispatcher/dispatcher";
 import { _t } from "./languageHandler";
 import Modal from "./Modal";
@@ -537,7 +537,7 @@ export default class ContentMessages {
         promBefore?: Promise<any>,
     ): Promise<void> {
         const fileName = file.name || _t("common|attachment");
-        const content: Omit<IMediaEventContent, "info"> & { info: Partial<IMediaEventInfo> } = {
+        const content: Omit<MediaEventContent, "info"> & { info: Partial<MediaEventInfo> } = {
             body: fileName,
             info: {
                 size: file.size,