feat: Enable on prem customer to disallow link previews regarless of desktop setting (#19267) (#19268)

Co-authored-by: Amir Ghezelbash <[email protected]>

Author: 2 people

server/config/client.config.ts

@@ -49,6 +49,7 @@ export function generateConfig(params: ConfigGeneratorParams, env: Env) {
       ALLOWED_FILE_UPLOAD_EXTENSIONS: (env.FEATURE_ALLOWED_FILE_UPLOAD_EXTENSIONS || '*')
         .split(',')
         .map(extension => extension.trim()),
+      ALLOW_LINK_PREVIEWS: env.FEATURE_ALLOW_LINK_PREVIEWS == 'true',
       APPLOCK_SCHEDULED_TIMEOUT: env.FEATURE_APPLOCK_SCHEDULED_TIMEOUT
         ? Number(env.FEATURE_APPLOCK_SCHEDULED_TIMEOUT)
         : null,

server/config/env.ts

@@ -87,6 +87,8 @@ export type Env = {
   /** Accepted file extensions for asset upload (e.g. ".txt,.jpg" or "*") */
   FEATURE_ALLOWED_FILE_UPLOAD_EXTENSIONS: string;
 
+  FEATURE_ALLOW_LINK_PREVIEWS: string;
+
   /** will enable the MLS protocol */
   FEATURE_USE_CORE_CRYPTO?: string;
 

src/script/conversation/MessageRepository.ts

@@ -79,6 +79,7 @@ import {AudioRepository} from '../audio/AudioRepository';
 import {AudioType} from '../audio/AudioType';
 import {ClientState} from '../client/ClientState';
 import {PrimaryModal} from '../components/Modals/PrimaryModal';
+import {Config} from '../Config';
 import {EventBuilder} from '../conversation/EventBuilder';
 import {CryptographyRepository} from '../cryptography/CryptographyRepository';
 import {PROTO_MESSAGE_TYPE} from '../cryptography/ProtoMessageType';
@@ -410,7 +411,10 @@ export class MessageRepository {
 
   private async handleLinkPreview(textPayload: TextMessagePayload & {messageId: string}) {
     // check if the user actually wants to send link previews
-    if (!this.propertyRepository.getPreference(PROPERTIES_TYPE.PREVIEWS.SEND)) {
+    if (
+      !this.propertyRepository.getPreference(PROPERTIES_TYPE.PREVIEWS.SEND) ||
+      Config.getConfig().FEATURE.ALLOW_LINK_PREVIEWS === false
+    ) {
       return;
     }
 

src/script/page/MainContent/panels/preferences/OptionPreferences.tsx

@@ -136,6 +136,7 @@ const OptionPreferences = ({propertiesRepository, selfUser}: OptionPreferencesPr
   ];
 
   const isMessageFormatButtonsFlagEnabled = Config.getConfig().FEATURE.ENABLE_MESSAGE_FORMAT_BUTTONS;
+  const isLinkPreviewsEnabled = Config.getConfig().FEATURE.ALLOW_LINK_PREVIEWS;
 
   return (
     <PreferencesPage title={t('preferencesOptions')}>
@@ -270,24 +271,26 @@ const OptionPreferences = ({propertiesRepository, selfUser}: OptionPreferencesPr
               </div>
             )}
 
-            <div className="checkbox-margin">
-              <Checkbox
-                tabIndex={TabIndex.FOCUSABLE}
-                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                  saveOptionSendPreviewsPreference(event.target.checked);
-                }}
-                checked={optionSendPreviews}
-                data-uie-name="status-preference-previews-send"
-              >
-                <CheckboxLabel htmlFor="status-preference-previews-send">
-                  {t('preferencesOptionsPreviewsSendCheckbox')}
-                </CheckboxLabel>
-              </Checkbox>
+            {isLinkPreviewsEnabled && (
+              <div className="checkbox-margin">
+                <Checkbox
+                  tabIndex={TabIndex.FOCUSABLE}
+                  onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
+                    saveOptionSendPreviewsPreference(event.target.checked);
+                  }}
+                  checked={optionSendPreviews}
+                  data-uie-name="status-preference-previews-send"
+                >
+                  <CheckboxLabel htmlFor="status-preference-previews-send">
+                    {t('preferencesOptionsPreviewsSendCheckbox')}
+                  </CheckboxLabel>
+                </Checkbox>
 
-              <p className="preferences-detail preferences-detail-intended">
-                {t('preferencesOptionsPreviewsSendDetail')}
-              </p>
-            </div>
+                <p className="preferences-detail preferences-detail-intended">
+                  {t('preferencesOptionsPreviewsSendDetail')}
+                </p>
+              </div>
+            )}
           </>
         )}
       </PreferencesSection>