Missing links and bold style in translated text?

[compojoom]

Hey, I can't figure out what I am doing wrong. I have this RN code:

           <Text
              fontSize="$4"
              color="$color11"
              lineHeight="$5"
              textAlign="left"
            >
              <fbt desc="Data collection description">
                We'd love your help improving{' '}
                <fbt:param name="appName">{APP_NAME}</fbt:param>. If you agree,
                we'll collect anonymous information like which screens you
                visit, which features you use most, and any errors you run into.
                This data is{' '}
                <Text fontWeight="800">never used for advertising</Text>
                — only to make the app better.
              </fbt>
            </Text>

            <Text fontSize="$3" color="$gray11" flex={1} lineHeight="$4">
              {Platform.OS === 'ios' ? (
                <fbt desc="Beginning of legal agreement text in consent form">
                  By continuing, you agree to our
                  <Link href={TERMS_OF_USE_URL} asChild>
                    <Text color="$orange11" textDecorationLine="underline">
                      Terms & Conditions
                    </Text>
                  </Link>
                  and
                  <Link href={PRIVACY_POLICY_URL} asChild>
                    <Text color="$orange11" textDecorationLine="underline">
                      Privacy Policy
                    </Text>
                  </Link>
                  .
                </fbt>
              ) : (
                <fbt desc="Beginning of legal agreement text in consent form">
                  By continuing, you agree to our
                  <Link href={PRIVACY_POLICY_URL} asChild>
                    <Text color="$orange11" textDecorationLine="underline">
                      Privacy Policy
                    </Text>
                  </Link>.
                </fbt>
              )}
            </Text>

The rendered result in English is this:

But in any other langauge(here for example German) I don't see the links and the bold style.

the collected source string for example looks like this:

      "hashToLeaf": {
        "whyY1k04Erawyrt0zLXfNQ==": {
          "desc": "Data collection description",
          "text": "We'd love your help improving {appName}. If you agree, we'll collect anonymous information like which screens you visit, which features you use most, and any errors you run into. This data is {=never used for advertising} — only to make the app better."
        }
      },

The translated one looks like this:

    "whyY1k04Erawyrt0zLXfNQ==": {
      "description": "Data collection description",
      "status": "translated",
      "tokens": [],
      "translations": [
        {
          "translation": "Wir würden uns freuen, wenn Sie uns helfen, {appName} zu verbessern. Wenn Sie zustimmen, sammeln wir anonyme Informationen darüber, welche Bildschirme Sie besuchen, welche Funktionen Sie am häufigsten nutzen und auf welche Fehler Sie stoßen. Diese Daten werden {=niemals für Werbung verwendet} – nur um die App besser zu machen.",
          "variations": {}
        }
      ],
      "types": []
    },

Am I doing something wrong here?

[compojoom]

Interesting - I managed to fix the bold style by removing the {' '} from the text:

Also managed to fix the links by moving the dot (end of sentense) to the previous line?

@cpojer Any idea what is going on here?

[compojoom]

Ok, this is extremly weird. So after making the above changes, I ran again fbt collect, prepare-translate. I translated the strings, and then ran fbtee translate. Now the app has the same issue. If I go in the source code and now re-add the empty string and move the dot, then my text is translated???

source:

    {
      "hashToLeaf": {
        "whyY1k04Erawyrt0zLXfNQ==": {
          "desc": "Data collection description",
          "text": "We'd love your help improving {appName}. If you agree, we'll collect anonymous information like which screens you visit, which features you use most, and any errors you run into. This data is {=never used for advertising} — only to make the app better."
        }
      },
      "filename": "src/components/ConsentBottomSheet/ConsentBottomSheet.tsx",
      "loc": {
        "start": {
          "line": 82,
          "column": 14,
          "index": 2218
        },
        "end": {
          "line": 90,
          "column": 20,
          "index": 2715
        }
      },
      "project": "",
      "jsfbt": {
        "m": [],
        "t": {
          "desc": "Data collection description",
          "text": "We'd love your help improving {appName}. If you agree, we'll collect anonymous information like which screens you visit, which features you use most, and any errors you run into. This data is {=never used for advertising} — only to make the app better.",
          "tokenAliases": {
            "=never used for advertising": "=m4"
          }
        }
      }
    },

here is the translated text

    "whyY1k04Erawyrt0zLXfNQ==": {
      "description": "Data collection description",
      "status": "translated",
      "tokens": [],
      "translations": [
        {
          "translation": "Wir würden uns freuen, wenn Sie uns helfen, {appName} zu verbessern. Wenn Sie zustimmen, sammeln wir anonyme Informationen darüber, welche Bildschirme Sie besuchen, welche Funktionen Sie am häufigsten nutzen und auf welche Fehler Sie stoßen. Diese Daten werden {=niemals für Werbung verwendet} – nur um die App besser zu machen.",
          "variations": {}
        }
      ],
      "types": []
    },
    "6hB1I5AAr0+Y5OpzCNv4KA==": {
      "description": "In the phrase: \"We'd love your help improving {appName}. If you agree, we'll collect anonymous information like which screens you visit, which features you use most, and any errors you run into. This data is {=never used for advertising} — only to make the app better.\"",
      "status": "translated",
      "tokens": [],
      "translations": [
        {
          "translation": "niemals für Werbung verwendet",
          "variations": {}
        }
      ],
      "types": []
    },

and the final translation in the app:

    "3tjX51": "Wir würden uns freuen, wenn Sie uns helfen, {appName} zu verbessern. Wenn Sie zustimmen, sammeln wir anonyme Informationen darüber, welche Bildschirme Sie besuchen, welche Funktionen Sie am häufigsten nutzen und auf welche Fehler Sie stoßen. Diese Daten werden {=niemals für Werbung verwendet} – nur um die App besser zu machen.",
    "2FdCsS": "niemals für Werbung verwendet",

[cpojer]

When you use a component like <Text fontWeight="800">never used for advertising</Text> inside of <fbt> it creates an implicit "name" for that token. In your case that's {=never used for advertising}. The token is static, so it should never be translated. When you translate to German, you have to keep {=never used for advertising} in the container, and then translate the inner text.

[compojoom]

Oh, nooooooo 🤦

[compojoom]

Thanks @cpojer ! I managed to hack my script to take this into account.