Function useWebhookManagement

apps/sim/hooks/use-webhook-management.ts:86–196

({
  blockId,
  triggerId,
  isPreview = false,
  useWebhookUrl = false,
}: UseWebhookManagementProps)

 * Webhook creation/updates are handled by the deploy flow.
 */
export function useWebhookManagement({
  blockId,
  triggerId,
  isPreview = false,
  useWebhookUrl = false,
}: UseWebhookManagementProps): WebhookManagementState {
  const params = useParams()
  const workflowId = params.workflowId as string
  const syncedRef = useRef(false)

  const webhookId = useSubBlockStore(
    useCallback((state) => state.getValue(blockId, 'webhookId') as string | null, [blockId])
  )
  const webhookPath = useSubBlockStore(
    useCallback((state) => state.getValue(blockId, 'triggerPath') as string | null, [blockId])
  )

  const webhookUrl = useMemo(() => {
    const baseUrl = getBaseUrl()
    if (!webhookPath) {
      return `${baseUrl}/api/webhooks/trigger/${blockId}`
    }
    return `${baseUrl}/api/webhooks/trigger/${webhookPath}`
  }, [webhookPath, blockId])

  useEffect(() => {
    if (triggerId && !isPreview) {
      const storedTriggerId = useSubBlockStore.getState().getValue(blockId, 'triggerId')
      if (storedTriggerId !== triggerId) {
        useSubBlockStore.getState().setValue(blockId, 'triggerId', triggerId)
      }
    }
  }, [triggerId, blockId, isPreview])

  const queryEnabled = useWebhookUrl && !isPreview && Boolean(workflowId && blockId)

  // Reset sync flag when blockId changes or query becomes disabled (render-phase guard)
  const prevBlockIdRef = useRef(blockId)
  if (blockId !== prevBlockIdRef.current) {
    prevBlockIdRef.current = blockId
    syncedRef.current = false
  }
  if (!queryEnabled) {
    syncedRef.current = false
  }

  const { data: webhook, isLoading: queryLoading } = useWebhookQuery(
    workflowId,
    blockId,
    queryEnabled
  )

  useEffect(() => {
    if (!queryEnabled || syncedRef.current) return
    if (webhook === undefined) return

    if (webhook) {
      syncedRef.current = true