Fix visibility of KT in settings

ts/components/Preferences.dom.stories.tsx

@@ -458,6 +458,7 @@ export default {
     isAutoDownloadUpdatesSupported: true,
     isAutoLaunchSupported: true,
     isHideMenuBarSupported: true,
+    isKeyTransparencyAvailable: true,
     isNotificationAttentionSupported: true,
     isSyncSupported: true,
     isSystemTraySupported: true,

ts/components/Preferences.dom.tsx

@@ -196,6 +196,7 @@ export type PropsDataType = {
   isContentProtectionNeeded: boolean;
   isContentProtectionSupported: boolean;
   isHideMenuBarSupported: boolean;
+  isKeyTransparencyAvailable: boolean;
   isNotificationAttentionSupported: boolean;
   isPlaintextExportEnabled: boolean;
   isSyncSupported: boolean;
@@ -441,6 +442,7 @@ export function Preferences({
   isContentProtectionNeeded,
   isContentProtectionSupported,
   isHideMenuBarSupported,
+  isKeyTransparencyAvailable,
   isNotificationAttentionSupported,
   isPlaintextExportEnabled,
   isSyncSupported,
@@ -1820,10 +1822,13 @@ export function Preferences({
             </div>
           </FlowingControl>
         </SettingsRow>
+        {isKeyTransparencyAvailable && (
           <SettingsRow>
             <Checkbox
               checked={!hasKeyTransparencyDisabled}
-            label={i18n('icu:Preferences__PrivacyPage__KeyTransparency__Label')}
+              label={i18n(
+                'icu:Preferences__PrivacyPage__KeyTransparency__Label'
+              )}
               moduleClassName="Preferences__checkbox"
               name="keyTransparency"
               onChange={() =>
@@ -1850,6 +1855,7 @@ export function Preferences({
               </div>
             </div>
           </SettingsRow>
+        )}
         <SettingsRow>
           <FlowingControl>
             <div

ts/state/smart/Preferences.preload.tsx

@@ -590,6 +590,13 @@ export function SmartPreferences(): React.JSX.Element | null {
     prodKey: 'desktop.plaintextExport.prod',
   });
 
+  const isKeyTransparencyAvailable = isFeaturedEnabledSelector({
+    betaKey: 'desktop.keyTransparency.beta',
+    prodKey: 'desktop.keyTransparency.prod',
+    currentVersion: version,
+    remoteConfig: items.remoteConfig,
+  });
+
   // Two-way items
 
   function createItemsAccess<K extends keyof StorageAccessType>(
@@ -867,6 +874,7 @@ export function SmartPreferences(): React.JSX.Element | null {
           isContentProtectionNeeded={isContentProtectionNeeded}
           isContentProtectionSupported={isContentProtectionSupported}
           isHideMenuBarSupported={isHideMenuBarSupported}
+          isKeyTransparencyAvailable={isKeyTransparencyAvailable}
           isMinimizeToAndStartInSystemTraySupported={
             isMinimizeToAndStartInSystemTraySupported
           }