chore: update support channels (#27188)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

web/app/components/base/zendesk/index.tsx

@@ -10,11 +10,21 @@ const Zendesk = () => {
   const nonce = process.env.NODE_ENV === 'production' ? (headers() as unknown as UnsafeUnwrappedHeaders).get('x-nonce') ?? '' : ''
 
   return (
-    <Script
-      nonce={nonce ?? undefined}
-      id="ze-snippet"
-      src={`https://static.zdassets.com/ekr/snippet.js?key=${ZENDESK_WIDGET_KEY}`}
-    />
+    <>
+      <Script
+        nonce={nonce ?? undefined}
+        id="ze-snippet"
+        src={`https://static.zdassets.com/ekr/snippet.js?key=${ZENDESK_WIDGET_KEY}`}
+      />
+      <Script nonce={nonce ?? undefined} id="ze-init">{`
+        (function () {
+          window.addEventListener('load', function () {
+            if (window.zE)
+              window.zE('messenger', 'hide')
+          })
+        })()
+      `}</Script>
+    </>
   )
 }
 

web/app/components/base/zendesk/utils.ts

@@ -21,3 +21,13 @@ export const setZendeskConversationFields = (fields: ConversationField[], callba
   if (!IS_CE_EDITION && window.zE)
     window.zE('messenger:set', 'conversationFields', fields, callback)
 }
+
+export const setZendeskWidgetVisibility = (visible: boolean) => {
+  if (!IS_CE_EDITION && window.zE)
+    window.zE('messenger', visible ? 'show' : 'hide')
+}
+
+export const toggleZendeskWindow = (open: boolean) => {
+  if (!IS_CE_EDITION && window.zE)
+    window.zE('messenger', open ? 'open' : 'close')
+}