Want to pass custom username to the botpress from wordpress website . Custom username not showing by the botpress about botpress HOT 10 CLOSED

<title>My Basic HTML Page</title>
<script src="https://cdn.botpress.cloud/webchat/v1/inject.js?i=213132123123"></script>
<script> function initializeChat(userName) {
    console.log("inside function:", userName)
    window.botpressWebChat.init({
      composerPlaceholder: "Chat with bot",
      botConversationDescription: "This chatbot was built surprisingly fast with Botpress",
      botId: "915398e7-3cb8-43fe-8873-8e7a30a0c16f",
      hostUrl: "https://cdn.botpress.cloud/webchat/v1",
      messagingUrl: "https://messaging.botpress.cloud",
      clientId: "",
      webhookId: "",
      lazySocket: true,
      themeName: "prism",
      frontendVersion: "v1",
      useSessionStorage: true,
      showPoweredBy: true,
      theme: "prism",
      themeColor: "#2563eb",
      userData: { name: userName, },
    });
  }

  function getUserNameAndInitializeChat() {
    let userName = localStorage.getItem('user_name');

    // Check if the username exists in localStorage
    if (!userName) {
      userName = prompt('Please enter your first name:');
      if (userName) {
        // Save the username to localStorage
        localStorage.setItem('user_name', userName);


        initializeChat(userName);
      }
    } else {

      const myTimeout = setTimeout(initializeChat(userName), 2000);

      console.log(userName);

      //initializeChat(userName);
    }
  }

  // Call the function to get the dynamic value for userName and initialize chat
  getUserNameAndInitializeChat();
</script>