dify/web/app/components/header/account-setting/use-integrations-setting.ts

'use client'

import type { MovedAccountSettingTab } from './destinations'
import type { IntegrationSection } from '@/app/components/integrations/routes'
import { useCallback } from 'react'
import { useModalContext } from '@/context/modal-context'
import { integrationSectionByMovedAccountSettingTab } from './destinations'

type IntegrationsSettingState
  = | { payload: MovedAccountSettingTab, source?: 'agent', onCancelCallback?: () => void }
    | { section: IntegrationSection, source?: 'agent', onCancelCallback?: () => void }

export const useIntegrationsSetting = () => {
  const { setShowAccountSettingModal } = useModalContext()

  return useCallback((state: IntegrationsSettingState) => {
    const section
      = 'section' in state
        ? state.section
        : integrationSectionByMovedAccountSettingTab[state.payload]

    if (section) {
      setShowAccountSettingModal({
        payload: section,
        ...(state.source ? { source: state.source } : {}),
        ...(state.onCancelCallback ? { onCancelCallback: state.onCancelCallback } : {}),
      })
    }
  }, [setShowAccountSettingModal])
}