[Copilot][Studio] missing menu entries

assets/js/src/core/modules/email/index.ts

@@ -14,11 +14,10 @@ import { container } from '@Pimcore/app/depency-injection'
 import { serviceIds } from '@Pimcore/app/config/services/service-ids'
 import { EmailBlocklistContainer } from './blocklist/email-blocklist-container'
 import { EmailLogContainer } from './log/email-log-container'
+import { SEND_TEST_EMAIL_BUTTON_ID, SendTestEmailButton } from '@Pimcore/modules/email/test-mail/send-test-email-button'
 import { type MainNavRegistry } from '../app/base-layout/main-nav/services/main-nav-registry'
 import { UserPermission } from '../auth/enums/user-permission'
 import { NavPermission } from '../perspectives/enums/nav-permission'
-import React from 'react'
-import { SendTestEmailButton } from './test-mail/send-test-email-button'
 
 moduleSystem.registerModule({
   onInit: () => {
@@ -34,6 +33,11 @@ moduleSystem.registerModule({
       component: EmailLogContainer
     })
 
+    widgetRegistryService.registerWidget({
+      name: 'send-test-email-button',
+      component: SendTestEmailButton
+    })
+
     const mainNavRegistryService = container.get<MainNavRegistry>(serviceIds.mainNavRegistry)
 
     mainNavRegistryService.registerMainNavItem({
@@ -93,7 +97,18 @@ moduleSystem.registerModule({
       className: 'item-style-modifier',
       permission: UserPermission.Emails,
       perspectivePermission: NavPermission.Mails,
-      button: () => React.createElement(SendTestEmailButton)
+      widgetConfig: {
+        name: 'SendTestEmailButton',
+        id: SEND_TEST_EMAIL_BUTTON_ID,
+        component: 'send-test-email-button',
+        config: {
+          translationKey: 'navigation.test-email',
+          icon: {
+            type: 'name',
+            value: 'mail-02'
+          }
+        }
+      }
     })
   }
 })

assets/js/src/core/modules/email/test-mail/send-test-email-button.tsx

@@ -8,20 +8,20 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import { useEffect } from 'react'
 import { useSendTestEmailContext } from './provider/use-send-test-email-context'
+import { useWidgetManager } from '@Pimcore/modules/widget-manager/hooks/use-widget-manager'
 
-export const SendTestEmailButton = (): React.JSX.Element => {
-  const { t } = useTranslation()
+export const SEND_TEST_EMAIL_BUTTON_ID = 'send-test-email-button'
+
+export const SendTestEmailButton = (): null => {
   const { setIsOpen } = useSendTestEmailContext()
+  const { closeWidget } = useWidgetManager()
+
+  useEffect(() => {
+    setIsOpen(true)
+    closeWidget(SEND_TEST_EMAIL_BUTTON_ID)
+  }, [])
 
-  return (
-    <button
-      className="main-nav__list-btn"
-      onClick={ () => { setIsOpen(true) } }
-    >
-      {t('navigation.test-email')}
-    </button>
-  )
+  return null
 }